Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Rails3.2herokuでEdge Rails   we love heroku開発事例       @ppworks
QBK
話すことざっくり• 自己紹介• we love heroku とは• herokuでRails3.2• we love herokuのお話• OpenGraphの簡単なお話
誰?
自己紹介
@ppworkshttp://ppworks.hatenablog.jp/        http://fla.la/
普段• Koshikawa Naoto• ソーシャル系サービスを自社開発 している会社でエンジニアしてます。
やってきたこと          new!
Rails Edgeもなにも 実は始めたばかり
仕事で使っている何か• RubyOnRails(初めて触ったのが3.0)• AWS, heroku• nginx + unicorn
we love herokuとは
個人サイトhttp://welove.herokuapp.com
DEMO
https://twitter.com/#!/herokujp/status/        167169678542770176
https://twitter.com/#!/ppworks/status/        167252650012852224
https://twitter.com/#!/herokujp/status/        167413189561163778
herokuでRaisl3.2
herokuって?       PaaSですhttp://www.heroku.com
詳しくはhttp://www.slideshare.net/ayumin/building-             scalablewebapps      デブサミでHerokuの中の人がHeroku使う利点とかを説明してくれています。
Raisl3.2使うときの     ポイント• stackはcedar• ruby 1.9.3を指定• rails3.2自体は割りとすんなり入る感
stackはcedarheroku create app_name --stack cedar
ruby 1.9.3• Heroku Labs• RUBY_VERSION定数• 今使えるのは、1.9.3-p0
heroku plugins:install http://github.com/heroku/heroku-labs.githeroku labs:enable user_env_compileheroku config:add RUBY_VE...
rails3.2は割りと             すんなり入る感     • therubyracer 要らない     • assets:precomile時のエラーconfig/application.rbに以下config.assets.in...
詳しくはmacを買って、今すぐherokuでruby1.9.3 +       rails3.2しよう! http://ppworks.hatenablog.jp/entry/         2012/03/04/141951  という記事を...
we love heroku    のお話
このときやったこと
仕様は?
https://twitter.com/#!/herokujp/status/        167169678542770176
仕様は?• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
やったこと   • scaffold   • twitter bootstraphttps://github.com/ppworks/we_love_heroku            v1.0.0が当時のもの
誰かがHerokuで作った  サービスを登録  rails g scaffold sites    name:string   url:string    description:text    creator:string    hash_ta...
進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
「イイね!」って   出来るこれ、置けばいいんじゃね?
https://developers.facebook.com/docs/         reference/plugins/like/
進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
サービスとかscaffoldのままじゃ、ちょっと     サービス感でない
そこでtwitter bootstrap
http://twitter.github.com/bootstrap/
twitter bootstrapをrailsで簡単に! gem "twitter-bootstrap-rails"
jsとかcssとか   の配置rails g bootstrap:install
レイアウトの用意 rails g bootstrap:layout      application fluid
この辺の手順twitter bootstrap railsを使ったら職が見つかり彼女         も出来て背も3センチ伸びました。    http://ppworks.hatenablog.jp/entry/            2012...
進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
を作ってくれたら うれしいです 報告すればいいのでは?
https://twitter.com/#!/ppworks/status/        167252650012852224
https://twitter.com/#!/herokujp/status/        167413189561163778
進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
twitter駆動開発  できたー!
herokuで何かを作っ   たらこちらへhttp://welove.herokuapp.com
OpenGraphの簡単なお話
OpenGraph引用元:https://developers.facebook.com/        docs/opengraph/
ACTION = LIKE  でも同じ事
OBJECTはページ
OBJECTの属性 headタグ内に書く
ちょっとした工夫 partialで用意しておく
レイアウトでyield :headして好きな所からcontent_for :head  でpartialをrenderする
ポイントはfb:admins
いいね!されると管理者に通知される
ページ管理者用のFacebookページが出来上がる
ここから投稿すると
ファンにシェア
いいね!してくれたファンに情報提供が   出来る
twitter連携しておくと更に
便利ですね
以上
で誰なんだっけ?
@ppworkshttp://ppworks.hatenablog.jp/        http://fla.la/
ありがとうございました
HerokuでRails3.2 we love herokuの事例
HerokuでRails3.2 we love herokuの事例
Upcoming SlideShare
Loading in …5
×

HerokuでRails3.2 we love herokuの事例

4,865 views

Published on

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

Published in: Technology
  • Be the first to comment

