htmlを楽に作るため、Pugの基本的な使い方を解説します。 筆者は先日までejsでhtmlを作っていましたが、Pugに乗り換えました。 Pugの基本的な書き方Pugでhtmlを作るのに知っておくと便利な使い方 を紹介します。 とりあえずPugを使ってみたいejsからPugに乗り換えたい という人におすすめな内容です。 Pugのメリット 最初にPugでhtmlを作るメリットをまとめます。 ヘッダーやフッターの共通部分のhtmlを別ファイルに作れる変数やfor文を使って、htmlを楽にたくさん生成できるレイアウト毎に使用するテンプレートを切り替えれる 共通部分をパーツ化して作れるため、htmlで大量ページを制作するときに便利です。 ejsとPugの比較 元々ejsを使っていたので、ejsとPugの違いを比較します。 閉じタグがないため、ejsよりもPugの方がソースコードの行数が少なくシンプ