Visual Studio Code に ejs の シンタックスハイライト を追加します。 拡張機能は 「.ejs」 なので、これをインストールすれば自動的にシンタックスハイライトが有効化されます。 この記事では 「.ejs」 をインストールして適用するところまでを行います。 ちなみに 「.ejs」 は 以下のマーケットプレースに公開されています。 Visual Studio Marketplace - .ejs 目次 インストール 利用 インストール コマンドパレットからインストールもできますが、ここではできるだけ画面を使ってインストールしてみます。 「拡張機能」を選択 「.ejs」を検索 「.ejs」の「インストール」を選択 ...

Node.js + Express (ejsテンプレート) の環境において 404エラーページ と 500エラーページ を カスタムエラーページ にする方法をまとめます。 大きくは「エラー処理の実装」と「エラーページの実装」の2点を行います。 以下ではそれぞれについて詳しく見ていきます。 目次 概要 エラー処理 の 実装 エラーページ の 実装 概要 すべてのファイルを列挙しているわけではありませんが、前提となる主要なフォルダおよびファイルについて列挙します。 想定は以下のような環境です。 プロジェクト構成 PROJECT_ROOT ├ node_modules │ └ … ├ public │ └ … ├ routes │ └ home.js ├ views │ ├ home │ │ └ index.js │ ├ 404.ejs ...

Node.js だけでは 実践向きではないので、 Express と EJS を組み合わせてもう少し実践で使えるようなサンプルを作ってみました。 Express は Node.js 向けの Webアプリケーション開発フレームワーク で、ミドルウェアのような存在です。 EJS は テンプレートエンジン で、Java で言うところの JSP に近い コーディング ができます。 今回はさらにフロントエンドでよく使われる jQuery、 Bootstrap を組み込んで実装しています。 実用…となるとまだまだ足りない部分がありますが、初心者向けのサンプルとしてはある程度網羅できたものになっているかと思います。 目次 概要 前提条件 環境準備 実装 テスト サン ...