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

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




http://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はcedar


heroku 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.git
heroku labs:enable user_env_compile
heroku config:add RUBY_VERSION=ruby-1.9.3-p0
rails3.2は割りと
             すんなり入る感


     • therubyracer 要らない
     • assets:precomile時のエラー
config/application.rbに以下
config.assets.initialize_on_precompile = false
詳しくは
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 bootstrap
https://github.com/ppworks/we_love_heroku
            v1.0.0が当時のもの
誰かがHerokuで作った
  サービスを登録
  rails g scaffold sites 
   name:string
   url:string 
   description:text 
   creator:string 
   hash_tag:string

  これで、登録出来るんじゃね?
進捗
• 誰かが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/02/19/033644
進捗
• 誰かが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連携
しておくと更に
便利ですね
以上
で誰なんだっけ?
@ppworks




http://ppworks.hatenablog.jp/
        http://fla.la/
ありがとうございました

HerokuでRails3.2 we love herokuの事例