
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

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





