Pug

Pug(旧Jade)とは、HTMLを書くためのテンプレートエンジン。タグで囲む必要がないなど記述を省略できるため、HTMLの記述が簡単になります。ファイル分割も可能で、変数やループなど便利な機能も備わっています。

RSS
  • 受付中

    回答
    2

    Railsにてgulpを使ってSassやPugをビルドすることはできますか?

    現在、サイト構築において、下記の記事を参考にgulpを仕様してSassとPugをビルドしています。 GulpでPugとSassをビルドしてBrowserSyncでライブプレビューする 静的ファイル製作時は問題ないのですが、このタスク(ビルドしてブラウザでライブプレビュー)ってRuby on Rails上でもできるのですか? というか普通はどのような流

    • 0評価
    • 70PV
    miyabi-sun miyabi-sun 3週間前に 回答を編集
  • 解決済

    回答
    2

    gulpでpugをコンパイルする時に、brタグの出力形式を変える方法

    gulpでpugをコンパイルする時に、gulp-pugのプラグインを使っています。 pugで下記のように改行のテキストを書くと、htmlでの改行タグは <br /> のように出力されます。 p テキスト br | 改行テキスト この改行タグの出力を <br /> ではなく、 <br> のようにするには、htmlを整形してくれるプラグイン(pr

    • 0評価
    • 86PV
    dadada-dadada dadada-dadada 4週間前に コメント
  • 受付中

    回答
    3

    tableのborderの非表示について

    pugを使ってループでテーブルを書いているんですが、 th th th td td td td td td td td td この中のテーブル内側のtdの下線だけ非表示にしたくて(外枠は必要) 今はthのborder-topをhiddenにしてごまかしています。 しかしそうするとthの下線も表示されなくなってしまうので、こ

    • 0評価
    • 76PV
    x_x x_x 4週間前に 回答
  • 受付中

    回答
    0

    PUGで Include した要素に場合に応じてクラス名を振りたい

    PUGで Include したファイルに場合に応じてクラス名を振りたいです。 例 includeするファイル inc/module.pug .module 呼び出すファイル parent.pug include inc/module include inc/module parent.pugでmodule.pugを二回インクルードする

    • 0評価
    • 41PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    2

    Djangoで使用するHTMLテンプレートをPugで作成したい

    Djangoで現在jinja2を使用して開発しているのですが、jinja2で使用するHTMLテンプレートをpugを使用して作成したいです。 理由としてはpugの方がHTML作成やメンテが楽だからです。 ただ、jinja2の変数やループの機能も使用したいです。 body p {{val}} 単純に変数を使用するだけであれば、上記の様に記述し

    • 0評価
    • 103PV
    hnzwjun hnzwjun 2ヶ月前に 回答
  • 解決済

    回答
    2

    山田先生の学生のみ表示したい(今ほかの先生の学生も)

    前提・実現したいこと vue.jsでUI側の画面を作成中。 ログイン中の山田先生が自分の学生成績リストを表示したい。 発生している問題・エラーメッセージ ログイン中の山田先生以外の田中先生の学生もリストに表示されている。 ようには先生ごとに分けてもらいたい。 該当のソースコード .l-item.l-item-id {{item.s

    • 0評価
    • 167PV
    mio3io mio3io 4ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    railsアプリケーションにPug(旧jade)を導入したい

    実現したいこと 既存のRailsアプリでPugを利用したいです。 index.html.erbをindex.html.pugのように置き換える方法はないのでしょうか? 調べてみても、ピンとくる情報がなく質問させていただきました。情報が少なく恐縮ですがよろしくお願いいたします。

    • 0評価
    • 189PV
    ksyunnnn ksyunnnn 5ヶ月前に コメント
  • 解決済

    回答
    1

    pug内の条件分岐について

    pug内に、bodyIDがhogeまたはhogehoge以外の時、という条件分岐を設定したいのですが、以下ではうまくいきません。 if bodyId !== 'hoge' || 'hogehoge' どのようにすればよろしいでしょうか? ご教授いただけますと助かります!

    • 0評価
    • 279PV
    yu_6_6 yu_6_6 7ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    jade・pugの記法について/var以外の文章の挿入方法

    jade・pugの記法についての質問です。 下記の際で、変数-varを使う以外の方法を知りたいです。 例) index.pagに長文のsectionが大量にあり、他のファイル1に長文を移してそこから引用したい。 index.pag >長文は一箇所にまとめてではなく、各所違うところに配置する ファイル1.pug >index.p

    • 0評価
    • 473PV
    teratailが9ヶ月前に アップデート
  • 受付中

    回答
    1

    pug(旧jade)がインストールできない

    前提・実現したいこと pug(旧jade)をインストールしようとしたら以下のようなエラーが出ました。 どのようにすればインストールできますでしょうか node.jsはインストール済みです 発生している問題・エラーメッセージ Last login: Fri Apr 28 23:46:30 on ttys000 You have mail. K

    • 0評価
    • 424PV
    kobaken kobaken 9ヶ月前に コメント
  • 受付中

    回答
    0

    Pug(jade)とGulpで静的ファイルを相対パスで読み込む。

    前提・実現したいこと http://hamatte-wataru.com/jade_relative_path/ こちらの記事がやっていることをGulpでもやりたいです。 該当のソースコード build `|--about | `--index.html |--images |--js `--base.js |--c

    • -2評価
    • 577PV
    saniman saniman 1年以上前に 質問を編集
  • 解決済

    回答
    1

    mongodbのユーザ情報のリストをテーブルで表示させたい。

    「mongodbのユーザ情報のリストをテーブルで表示させたい」のですが、 分からないが分からない状態でして、 まず何から手をつけてどういう風にテーブルに出力したら良いでしょうか。 大まかな流れで良いので、一般論的なものを提示していただけると幸いでございます。 今、ぼんやりと思い浮かぶイメージは、 var user_list = db.find(us

    • 0評価
    • 487PV
    mit0223 mit0223 1年以上前に ベストアンサー
  • 1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    12

  • 総質問数

    12

  • 今週の質問数

    0

関連するタグ

Pugタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る