content【初心者向け】HTMLテンプレートのPugを使ったら作業効率が上がった話HTMLgulppugはじめにWeb歴1年半の僕がPugを始めたらHTMLを書くのが10倍楽になったので記録として残します。新卒のHTML&CSS研修中、LPを何個か作っていました。3個目に差し掛かった辺りから、「あ〜、なんか飽きてきたな」と思い始め、楽な方法を探しました。そこでPugを見つけました。Pugってなに?PugはHTMLを簡単に書くためのテンプレートエンジンで、CSSでいうSassのようなものです。PugはNode.jsで動いており、一部書き方がJavaScriptっぽいところがあります。別の言い方をするとHTMLの拡張言語といったところでしょうか。CSSでいうSassという例えが僕は一番しっくりきます。メリット閉じタグ忘れがなくなるHTMLでは開きタグと同時に閉じタグも必要になります。今まではタグを変更するときに閉じタグも一緒に変更するのが少し面倒でした。HTMLを書いたことがある人ならば一度は思ったことがあるのではないでしょうか。他の言語同様、繰り返しや分岐処理が可能。保守性が高いHTMLのページや要素を追加する場合なども予め変数で用意しておけば追加するだけで他をいじる必要がない。</div></header>こうなります!書き方はHTMLと多少違うという点で覚えることはありますが、慣れてくるとかなり速いスピードでかけるようになります。ちなみにPugはVueのテンプレートタグでも使用できます。終わりに今回はマークアップの部分を効率的にかけるようになりましたが、こういった考えは日々持つべきだなぁと改めて感じました。プログラマの三大美徳にもある「怠慢」を体現したように感じました。エンジニアをやっています。upLoginユーザーは見つかりませんでした。