全てのコンテンツ

Node.js

【Node.js】Expressで作成したデータをJSONファイルで保存する

前回までは、データを配列にしてデータ内容を画面に表示していました。 今回は、データを JSON ファイルにしてから、データ内容を画面に表示します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs index.js routes…

続きを読む
2021年10月25日8 分
Node.js

【Node.js】MVCに沿って、モデルを作成する

前回は、MVC に沿って、コントローラーを作成しました。 views/index.ejs views/menu.ejs index.js routes/index.js routes/menu.js controllers/menus.js 今回は、MVC の『M…

続きを読む
2021年10月24日2 分
Node.js

【Node.js】MVCに沿って、コントローラーを作成する

MVC は、Model View Controller の略です。 Model がデータ取扱の部分にあたり、View がブラウザを表示する部分にあたります。 Controller は、Model と View…

続きを読む
2021年10月23日5 分
Node.js

【Node.js】EJSを使って、ブラウザにデータを表示する方法

Express で取得したデータを、EJS を使ってブラウザに表示させてみます。 前回のコードを使用します。 views/index.html views/menu.html index.js routes/index.js routes/menu.js EJS とは、html…

続きを読む
2021年10月22日5 分
Node.js

【Node.js】Expressで別ページにデータを送信する方法

フォームで入力したデータを、index.html へ送信してみます。 コードは、前回のコードを使用します。 まずは、menu.js に、menu を入れるための空の配列を作成します。 次に、 router.post の部分で、先程作成した menus…

続きを読む
2021年10月21日2 分
Node.js

【Node.js】Expressで静的ファイルを繋げる方法

css ファイルや image ファイルなどを静的ファイルとしてまとめたい時、Express でどのように設定するかを紹介します。 前回のファイルを使用します。 index.js routes/menu.js views/menu.html まずは、CSS…

続きを読む
2021年10月20日1 分
Node.js

【Node.js】Expressでhtmlファイルを繋げる方法

Express で html ファイルを繋げてみます。 ルーターは、前回作成した menu.js を使用します。 routes/menu.js views ファイルを作成し、menu.html を作成します。 views/menu.html menu.js の router…

続きを読む
2021年10月19日1 分
Node.js

【Node.js】Expressでルーティング処理をする方法

現在、単一のファイルでコードを書いていくと、コードが煩雑になります。 コードを見やすくするためにルーティング処理をして、ファイルに分割したいと考えています。 コードは、前回のコードを使います。 まずは、routes フォルダを作成し、その中に menu.js…

続きを読む
2021年10月13日3 分
Node.js

【Node.js】Expressを使って、404ページを表示する方法

間違った URL を入力した際、『ページが見つかりません』と表示するよう、Express で設定します。 前回のコードを使います。 Express は、上から実行されます。 上のコードでは、『/menu』の URL ではフォームを実行し、次に『/』の URL…

続きを読む
2021年10月12日2 分
Node.js

【Node.js】Expressを使って、フォームの内容を送信する方法

Express を使って、フォームの内容を送信してみます。 まず初めに、ポート 8000 でサーバーを実行できるようにします。 フォームの内容を送信するために、Express の urlencoded を使用します。 get を使って、フォームを作りましょう。 URL…

続きを読む
2021年10月11日2 分