ejs

1/2ページ

ejsでレイアウト機能を使う

最近個人プロジェクトでExpress x ejsを使っています。 viewファイルを作っていて、当然ですけど絶対レイアウト機能を使ったほうが修正も楽だろうと思って調べました。 express v4.16.3 ejs v2.5.9 レイアウト機能使用に必要なもの express-ejs-layouts これだけです 手順 express-ejs-layoutsインストール $ yarn add ex […]

テンプレートエンジンEJSの仕組みの解説

EJSとは? javascript用のテンプレートエンジンです。 詳しくは以下を参照してください。 http://ejs.co/ HTMLなどのテンプレートテキスト内にjavascriptのロジックを記述したり、変数や関数の実行を評価してテンプレートテキスト中に埋め込んだりできるものです。 本エントリにて記述する内容 テンプレートエンジンEJSの仕組みを、ソースコードを読みつつ解説したものです。 […]

meen(mean)でtodoアプリを作成してみた。

概要 いまさらながら、気になっていたmean環境をごにょごにょ触って、 mongo + express + ejs + node.js(meen(angularjs不使用))にて、定番のtodoアプリを作ってみました。 なんてことないゴミのようなアプリです。 bower | npm | mongo などの説明は割愛します。 環境 ローカル: CentOS 6.8 node.js 9.2.0 npm […]

webpackで静的サイトジェネレータ(EJS編)

方針 webpackで静的なサイトを生成する需要は一定程度あるようで、既に@toduqさんの大変わかりやすい記事が上がっています。 Webpackを頑張って設定して、すごい静的サイトジェネレータとして使おう 上記記事(以下、”@toduqさんの記事”)では、テンプレートエンジンとしてPugを使っておられます。 ただ、HTMLをそのまま残せるEJSも捨てがたいため、EJSから […]

【EJS】 gulp + EJS でページの量産

アパレルの商品詳細ページのような、同じテンプレートでテキストや画像が違うだけのページを量産する機会があったので、ローカル環境の gulp + EJS で効率化を図ってみました。 ◼︎ 前提 ※ Node.jsはインストール済みとします  以下のコマンドを入力して、バージョンが表示されれば正常にインストールされています。「node:command not found」を表示されてしまう場合は、インス […]

初めてのNode.js

Node.js で一言ブログ的なものを作りました。 環境構築 仮想は使わなくても良いですが、Windows 10.1703 に Vagrant で構築した Ubuntu 1604 上で行いました。 ホストのエディタで編集して、rsync してゲストで node server.js を実行して、 ホストのブラウザからIPアドレスとポート番号を指定してアクセスしました。 Node.js のインストール […]

初心者が学ぶ TypeScript 入門 Ver.0.5 【準備編】

前回のあらすじ TypeScript入門 Ver.0.2 TypeScriptを扱うにあたって、node.jsを一度勉強してみる事にした。 Hello World URL ルーティング HTMLファイルの読込 node.js の勉強 3. テンプレートエンジンを使用してみる。 まずは、テンプレートエンジンを読み込みます。 $ npm install ejs 次に ejs のテンプレートファイルを作 […]

EJS と gulp を利用した HTML の生成

HTML ジェネレーターを探す HTML + JavaScript のファイルを Amazon S3 にホスティングするなどして、 REST API のクライアントアプリケーションとして利用する方法は近年しばしば用いられます。 今回、ホスティングするための静的ファイル群を効率的に開発するため、いわゆる「静的HTMLジェネレーター」を以下の要件で調査していました。 必要な機能 コンポーネントとして […]