こんにちは、Quidamです。 前回の記事「「JSテンプレートエンジンとは?」まとめると大変だった基礎知識」から考察が進み、JSテンプレートエンジン「Nunjucks」を社内標準として使用していくことになりました。ちなみにNunjucksの読み方は「ナンジャックス」です。日本人には何とも言いにくい…。「ナンジャックス」と真ん中にアクセントを置きそうですが、おそらくアクセントは先頭の「ナ」で「ナンジャックス」のよう。…どうでもいいですね。 改めて、今回はNunjucksとGulpでHTML開発環境を効率化する具体的な設定例をご紹介します。 ゴールと前提情報 この記事では、GulpとNunjucksで次のような環境を作る事をゴールとします。 Nunjucksを使って、ヘッダー/フッター/モーダルコンテンツなどの共通HTMLパーツを外部ファイル化し、各ページに合わせてアレンジできるようにする。