タグ

hamlに関するyoruakiのブックマーク (5)

  • 【Haml】日本語文字を含むとエラーがでるので【コンパイルエラー】 | トムのブログ

    謎なエラーが出まくってます。 とむです。 Sublime Textでhamlを使おうと思っていろいろ設定していたのですが、日語文字を入れた状態でビルドするとエラーになってしまい、上手くビルドできませんでした。 エラーは、 「Haml error on line 58: Invalid US-ASCII character “\xE3″」 といった、内容のエラーです。 ネット上で情報を集めてもなかなか集まらずエラー解決に1時間位もかかってしまったので、同じように困っている人向けへの記事です。 結論から言うと、 1行目に「- # encoding: utf-8」 と入力してやると上手くビルドできました。 もし解決しない人がいたら一度試してみて下さい。 Warning: Use of undefined constant nul - assumed 'nul' (this will throw

    yoruaki
    yoruaki 2016/03/30
    助かった・・・
  • 知らなかったHamlの機能 ほか - ゆうなんとかさんの雑記帳的な。

    この前Herokuを触ったついでにWindowsRubyをインストールした私は…なお話です。 知らなかったHamlの機能 ただのHTML簡略記法といい感じにRubyを評価できるだけのものだと思ってたら思いのほか高機能でした。 Markdownを埋め込める .content :markdown ### 埋め込んでみた こんな感じで埋め込みます。 これをHTMLにするとこうなります。 <div class="content"> <h3 id="id1">埋め込んでみた</h3> <p>こんな感じで埋め込みます。</p> </div> テキストが主体のところはMarkdownで、それ以外はHamlで、といった棲み分けができます。Haml単体では使えないので追加でgemをインストールする必要があります。 ほかにもいろいろ埋め込める LESSやCoffeeScriptも埋め込めます。やり方は似た感

    知らなかったHamlの機能 ほか - ゆうなんとかさんの雑記帳的な。
    yoruaki
    yoruaki 2015/07/21
    文字コードの部分はちょいとハマるかも。
  • マークアッパー的 Jade 入門 21 の手引き | e2esound.com業務日誌

    元ネタ: マークアッパー的 Haml入門21の手引き Slim 版書いた: マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌 Jade は, JavaScript 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Haml の影響を受けています。関係としては, Haml > Jade > Slim といったように影響を受けているため, それぞれ似通った機能を持っています。 Haml と Slim の同様の記事があるのでどうせなら Jade もあれば比較できるのかな? ということで書いてみます。 Jade は実務で使用したことがないので誤りがある可能性があります。一通りドキュメントは確認していますが誤りがあればご指摘いただけるとありがたい。 ※ ターミナルでコマンド実行を記述する場合$ command のように頭に $ をつけて記述して

    yoruaki
    yoruaki 2015/07/13
    Jade。1行出力できないのはちょっとヤだなぁ…
  • Hamlで開発効率アップ|Sublime text 2でビルドしてみました。 | DevelopersIO

    先日、弊社で開催ししている勉強会:【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」のスピーカーを務めさせていただきました。 人生初のスピーカーということで、緊張して時間を10分巻いてしまいました。。。 さて今回はHaml with Sublime text 2と題しまして、ご紹介できればと思います。 アジェンダ Hamlとは? Hamlの書き方 Sublime text 2でビルド(ファイル出力) おまけ Hamlとは? XHTML Abstraction Markup Languageの略称です。 と言われましてもなんのことだ??ってなるかと思います。 日Hamlの会というユーザーグループで以下のように、説明しれくれてます。 HamlはHTML/XHTMLを生成するためのマークアップ言語です。インデントや簡略構文によって簡潔な記述

    Hamlで開発効率アップ|Sublime text 2でビルドしてみました。 | DevelopersIO
  • マークアッパー的 Haml入門21の手引き - Web学び

    2012年 4月 11日 HamlはHTMLを効率的に生成するための記法です。 むずかしいと思っている方も多そうなので、かいつまんでシンプルにまとめてみました。 Hamlを使えるようにする Macの場合は アプリケーション>ユーティリティ>ターミナルを開きます。 開いてすぐの位置に次の一行を入力します。 gem install haml 処理が数分ほどかかります。ターミナルはそのままにしてください。 HamlファイルをHTMLに変換する まずは書いたコードがどのようにHTMLとなるのか確認できるようにしましょう。 試しにデスクトップにtest.hamlというファイルを作ります。 HamlをHTMLにするため、先ほどのターミナルを開きます。ファイルを置いた階層までcdで移動します。 cd desktop これを入力しEnter(return)キーを押して haml test.haml tes

    マークアッパー的 Haml入門21の手引き - Web学び
  • 1