htmlを楽に作りたい！初めてのPugの導入・使い方まとめ | YE-TECH
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の方がソースコードの行数が少なくシンプ
Pug（Jade）の使い方 - Pug入門 | ねこしすてむ
目次 1. Pugとは 2. 導入方法 3. コンパイル 4. Pugの文法 5. 変数と制御文（ループ、条件分岐） 6. その他のコード 1. Pugとは HTML、CSS、JavaScriptの拡張言語（メタ言語）の紹介 こちらで紹介している通り、HTMLを生成するためのテンプレートエンジンの一つです。元々はJadeという名称でしたが、商標権の都合上Pugへと名称変更がありました。 GitHubリポジトリ https://github.com/pugjs/pug 公式ドキュメント https://pugjs.org/api/getting-started.html Pugはnode.js製のテンプレートエンジンですので、node.js環境が前提となります。 また、場合によってはgulpなどのタスクランナーも必須になるかと思います。 2. 導入方法 まずはnpmでグローバルにコマンドライ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
