jade

Jade(ジェイド)は、Hamlに影響を受けて開発されたJST(JavaScript Templates)のひとつです。Node.jsで動かすことができます。

RSS
  • 解決済

    回答
    1

    Ajaxで画面遷移させずに入力文字を出力

    前提・実現したいこと Expressを使用して、簡単な入力フォームを作ろうと考えています。 jadeページ上のフォームに必要事項を入力し、ボタンを押下すると、 同じページに確認画面(入力内容)が表示されるという仕様にしたいです。 ajaxを用いて画面遷移せずに行いたいのですが、 node.jsもajaxも未経験の為、コードがなかなか通りません。 おそらく凡

    • -1評価
    • 105PV
    atmn3356 atmn3356 3週間前に コメント
  • 受付中

    回答
    1

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

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

    • 0評価
    • 550PV
    teruri teruri 1ヶ月前に 回答
  • 解決済

    回答
    2

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

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

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

    回答
    0

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

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

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

    回答
    1

    jade コロンの扱い

    jadeでこのようなコードを書きました li: a tag コロンを付けているため、このような出力になりました。 <li><a>tag</a></li> 次に、このようにコードを変更しました li: p tag コロンを付けているにもかかわらず、pタグの部分で改行されてしまいました。 <li> <p>tag</p> </li> pタ

    • 0評価
    • 133PV
    jlmuwo jlmuwo 8ヶ月前に コメント
  • 解決済

    回答
    1

    Jqueryが動かない

    現状 node.js + express + jadeでwebアプリを作っているのですが 以下の状況でJqueryが反応しません 発生している問題・エラーメッセージ *layout.jade doctype html html head title= title link(rel='stylesheet', href='/styl

    • 0評価
    • 166PV
    maisumakun maisumakun 10ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Node.js&socket.ioでチャット

    前提・実現したいこと https://github.com/akira-kuriyama/chatroom-websocket 上記のものをローカルに落として実行してたのですが どうしてもroom.jadeを読み込んだ時に Error: /home/ubuntu/workspace/chatroom-websocket/views/room.jade:2

    • 0評価
    • 263PV
    nekobato nekobato 10ヶ月前に ベストアンサー
  • 受付中

    回答
    1

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

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

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

    回答
    0

    sublime textでjadeを整形するテクニックやプラグインはありませんでしょうか

    前提・実現したいこと 表題の件ですがsublime textでjadeを綺麗に整形するテクニックやプラグインはどなたかご存知ではありませんでしょうか?

    • 0評価
    • 371PV
    teratailが1年以上前に アップデート
  • 受付中

    回答
    0

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

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

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

    回答
    1

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

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

    • 0評価
    • 575PV
    mit0223 mit0223 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    jade で Unexpected block "content" エラーになる

    jadeで静的なWebサイトを構築 jadeで静的なWebサイトを作っています。 開発のベースは Yeoman の generator-webapp に jade を組み込んだものです。 generator-webapp/README.md at master · yeoman/generator-webapp · GitHub re

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

    回答
    0

    sublime text3のAutoFileNameについて

    sublimetext3でAutoFileNameを使用しています。 .jadeファイルを編集するとAutoFileName(パスの案内、width,heightの自動入力)が作動しません。 Setting-Userで下記を追加しましたが効果がありませんでした。 "afn_template_languages":true, 解決方法があれば

    • 0評価
    • 590PV
    teratailが1年以上前に アップデート
  • 解決済

    回答
    1

    react-jadeでjadeをコンパイルできない

    前提・実現したいこと jadeをreact向けにコンパイルしたいです。 こちらのモジュールを使用しています。 https://github.com/pugjs/react-jade 該当のソースコード package.json "devDependencies": { "browserify": "^13.1.0", "jad

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

    回答
    0

    pugでコンパイル時にタグ変換されない

    pugを使用して、フロントのHTML開発をしています。 ビルドは、gulpで行っています。 以下のソースコードで実行時、head_meta.pugの内容がタグ変換されず、pugのコードで出力されてしまいます。 解決策はありますでしょうか。 // /main.pug doctype html(lang="ja") head

    • 0評価
    • 684PV
    teratailが1年以上前に アップデート
  • 受付中

    回答
    1

    sequelize、jade、expressを使った、mysqlへのデータをinsert

    前提・実現したいこと sequelize,jade,expree等を使い、簡単なCRUDを作っています。 mysqlへデータを追加したい。 findAllで、一覧取得をjadeで表示することが出来た。 car.js 'use strict'; var path = require('path'); var express = require(

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

    回答
    0

    Jade(Pug)でscript内の変数展開(Interpolation)を無効にする方法

    例えば以下のようなコードがあります。scriptはLiveScriptです。 mk-ui mk-post-form mk-global(name='global') mk-header mk-contents | <yield/> mk-go-top scr

    • 0評価
    • 971PV
    teratailが1年以上前に アップデート
  • 受付中

    回答
    1

    [WebStorm][Express] routesとjade間の受け渡しで警告がでる

    WebStormでExpressプロジェクトを作成しました。 index.jsを下記のように titleを Express yourNameを 太郎 としてindex.jadeに送ります。 ======== routes/index.js ========= var express = require('express');

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

    回答
    1

    Node.jsとHTML間でのcsv読み込みの互換性

    htmlファイルでできていたjavascriptの操作をjade内で同様に行いたいのですが、node.jsの設定の問題なのか同じようにできないでいます。 htmlファイルでは、 function change2(){ change(); var chane=document.formA.test1.selectedIndex;

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

    回答
    0

    Bespoke.jsのSyntax Highlightingで<>を表示したい

    Bespoke.jsを使って,プレゼンテーションを作っています. プレゼンにC++のコードを書きたいのですが,<と>が表示されずに困っています. section h2 Syntax Highlighting pre code.language-cpp. vector<int> v; とすると, vector v;

    • 0評価
    • 547PV
    teratailが1年以上前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    30

  • 総質問数

    31

  • 今週の質問数

    0

関連するタグ

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

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