http://ppworks.hatenablog.jp/entry/2012/03/07/013455

1. Rails3.2
herokuでEdge Rails
we love heroku開発事例
@ppworks

2. QBK

3. 話すことざっくり
• 自己紹介
• we love heroku とは
• herokuでRails3.2
• we love herokuのお話
• OpenGraphの簡単なお話

4. 誰？

5. 自己紹介

6. @ppworks
http://ppworks.hatenablog.jp/
http://fla.la/

7. 普段
• Koshikawa Naoto
• ソーシャル系サービスを自社開発
している会社でエンジニアしてます。

8. やってきたこと
new!

9. Rails Edgeもなにも
実は始めたばかり

10. 仕事で使っている何か
• RubyOnRails(初めて触ったのが3.0)
• AWS, heroku
• nginx + unicorn

11. we love herokuとは

12. 個人サイト
http://welove.herokuapp.com

13. DEMO

14. https://twitter.com/#!/herokujp/status/
167169678542770176

15. https://twitter.com/#!/ppworks/status/
167252650012852224

16. https://twitter.com/#!/herokujp/status/
167413189561163778

17. herokuでRaisl3.2

18. herokuって？
PaaSです
http://www.heroku.com

19. 詳しくは
http://www.slideshare.net/ayumin/building-
scalablewebapps
デブサミでHerokuの中の人が
Heroku使う利点とかを説明してくれています。

20. Raisl3.2使うときの
ポイント
• stackはcedar
• ruby 1.9.3を指定
• rails3.2自体は割りとすんなり入る感

21. stackはcedar
heroku create app_name --stack cedar

22. ruby 1.9.3
• Heroku Labs
• RUBY_VERSION定数
• 今使えるのは、1.9.3-p0

23. heroku plugins:install http://github.com/heroku/heroku-
labs.git
heroku labs:enable user_env_compile
heroku config:add RUBY_VERSION=ruby-1.9.3-p0

24. rails3.2は割りと
すんなり入る感
• therubyracer 要らない
• assets:precomile時のエラー
config/application.rbに以下
config.assets.initialize_on_precompile = false

25. 詳しくは
macを買って、今すぐherokuでruby1.9.3 +
rails3.2しよう！
http://ppworks.hatenablog.jp/entry/
2012/03/04/141951
という記事を書いたのでご覧下さい。

26. we love heroku
のお話

27. このときやったこと

28. 仕様は？

29. https://twitter.com/#!/herokujp/status/
167169678542770176

30. 仕様は？
• 誰かがHerokuで作ったサービスを登録
して
• 「イイね！」ってできる
• サービスとか
• を作ってくれたらうれしいです

31. やったこと
• scaffold
• twitter bootstrap
https://github.com/ppworks/we_love_heroku
v1.0.0が当時のもの

32. 誰かがHerokuで作った
サービスを登録
rails g scaffold sites
name:string
url:string
description:text
creator:string
hash_tag:string
これで、登録出来るんじゃね？

33. 進捗
• 誰かがHerokuで作ったサービスを登録
して
• 「イイね！」ってできる
• サービスとか
• を作ってくれたらうれしいです

34. 「イイね！」って
出来る
これ、置けばいいんじゃね？

35. https://developers.facebook.com/docs/
reference/plugins/like/

36. 進捗
• 誰かがHerokuで作ったサービスを登録
して
• 「イイね！」ってできる
• サービスとか
• を作ってくれたらうれしいです

37. サービスとか
scaffoldのままじゃ、ちょっと
サービス感でない

38. そこで
twitter bootstrap

39. http://twitter.github.com/bootstrap/

40. twitter bootstrap
をrailsで簡単に！
gem "twitter-bootstrap-rails"

41. jsとかcssとか
の配置
rails g bootstrap:install

42. レイアウトの用意
rails g bootstrap:layout
application fluid

43. この辺の手順
twitter bootstrap railsを使ったら職が見つかり彼女
も出来て背も3センチ伸びました。
http://ppworks.hatenablog.jp/entry/
2012/02/19/033644

44. 進捗
• 誰かがHerokuで作ったサービスを登録
して
• 「イイね！」ってできる
• サービスとか
• を作ってくれたらうれしいです

45. を作ってくれたら
うれしいです
報告すればいいのでは？

46. https://twitter.com/#!/ppworks/status/
167252650012852224

47. https://twitter.com/#!/herokujp/status/
167413189561163778

48. 進捗
• 誰かがHerokuで作ったサービスを登録
して
• 「イイね！」ってできる
• サービスとか
• を作ってくれたらうれしいです

49. twitter駆動開発
できたー！

50. herokuで何かを作っ
たらこちらへ
http://welove.herokuapp.com

51. OpenGraph
の簡単なお話

52. OpenGraph
引用元：https://developers.facebook.com/
docs/opengraph/

53. ACTION = LIKE
でも同じ事

55. OBJECTはページ

56. OBJECTの属性
headタグ内に書く

57. ちょっとした工夫
partialで用意しておく

58. レイアウトでyield :headして
好きな所からcontent_for :head
でpartialをrenderする

59. ポイントは
fb:admins

61. いいね！されると
管理者に通知される

62. ページ管理者用の
Facebookページが出来上がる

63. ここから投稿すると

64. ファンにシェア

65. いいね！してくれた
ファンに情報提供が
出来る

66. twitter連携
しておくと更に

67. 便利ですね

68. 以上

69. で誰なんだっけ？

70. @ppworks
http://ppworks.hatenablog.jp/
http://fla.la/

71. ありがとうございました