目次 1. Pugとは 2. 導入方法 3. コンパイル 4. Pugの文法 5. 変数と制御文(ループ、条件分岐) 6. その他のコード 1. Pugとは HTML、CSS、JavaScriptの拡張言語(メタ言語)の紹介 こちらで紹介している通り、HTMLを生成するためのテンプレートエンジンの一つです。元々はJadeという名称でしたが、商標権の都合上Pugへと名称変更がありました。 GitHubリポジトリ https://github.com/pugjs/pug 公式ドキュメント https://pugjs.org/api/getting-started.html Pugはnode.js製のテンプレートエンジンですので、node.js環境が前提となります。 また、場合によってはgulpなどのタスクランナーも必須になるかと思います。 2. 導入方法 まずはnpmでグローバルにコマンドライ