駆け出しのエンジニア日記

プログラミング言語勉強中の奮闘日記

2023-06-01から1ヶ月間の記事一覧

REST入門

REST ・・・ REST(Representational State Transfer)の原則に基づいて設計されたAPIのことです。 REST APIまたはRESTful API とも呼ばれています。 Webシステムを外部から利用するためのAPIであるので、REST APIはWeb APIの1つとも言われています。 REST A…

GETリクエスト・POSTリクエスト

GETリクエスト・POSTリクエストについて深掘りしていきます。 大きな違いとしては、、 GETリクエスト ・情報の取得に使用 ・データはクエリストリングで送られる →URLを確認すれば送信しているデータがすぐわかる ・送れるデータの量に注意する必要がある PO…

ejsとパーシャル

パーシャル・・・テンプレートの一部を部品化して後の変更をやりやすくすることです。 ※テンプレート内の小さな部品を”パーシャル”と呼びます。 例えば、この下記のコードを全部のテンプレートで使用したい場合、コピペするのは大変です。また後からコード追…

Expressで静的ファイルを提供

イメージ(画像)、CSS ファイル、JavaScript ファイルなどの静的ファイルを提供する には、Express に標準実装されている express.static ミドルウェア関数を使うことにな ります。 構文から見てみましょう。 app.use(express.static('ディレクトリ名')); …

ejsでの条件文やループ文

今回は、ejsでの「if文」や「for文」の書き方についてまとめていきます。 ejsの宣言等を行います。 const path = require('path'); const express = require('express'); const app = express(); const redditData = require('./data.json'); //下記を記述し…

ejsの構文

今回はNode.jsのテンプレートエンジン「EJS」で使いやすい便利な構文をまとめました。 ・数、文字列、配列やオブジェクトの宣言と処理(JavaScriptと同じ) ・MTHLへ値の展開 ・ループや条件分岐 ・外部ファイルの読み込みやパラメータの引渡し などを行うこ…

EJS入門

EJS・・・ EJSとは主にJavaScriptで使用されるテンプレートエンジンです。 EJSを利用することでHTMLをヘッダーやフッターで分割して管理することやHTML内で ループ処理を書いて簡単に記述できるなどを実現できます。 また、「JavaScriptで使用される」という…

Nodemonで自動再起動

Nodemonで自動再起動する方法についてまとめていきます。 そもそもNodemonとは・・・ コード変更を監視して、自動でNode.jsのアプリケーションを再起動してくれるツールです。 実際にインストールから行ってみましょう。 ・グローバルにインストール npm ins…

Expressのルーティング

そもそもルーティングとは・・・ アプリケーションが特定のエンドポイントに対するクライアント要求に応答する方法と して、URI (またはパス) と特定の HTTP 要求メソッド (GET、POST など) を決定するこ とです。 簡単に言うと、マッチするPATHを指定するこ…

Express入門

Express・・・ Node.jsのための高速で革新的な最小限のWebフレームワークです。 Webアプリケーションを構築するのに役立ちます。 WebアプリケーションやAPIを構築するためのメソッドやプラグインが豊富なNPMパッケージとも言えます。 ここでライブラリとフレ…

extendsとsuper

extendsとsuper これらはクラスの継承方法になります。 ・extends //Petは親クラス class Pet { constructor(name, age) { this.name = name; this.age = age; } eat() { return `${this.name}がご飯を食べます`; } } class Cat extends Pet { meow() { retu…

JavaScriptのクラス

class構文・・・ コンストラクタやメソッドを簡単に定義できるものになります。 コンストラクタはインスタンス(実体)を作成する関数、メソッドはオブジェクトの中に 定義される関数です。 つまりclass構文は、色々な関数をひとまとめにして、使い回せるよう…

コンストラクタ関数

コンストラクタ関数・・・ 新しくオブジェクトを作成するための雛形となる関数です。 記述するには専用のnew演算子を使います。 そもそも「new演算子」とは、、、 ・空のプレーンな JavaScript オブジェクトを生成 ・新しいオブジェクトにプロパティ(__proto…