skillup

技術ブログ

JavaScript

ejsのテンプレート

投稿日:2018年2月3日 更新日:

普段生のHTMLを書く機会はほとんどなく、画面側の仕事でもフレームワークを使うことがほとんどなので搭載されているテンプレートを使っています。

で、生のHTML/CSSの本を読んでいてejsなるテンプレートエンジンを発見。どうやらnode.jsのテンプレートのようですね。

まあHTMLで中でPHP使えればいいんですけどhtaccessの設定とかが面倒だったり、中にはできないケースもあるかと思いこれを機に勉強してみました。

インストール

nodeとnpmが入っていることが前提となります。

ディレクトリ構成

_header.ejs

_footer.ejs

index.ejs

タスクランナー(gulpfile.js)

GitHub

https://github.com/umanari145

参考リンク

EJSを使って スクリプトなどをヒアドキュメントっぽくextends する

EJSとJSONファイルを使って大量のデータを一括管理してHTMLに書き出す

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

bootstrapでのJavaScriptエラーチェック

お問い合わせフォームの入力チェックというのは本来サーバーサイド側でやらなくてはいけないのですが、JavaScriptによってクライアント側でやることも可能です。 入力欄にフォーカスして、遷移したときに …

no image

静的解析ツールについて

  ある程度の規模のプロジェクトだったら使っているであろう静的解析ツールについて。 Contents1 PHP CodeSniffer2 JavaScript eslit3 C# Style …

no image

package.jsonによるタスクの実行

前回の記事でgulpによるタスクの実行を書きましたが、package.jsonでこれを行うこともできます。 てっきり依存ライブラリの記述だけかと思いますしたが、様々なタスクを実行できるようですね。イメ …

no image

vueに関する小ネタ(computed、v-classなど)

先日は埋め込み形式で、vueを書いてましたが、その時に新たな気づいた小ネタなど。 Contents1 computed2 v-class3 ajaxのasync:false computed 主に、v …

no image

jQuery modalダイアログについて&重複時間処理

Contents1 jqueryモーダルダイアログ1.1 あらかじめ読み込むライブラリ1.2 ソース本体1.2.1 Html側1.2.2 Javascript側1.2.3 参考リンク2 重複時間につい …

アーカイブ