HerokuでRails3.2 we love herokuの事例

  1. 1. Rails3.2herokuでEdge Rails we love heroku開発事例 @ppworks
  2. 2. QBK
  3. 3. 話すことざっくり• 自己紹介• we love heroku とは• herokuでRails3.2• we love herokuのお話• OpenGraphの簡単なお話
  4. 4. 誰?
  5. 5. 自己紹介
  6. 6. @ppworkshttp://ppworks.hatenablog.jp/ http://fla.la/
  7. 7. 普段• Koshikawa Naoto• ソーシャル系サービスを自社開発 している会社でエンジニアしてます。
  8. 8. やってきたこと new!
  9. 9. Rails Edgeもなにも 実は始めたばかり
  10. 10. 仕事で使っている何か• RubyOnRails(初めて触ったのが3.0)• AWS, heroku• nginx + unicorn
  11. 11. we love herokuとは
  12. 12. 個人サイトhttp://welove.herokuapp.com
  13. 13. DEMO
  14. 14. https://twitter.com/#!/herokujp/status/ 167169678542770176
  15. 15. https://twitter.com/#!/ppworks/status/ 167252650012852224
  16. 16. https://twitter.com/#!/herokujp/status/ 167413189561163778
  17. 17. herokuでRaisl3.2
  18. 18. herokuって? PaaSですhttp://www.heroku.com
  19. 19. 詳しくはhttp://www.slideshare.net/ayumin/building- scalablewebapps デブサミでHerokuの中の人がHeroku使う利点とかを説明してくれています。
  20. 20. Raisl3.2使うときの ポイント• stackはcedar• ruby 1.9.3を指定• rails3.2自体は割りとすんなり入る感
  21. 21. stackはcedarheroku create app_name --stack cedar
  22. 22. ruby 1.9.3• Heroku Labs• RUBY_VERSION定数• 今使えるのは、1.9.3-p0
  23. 23. heroku plugins:install http://github.com/heroku/heroku-labs.githeroku labs:enable user_env_compileheroku config:add RUBY_VERSION=ruby-1.9.3-p0
  24. 24. rails3.2は割りと すんなり入る感 • therubyracer 要らない • assets:precomile時のエラーconfig/application.rbに以下config.assets.initialize_on_precompile = false
  25. 25. 詳しくはmacを買って、今すぐherokuでruby1.9.3 + rails3.2しよう! http://ppworks.hatenablog.jp/entry/ 2012/03/04/141951 という記事を書いたのでご覧下さい。
  26. 26. we love heroku のお話
  27. 27. このときやったこと
  28. 28. 仕様は?
  29. 29. https://twitter.com/#!/herokujp/status/ 167169678542770176
  30. 30. 仕様は?• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
  31. 31. やったこと • scaffold • twitter bootstraphttps://github.com/ppworks/we_love_heroku v1.0.0が当時のもの
  32. 32. 誰かがHerokuで作った サービスを登録 rails g scaffold sites name:string url:string description:text creator:string hash_tag:string これで、登録出来るんじゃね?
  33. 33. 進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
  34. 34. 「イイね!」って 出来るこれ、置けばいいんじゃね?
  35. 35. https://developers.facebook.com/docs/ reference/plugins/like/
  36. 36. 進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
  37. 37. サービスとかscaffoldのままじゃ、ちょっと サービス感でない
  38. 38. そこでtwitter bootstrap
  39. 39. http://twitter.github.com/bootstrap/
  40. 40. twitter bootstrapをrailsで簡単に! gem "twitter-bootstrap-rails"
  41. 41. jsとかcssとか の配置rails g bootstrap:install
  42. 42. レイアウトの用意 rails g bootstrap:layout application fluid
  43. 43. この辺の手順twitter bootstrap railsを使ったら職が見つかり彼女 も出来て背も3センチ伸びました。 http://ppworks.hatenablog.jp/entry/ 2012/02/19/033644
  44. 44. 進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
  45. 45. を作ってくれたら うれしいです 報告すればいいのでは?
  46. 46. https://twitter.com/#!/ppworks/status/ 167252650012852224
  47. 47. https://twitter.com/#!/herokujp/status/ 167413189561163778
  48. 48. 進捗• 誰かがHerokuで作ったサービスを登録 して• 「イイね!」ってできる• サービスとか• を作ってくれたらうれしいです
  49. 49. twitter駆動開発 できたー!
  50. 50. herokuで何かを作っ たらこちらへhttp://welove.herokuapp.com
  51. 51. OpenGraphの簡単なお話
  52. 52. OpenGraph引用元:https://developers.facebook.com/ docs/opengraph/
  53. 53. ACTION = LIKE でも同じ事
  54. 54. OBJECTはページ
  55. 55. OBJECTの属性 headタグ内に書く
  56. 56. ちょっとした工夫 partialで用意しておく
  57. 57. レイアウトでyield :headして好きな所からcontent_for :head でpartialをrenderする
  58. 58. ポイントはfb:admins
  59. 59. いいね!されると管理者に通知される
  60. 60. ページ管理者用のFacebookページが出来上がる
  61. 61. ここから投稿すると
  62. 62. ファンにシェア
  63. 63. いいね!してくれたファンに情報提供が 出来る
  64. 64. twitter連携しておくと更に
  65. 65. 便利ですね
  66. 66. 以上
  67. 67. で誰なんだっけ?
  68. 68. @ppworkshttp://ppworks.hatenablog.jp/ http://fla.la/
  69. 69. ありがとうございました

×