EJS

今回は、ejsでの「if文」や「for文」の書き方についてまとめていきます。 ejsの宣言等を行います。 const path = require('path'); const express = require('express'); const app = express(); const redditData = require('./data.json'); //下記を記述しておくことで階層が異なっても、viewsのディレクトリ設定ができる app.set('views', path.join(__dirname, 'views')); //ejsを使えるように宣言 app.set('…

今回はNode.jsのテンプレートエンジン「EJS」で使いやすい便利な構文をまとめました。 ・数、文字列、配列やオブジェクトの宣言と処理（JavaScriptと同じ） ・MTHLへ値の展開 ・ループや条件分岐 ・外部ファイルの読み込みやパラメータの引渡し などを行うことができます。 早速書いてみましょう。 ・<%= %> ejsファイル内に <h1>ホームページ <%= 'hello world'.toUpperCase() %></h1> 上記のように記述します。 「hello world」が大文字になって出力されています。 <%= %>の中に記述されたものは全てJavaScriptとして認…

EJS・・・ EJSとは主にJavaScriptで使用されるテンプレートエンジンです。 EJSを利用することでHTMLをヘッダーやフッターで分割して管理することやHTML内で ループ処理を書いて簡単に記述できるなどを実現できます。 また、「JavaScriptで使用される」ということなので、JavaScriptの構文が使えます。新たに構文を覚える必要がありません。 ※テンプレートを使うことで、WEBページに「パターン」を定義し、中身を動的に変更することができます。 ejs.co もう一つ、ExpressにEJSを設定する方法も紹介します。 ・プロジェクトの初期化をして、package.json…

記事概要 確認したこと（抜粋） ルーティング クエリパラメータ と フォームの入力 次に学ぶこと 記事概要 前回、３章２項まで読み進めましたが、サンプルプログラムの実動作を一切していなかったため一通りの動作確認をしました。 確認したこと（抜粋） ルーティング クライアントが入力したURLの内容によって表示したいページ（ejsのテンプレート)を変えたい時、URLをパース処理してサーバ側でレスポンスの内容を変える必要があることを学びました。 次のページはただindex.ejsをレンダリングして表示してるだけですが、indexページヘのアクセスであることを識別した上で表示してます。 各ページごとの処…