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

JavaScriptのコールバック関数について

JavaScriptでのコールバック関数について。 たまにでてきますが、これまた慣れないと手間取ります。 コールバック関数に関してまとめると以下のような感じでしょうか。 ある関数(func1)の引数と …

no image

モジュールバンドラparcelについて

現在のフロントエンドだと、es6以降の書き方が主流になっていることもあり、一度慣れてしまうとなかなか戻れない便利さがあります。 私の場合、設定が面倒だったり、Chromeではトランスパイルしなくても動 …

no image

クロスドメインがらみのajax

ajaxで別ドメインに対して、プログラムを実行したい時に注意すべきことなどを。 Contents1 ログ、レスポンスヘッダをとにかく追う2 特定ドメインからの許可3 フレームワーク側での認証ロジック( …

no image

npmでのJSライブラリインストール&ビルド(※Laravel使用時)

JavaScriptのインストールですが、いままではライブラリを1つ1つインストールしてました。 bowerでインストールしたこともあったんですが、読み込み自体は1つ1つしていました。 先日仕事でnp …

no image

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

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