haml の高速なレンダリングエンジン faml を書いた - eagletmt's blog
haml との互換性にはかなり気を使っているけど、一部意図的に非互換にしていたり、正確な仕様がわからず再現できていない箇所があったり、haml の奇妙な挙動が直っていたりして、完全に全く同じ動作にはなっていない。 先日 faml を本番に投入して今も動いている。faml 導入にあたって実際にはアプリケーション側のビューを一部書き換えたけど、大量のビューがある中での変更点は十分少なかったと思う。 なお、このエントリ内での「元々の haml」は haml 4.0.6 を指している。過去のバージョンは知らない。 どれくらい高速なのか 元々 faml を書き始めたきっかけは「haml と slim に文法的に大きな差があるわけではないんだし、slim と同程度高速な haml のレンダリングエンジンは書けるはず」という点だった。 なので、slim と同じくらい高速ではあるものの、slim 以上に高
RailsのHTMLテンプレートエンジン Haml入門 - Rails Webook
はじめに RailsではView（HTML出力）のためには標準ではERB(.erb)を使用しています。 しかし、erbは汎用的なテンプレートエンジンであり、HTML以外のファイルにRubyコードを 埋め込めることができるます。 そのため、HTML作成という点で見ると、いくらか冗長な箇所があります。 そのため、より生産的にHTMLを作成するために、Railsでは Haml （拡張子 xxx.html.haml） Slim （拡張子 xxx.html.slim） という２つのHTML用のテンプレートエンジンがよく使われます。 そして、今回はタイトルからも分かるようにHamlについて説明します。 Slimについては、こちらから参照ください。 Hamlは「マークアプは美しくあるべき」という原則に基づいて開発されました。 Hamlを使うことにより、Viewファイルを「綺麗に」「読みやすく」「生産的に
Ripperによるhamlのattributeパースの話 - k0kubun's blog
Hamlのパーサぶっ壊れてる問題 本家のHamlは以下の入力を与えるとSyntaxErrorになる。 %div{ foo: "}" } これはHamlが単に{と}の数だけ合わせてパースしているからである。 *1 通常この問題を解決するには字句解析器を使い、現在パースしているのが何のトークンなのか判別する必要がある。 Hamlitではこの問題を解決するため、標準ライブラリとして提供されているRipperを使っている。 そのため、Hamlitでは上記の入力を以下のように正しく解釈することができる。 <div foo='}'></div> HamlのattributeがRubyの式としてvalidでない問題 上記のhamlの%divを取り除いた部分であればRubyのHashとして解釈できそうに見える。 しかし実際には以下のような入力もHamlのattributeとして有効である。*2 - has
Hamlit v1.0.0をリリースしました - k0kubun's blog
3月末に、Hamlit v0.1.0を作りSlimやErubisより高速なHaml実装「Hamlit」をリリースしましたという記事を書いた。 haml-specを通しているのでHamlと高い互換性と持っていてかつ速いという宣言をしたものの、実際にリリースしてみると随所からバグ報告が上がり、 hamlを置き換えただけでは動かない haml-specは互換性の保証にはならず、速いのは互換性が低いからでは？ このベンチはHamlitがhtmlエスケープをしていないから速いだけでは？ のような声が随所から上がった。 今日、attributeのescapeに対応し、 全てのissueを潰した上で、Slimより速いベンチを出すことに成功した ので、v0.1.0での問題点やそこからの変更点などについて書きたいと思う。 v0.1.0での問題点 haml-specガバガバ問題 @k0kubun それな— 獣
Slimより高速なHaml実装「Hamlit」をリリースしました - k0kubun's blog
slim-template/slimのcompiled benchでオリジナルのhamlに比べ8倍高速に動作するhaml実装をリリースしました。 github.com なぜ高速なHaml実装を作ったのか 個人的にhamlのシンタックスのほうが好きなので、「hamlは遅いからslimを使う」みたいな人を減らしたかったから。以前slimの普及に貢献したんだけど、気が変わったのでhamlを応援することにした。 実は他にも既にeagletmt/famlという高速なHaml実装が存在していたんだけどベンチを走らせたらslimより遅かったので、slimを打倒するべく再実装した。 どのくらいHamlより速いのか 自分の実装に都合のいいベンチマークを作るのは簡単なので、公平性を期すためにslim-template/slimのcompiled benchと同じものを使い、誰でも同じ環境が使えるtravisで
Rails 4 で Haml を導入したらテンプレ内に Cooffee 書けて俺得だった件 - Qiita
[2014/09/01追記] こちらの方が、補足や注意点を書いてくださっています。 Haml内でCoffeeScriptを書くことの是非 私の場合も、次のような、ちょっとした用途でテンプレ内 Coffee を利用しています。 Rails 4 で Knockout.js の ViewModel を Controller毎に別のファイルで管理する 以前に Rails 4 で Haml を利用する手順 を書いたのですが、同僚に、Haml のテンプレ内で CooffeeScript が書けるよと教えてもらいました。 自分の環境： OS： Mac OS X 10.9.4 (Mavericks) Ruby： 2.1.2 Rails： 4.1.1 Haml が導入されていれば、次のように :coffee を定義して、段落さげして Coffee を書いていけばいい。 〜 - @items.each do
Haml内でCoffeeScriptを書くことの是非 - Qiita
%a.hoge :coffee $('.hoge').on 'click', -> window.location = #{hoge_path(@user)} こう書くことで、Hamlの中にCoffeeScriptを書けて便利、という記事で、確かによく使います。 が、いくつか落とし穴もあるよー、っていうことに遭遇しているので、それをまとめてみました。 HamlにCoffeeScriptを記述する利点 外部ファイルにするまでもない数行のスクリプト（ページ読み込み完了時に特定のdisplay: none;を解除とか）を気軽に書ける。 javascript内にrailsのControllerで作った変数やPathHelperメソッドを埋め込めこめる HamlにCoffeeScriptを記述する欠点 hoge.html.hamlのロードのたびに記述したCoffeeScriptがコンパイルされる コ
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから
とある開発者ブログ: Rails3.2.8 Ajaxでhtmlをやり取りする(haml/CoffeeScript)
2012年9月6日木曜日 Rails3.2.8 Ajaxでhtmlをやり取りする(haml/CoffeeScript) イントロ Ajaxでhtmlをもらって、javascriptで貰ったhtmlをつかって表示を書き換える。 ごく一般的な流れですが、haml/CoffeeScript/jQueryを使って書いてみました。 この流れの肝になる「render_to_string」をたまに忘れちゃうので、備忘録で書いておきます。 流れ 実行環境： # OS : Mac Lion(OS X 10.7) # Rails : 3.2.8 # haml : 3.1.7 # coffee-script : 2.2.0 viewに以下を追記 %button#get_data データを取得 %br/ .column controllerに以下を追記 def show_all @items = # 特定条件
Haml/Scssの準備
Hamlを使う Rails3ではeRuby実装のerubisというテンプレートエンジンが利用されているが、Hamlを調べてみたい。 Haml公式サイトをみる http://haml-lang.com/ チュートリアルを読む ・「%タグ名 文字列」とすると文字列がタグで囲まれる ・タグにidやclass属性をつける場合は2通りあり 「%タグ{:class => "xxx", :id => "yyy"} テキスト」 のようにハッシュで渡すか、 「%タグ.クラス名#id名」 の様にcssを定義する時のようにも記述できる ・ネストするタグはソースコードのインデントで調整する(yamlみたいに) ・「%タグ名」が省略された場合はデフォルトでdivタグが使われる。 ・タグの後ろに= をつけるとRubyを評価。 ただし、タグの中でRubyを評価する場合は#{Rubyのコード}を使う さっそくRails3
マークアッパー的 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 を実際に Rails で使うチュートリアル - のほほん徒然
第四十三回 先日のエントリ「Ruby on Rails の View を気持ちよくシンプルに書ける Haml - のほほん徒然」で紹介したHamlを実際にRailsのアプリケーションで使用してみました． 私が大学院の講義で出されたレポート課題「Web Service*1を利用したWeb Applicationを作成しなさい」の成果物として昨年作った「http://www.unraki.com/imozuru/items」を利用してみます．作成時に書いたViewはrhtmlでしたので，それをHamlで書き直してみるというチュートリアルにします． Haml Pluginをインストール すでに，Railsプロジェクトの作成や，データベースとの連携など初期設定は済んでいる前提とします．なお，今回は既に作成済みのrhtmlをHamlで書き直しますが，プロジェクト開始時からViewはHamlで書こう！
Using HAML with Rails 3.2 | Storm Consultancy - Your Digital Technology Agency
Say hello & email us at: hello@stormconsultancy.co.uk Call us at our studio on: 01225 580500 Visit us here: 14 New Bond St, Bath, BA1 1BE I’m currently working on a small internal project, so I’m taking the opportunity to try out HAML and see if I like it. After some digging around I found various docs that suggested that you need to add the haml gem and include something like the following in app
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/creasty/items/264819eb1246290bcb32
railsでview書いていくのをerbからhamlに切り替える - Considered Harmless
hamlでhashを複数行で書くときに綺麗に書く方法 - Qiita
fujitaiju.com
How to check a check box in Haml using check_box_tag
OTO - Ohshima Tamashima Observatory- - haml記法の練習
Can haml render <input type="text" required>