Your SlideShare is downloading. ×
Slimの紹介
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Slimの紹介

2,427

Published on

テンプレートエンジンのslimの紹介。使ってみた感想などを記述しています。

テンプレートエンジンのslimの紹介。使ってみた感想などを記述しています。

Published in: Entertainment & Humor
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,427
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. テンプレートエンジン slimの紹介 @patorash 2013/01/2613年1月26日土曜日 1
  • 2. 自己紹介 • 名前: 尾古 豊明(おこ とよあき) • twitter: @patorash(パトラッシュ) • 所属: 株式会社 リゾーム(#R社) • 守備範囲: Ruby, Rails, RSpec, PHP, jQuery, Android • 第6回メタプログラミングRuby読書会を2/9(土)にや るのでご参加お待ちしております。13年1月26日土曜日 2
  • 3. 採用情報 • リゾームでは優秀なエンジニアを募集しています。 • githubでソース管理しながらRailsでグループウェアを 作ってテストを書く、やりがいのあるお仕事です。 • Ruby好きな人。Rails好きな人。テスト好きな人。 AWS好きな人。自動化好きな人。好奇心の強い人。 • これらのどれかにあてはまって、 「あ∼、転職したいな∼」 と思い悩んでいる人は@patorashまで。13年1月26日土曜日 3
  • 4. ところで テンプレートエンジン 何を使ってますか?13年1月26日土曜日 4
  • 5. 多分、erbですよね?13年1月26日土曜日 5
  • 6. erbのここが嫌い… • htmlの記述量が多い • <%= @title %> という書き方がPHPみたい • <% ... %>と打つのが面倒くさい • 行数とタグが増えると可読性が悪い13年1月26日土曜日 6
  • 7. それを解決してくれるのが slimです。13年1月26日土曜日 7
  • 8. どこがいいの?slim • 記述量が劇的に改善 • 閉じ括弧をかかなくてもよい • id, classをCSSのセレクタみたいに書ける • なにより<%= ... %>地獄にならない13年1月26日土曜日 8
  • 9. 簡単な例を… <div class=”header”> <img id=”logo” src=”/images/test.png” /> <h1 id=”title”> <%= @title %> </h1> <ul class=”nav”> <li><a href=”#”>メニュー1</a></li> <li><a href=”#”>メニュー2</a></li> <li><a href=”#”>メニュー3</a></li> </ul> <% if login? %> <p><%= @current_user.name %></p> <% end %> </div>13年1月26日土曜日 9
  • 10. slimだとこうなる div.header img#logo src=”/images/test.png” h1#title = @title ul.nav li a href=”#” メニュー1 li a href=”#” メニュー2 li a href=”#” メニュー3 - if login? p = @current_user.name13年1月26日土曜日 10
  • 11. Railsでslimを使うには? • Gemfileに gem slim-rails を記述する。gem slim は必要ありません。 • bundle install する。 これだけです!13年1月26日土曜日 11
  • 12. とはいっても、 既存のerbファイルが…13年1月26日土曜日 12
  • 13. ご安心ください! html2slimがあります。erbからの変換も可能。 http://html2slim.herokuapp.com/13年1月26日土曜日 13
  • 14. デモします。13年1月26日土曜日 14
  • 15. 使ってみた感想 ★メリット ✴圧倒的な記述量の少なさに惚れる ✴id,class指定をjqueryのセレクタ風に書けるのが素 敵すぎる。 ★デメリット ✴時々わからんようになってつまづく… (唯一ここが、erbと比べての難点) ✴hoge.js.slimを書くのはerbよりもイラッとする。 ¦ の後にJavaScriptを記述する必要アリ。13年1月26日土曜日 15
  • 16. slimのよさ、 わかってもらえましたか?13年1月26日土曜日 16
  • 17. ご清聴、まことに ありがとうございました。13年1月26日土曜日 17

×