入門
テンプレートエンジンPug入門
5

レイアウト部分とその中に入るコンテンツを分け、サイト内で使われるパーツを分けて使い回すテンプレート継承の機能を紹介します。ページに共通する部分を別のファイルにして、それぞれのページでは必要な部分だけを書くことに集中できます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

サイト内で共通して使われる部分を再利用できる、ミックスインとインクルードという機能を解説していきます。これらは、Pugの機能の中でも特に便利なものです。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

Pugのテンプレート内でJavaScriptを記述する記法や、繰り返し記法、条件分岐の記法について解説します。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

Pugの記法のうち、HTMLを表現するための記法を紹介します。何気なく書いているHTMLを、Pugではどのように書いていくのか見てみましょう。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

HTMLを簡単に記述するためのテンプレートエンジン、Pug。その独自の記法を学び、より効率的にHTMLを作成しましょう。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア