Pug

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

RSS
  • 解決済

    回答
    2

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

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

    • 0評価
    • 451PV
    teruri teruri 1ヶ月前に コメント
  • 解決済

    回答
    1

    PUGで出力されるHTMLのフォーマットを変更できるか?

    前提・実現したいこと HTMLでかいたものを、Pugに書き直してPugの勉強をしています。 発生している問題・エラーメッセージ Pugをコンパイルすると、改行がまったくないminifyされたHTMLが出力されました。 実際はPugファイルを編集するので、HTMLがどのような形で出力されているのかを意識する必要は無いと思います。 しかし、出力されるHT

    • 0評価
    • 78PV
    ultima ultima 1ヶ月前に 質問を編集
  • 解決済

    回答
    1

    Unescaped Bufferedについて教えて下さい。

    Unescaped Bufferedについて教えてください。 Pugのサイトを見ていて出てきたので、ググって「Unescaped Buffered」で検索しても英語のサイトしか出てこなくて良く解りませんでした。 BufferedがStream関係の単語と言うことは理解しています。 よくわからないのはUnescapedがになるとBufferedがどうな

    • 0評価
    • 39PV
    szk24 szk24 6日前に ベストアンサー
  • 解決済

    回答
    1

    pugで"で囲んだ中に変数を使う方法がわかりません

    問題 pugで文章中に変数を使いたいときの書き方がわかりませんでした。 具体例 _layout.pug↓ block vars - var vars = "" <!DOCTYPE html> html head meta(charset="UTF-8") meta(http-equiv="X-UA-Compatible", c

    • 0評価
    • 112PV
    teruri teruri 2ヶ月前に 回答
  • 受付中

    回答
    1

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

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

    • 0評価
    • 615PV
    teruri teruri 2ヶ月前に 回答
  • 解決済

    回答
    1

    Vue.jsで、エラー時にテキストボックスの枠線の色を変える

    前提・実現したいこと Vue.jsで、エラー時にテキストボックスの枠線の色を変えたいのですが、思うように実装できません。 枠線の色を変えるにはどのように記述すればいいでしょうか。 以下形式で記述。 Vue.js pug 試したこと こうすると、テキストボックス自体が表示されなくなり、 input.form-control#name(type=

    • 0評価
    • 168PV
    euledge euledge 3ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    pugをコンパイル後、コンパイルされた全てのファイルを同じ階層にまとめたい

    前提・実現したいこと pugをコンパイルして、出力先の一階層目に全ての出力したファイルをコピーしたい。 普通にpugをコンパイルすると、ディレクトリ構造を保ったまま出力されてしまいます。 コンパイル先の全てのファイルを一箇所にまとめたく、以下のタスクを書いたのですが思うように動きません。 最終的にはコピーした後に、コピーしたファイル以外は削除するつもり

    • 0評価
    • 164PV
    dadada-dadada dadada-dadada 3ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    gulpでpugをコンパイルする時に複数HTMLを出力し、出力内容を変えたい

    下記ファイルを用意して、gulpでpugをコンパイルする時に本番環境用とテスト環境用の2種類のHTMLを出力しています。 その時に、テスト環境用のファイルでは「block header_sub」と「block content」の親要素に、 本番環境用のファイルでは「block content」の親要素に、「#wrap」を追加したいと考えております。 「p

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

    回答
    2

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

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

    • 0評価
    • 242PV
    miyabi-sun miyabi-sun 5ヶ月前に 回答を編集
  • 解決済

    回答
    2

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

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

    • 0評価
    • 302PV
    dadada-dadada dadada-dadada 5ヶ月前に コメント
  • 受付中

    回答
    3

    tableのborderの非表示について

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

    • 0評価
    • 202PV
    x_x x_x 5ヶ月前に 回答
  • 受付中

    回答
    0

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

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

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

    回答
    2

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

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

    • 0評価
    • 298PV
    hnzwjun hnzwjun 7ヶ月前に 回答
  • 解決済

    回答
    2

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

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

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

    回答
    1

    pug内の条件分岐について

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

    • 0評価
    • 557PV
    yu_6_6 yu_6_6 1年以上前に ベストアンサー
  • 受付中

    回答
    1

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

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

    • 0評価
    • 621PV
    kobaken kobaken 1年以上前に コメント
  • 受付中

    回答
    0

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

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

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

    回答
    1

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

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

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

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    15

  • 総質問数

    18

  • 今週の質問数

    0

関連するタグ

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

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