HTMLをより少ない記述量で書くことができる「テンプレートエンジン」。Haml, Slim, Pagなどをよく見聞きしますね。 これらの形式をブラウザで表示するためにはHTMLにコンパイル(変換)する必要があります。その環境構築が第一難関です。 が!CodePenを使えば環境構築なしにテンプレートエンジンを体験することができます!!早速やってみました。 目次: CodePenのSetting(設定)変更 Emmet Haml HAMLの主な記法 コンパイル後のコード表示 Markdown Markdownの主な記法 Slim Slimの主な記法 Pug Pugの主な記法 おまけ:EJSもオススメ(追記) まとめ ※参考:HTMLの基本についてはこちら 【HTMLの基本】書ける前に読む!HTML、CSS、JSの書式-2 ※2019/10/20:この記事上にソースコードがありませんでしたが、追