Sinatra を使って Haml で作成したテンプレートに変数を埋め込む - 酔いどれコード
テンプレートに変数を埋め込む方法を調べてみた。 バージョン (2012/09/26 追記) Hamlのバージョンは 2.2.2 を使っています。 コントローラ require 'rubygems' require 'sinatra' get '/:id' do @id = params[:id] @items = ['red', 'green', 'yellow'] haml :index end テンプレート !!! XML !!! %html{html_attrs('ja')} %head %title= @id %body %h1 Hello, @id %h1 Hello, #{@id}! %h1= "Hello, #{@id}!" %h1(class = @id)="Hello, " + @id + "!" %h1{:id => @id}= "Hello, ", @id, "!"
SassでCSSの弱点を克服しよう （1/2）－ ＠IT
maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう（編集部） Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日本語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。 もう少しシンプルに表現すると「クールなCSS（Cascading Style Sheets）」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと
ウノウラボ Unoh Labs: 5分で分かるHaml
先日、まちつく！が正式リリースになりました。よろしければ是非携帯でアクセスして遊んでみてください。 こんにちは、ryosukeです。 ラボブログの前々回のエントリーで ruby で実装された web application framework の Sinatra が紹介されていたのですが、私もあまりのお手頃感に触発されて少しさわってみました。 その時にふとモデルやビューにいつもは使わない物を使ってみようと思い立ち、 Sequel と Haml を選んでみたのですが、 Haml の構文が見た目に反して(?)思いの他わかりやすかったので、今更感もありますが私同様 erb 以外使おうとも思わなかった人も少なくないのでは無いかと思いご紹介させて頂こうと思います。 Haml は XHTML Abstraction Markup Language の略で...という所から説明するのが筋なのですが、あっ
hamlにインデントありのjsを埋め込む方法 - maeda.na@はてな
はまったのでメモっておく。 普通に以下のようにやるとエラーになってしまう。 %script{:type => 'text/javascript'} $(function(){ $('#new_link').click(function(){ alert('clicked'); return false; }); }); で、仕方なく以下のようにしたんだけど、微妙すぐる…と思ったんだが、 %script{:type => 'text/javascript'} $(function(){ $('#new_link').click(function(){ alert('clicked'); return false; }); }); HamlのAPI DocumentによるとFilterという機能があって以下のようにするとうまくいく。 :javascript $(function(){ $('#
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Inline CSS / JavaScript with Haml « Perfection Labs Development Tips
https://www.func09.com/wordpress/archives/801
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう