ruby on rails でつくるアタシ好みの愛され web サービス
TRANSCRIPT
Ruby on Railsでつくるアタシ好みの愛されWebサービス
しだら ようじSHIDARA Yohji
日本Rubyの会Ruby札幌
Lovable Webservices Developmentby Hand with Ruby on Rails.2008-08-08 釧路工業技術センター オープンソフトウェアシステム構築講座
設樂 洋爾 / SHIDARA Yohji / dara
‣[email protected]‣http://d.hatena.ne.jp/darashi
http://twitter.com/darashi‣札幌生まれ, 札幌育ち, 札幌大好き‣大学院生‣Ruby札幌 運営チーム‣RubyKaigi2008 実行委員 / スピーカ
今日お伝えしたいこと:
Ruby on Rails をつかって自分好み の Webサービス を
作ってみませんか!
そのためにお話したいこと:
‣Ruby on Rails のご紹介‣Rails による 私の 開発事例‣コミュニティとのかかわり
‣Ruby on Rails のご紹介‣Rails による 私の 開発事例‣コミュニティとのかかわり
Rubyとは
まつもとゆきひろさん(通称Matz)によって開発された
オブジェクト指向スクリプト言語
Ruby on Rails とは
Rubyで作られているWebアプリケーションフレームワーク
2つのキーワード
‣DRY:Don’t Repeat Yourself「同じことを繰り返さない」‣CoC: Convention over Configuration「設定より規約」
価値観
「楽しい」
Railsプロダクト
大規模システムでの実績も
気付いていないだけでRailsで稼働しているサイトも身近にあるかもしれません
‣Ruby on Rails のご紹介‣Rails による 私の 開発事例‣コミュニティとのかかわり
私事ですが、
スープカレーが大好き
’06: 108皿’07: 45皿
’0８(-8/8): 34皿
Webサイトまで作ってしまった
最寄りのスープカレー店を携帯電話のGPS機能で検索できる
Ruby on Rails をつかっています
なぜ soupcurry.info をつくったのか
チキン 辛さ8CHAIN GANG ORIGINAL SOUP CURRY & BAR 龍祈
http://soupcurry.info/shop/138
スープカレー
‣中毒性がある→我慢できない‣店ごとに個性的→食べ歩きを楽しみたい‣店舗が乱立気味→好みにあったお店でぐゎらチキ天
ぐゎらん洞http://soupcurry.info/shop/5
よくあるシチュエーション‣今すぐカレーを食べたい気分だ。‣今日は普段行かない場所に居るので、折角だから近くの行ったことのないお店で食べてみたい。‣お目当ての店に着いたけれど、スープが切れて閉店していた。近くのお店はどこだろう。‣ガイド本は持ち歩きたくない。‣お店のレビューを見たい。‣不慣れな土地でも迷わずに行きたい。
ソリューション
‣携帯電話用スープカレー店データベース
‣レビュー検索エンジン+
「こんなサイトがあったらいいな」
サイト規模
全国のスープカレー店484店舗を網羅
Google検索「スープカレー」第2位(2008-08-03現在)
Google検索「スープカレー」第2位(2008-08-03現在)
アクセス解析 (PCのみ)
携帯電話からのアクセス61,234 PV/月
(2008年07月)
LOC: 1211行
soupcurry.info ツアー
トップページ
店舗情報ページ(1) - 店舗概要
店舗情報ページ(2) - レビュー検索
店舗情報ページ(3) - 付近のお店
携帯電話 - GPSで最寄りの店舗を検索
携帯電話 - GPSで最寄りの店舗を検索
携帯電話 - GPSで最寄りの店舗を検索
携帯電話 - 店舗情報
携帯電話 - 店舗情報
携帯電話 - 店舗情報
EZナビウォークと連携
EZナビウォークと連携
EZナビウォークと連携
レビュー検索
‣APIを利用‣ Web検索 Yahoo! Japan‣ blog検索 Technorati‣定期的に巡回‣検索ヒット数から有名度指標を計算して表示
hotpepper.jp API
‣Web上にクーポンがある場合は表示‣電話番号をキーにしてクエリを発行
定休日の自動判定
‣定休日文字列から定休日を判定‣ 火曜日(祝日の場合は翌日)‣ 火曜日(祝日の場合は営業)‣ 月曜日/第2,4土曜日‣ 無休(年末年始を除く)/その他/不定‣Rubyの柔軟な文字列処理:わずか78行
運用
サイトポリシー‣客観的情報サイトに徹する‣自動化できる部分はどんどん自動化‣レビュー検索, クーポン検索‣負担なくデータを更新できるインタフェイス(当初は緯度経度と電話番号のみを格納していた)‣技術遊びのテストベッド とにかくおもしろそうなことをやる
管理画面 - トップ
各種リマインダ
管理画面 - 店舗情報編集
履歴‣ 2003年ごろ 構想, プロトタイプ作成‣ 2005/01/24soupcurry.infoドメイン取得‣ 2005/02/11 第1世代 リリース(Ruby CGI, さくらインターネット)‣ 2005/12/08 第2世代 開発開始‣ 2006/01/24 第2世代 リリース(Ruby on Rails, bluehost)‣ 2008/01/19 サーバ移転(site5.com)
フィードバック
‣ 20件のフィードバック (2008年7月)‣データの鮮度維持に不可欠‣開店, 閉店, 誤情報の訂正, 臨時休業, 臨時営業, 定休日・営業時間の変更, システム改善の提案, ...‣スープカレーファンの方, お店の方からも‣投稿フォーム設置により増加(以前はメールのみ)‣サイト開設をきっかけに交流
大事なこと
世界がかわった
世界がかわった
‣スープカレー店を沢山覚えた(覚えなくていいように作ったはずなのに・・・)‣沢山の人が使ってくれている‣スープカレー仲間ができた‣サイトの構築・運営を自分の肌に触れるものとして学んだ
こんなサイトがあったらいいな
それを形にするための強力な道具
RubyRuby on Rails
soupcurry.infoのもう一つの意味
携帯電話用サイト
キャリア毎に仕様が全然違う
携帯電話用サイトを作るには大量の雑多なノウハウが必要
それらをモジュール化しsoupcurry.info から
切り離して公開
携帯電話用Railsプラグインjpmobile
jpmobileが紹介されています
実際のプロダクトにも
日本Ruby会議2008jpmobile についてメインセッションで発表
ガラパゴスに線路を敷こう携帯電話用RailsプラグインJpmobile
しだら ようじSHIDARA Yohji
Lay Rails on “Galapagos”Jpmobile: A Rails Plugin for Japanese Mobile Phones
œ { Œ ^ C g Ł
œ {Ruby c2008 S f [ ^
œ { Œ ^ C g ¨
œ { Œ ^ C g Ł
w i “ Œ w i “ Œ
1 F ¯ w i “ Œ 1 F ¯ w i “ Œ
œ { Œ ^ C g ¨
œ { Œ ^ C g Ł
œ { Œ ^ C g ¨
http://flickr.com/photos/june29/2600992008/
http://flickr.com/photos/june29/2600166483
自分の話をこんなに沢山の人が聞いてくださって、沢山のフィードバックをもらえる。それも直接。RubyKaigiってすごい。本当にすごいところなんだな。発表を終えてから痛感しました。去年は当日スタッフとして参加して、今年は実行委員としても参加して、なんだかわかったような気になっていたのですが、このスケール、この一体感。本当に大舞台で喋ってしまった！と。世界が少しまわった気がしました。
http://d.hatena.ne.jp/darashi/20080626/1214493910
ここまでのまとめ
なぜ soupcurry.info をつくったのか
「こんなサイトがあったらいいな」
結果
気がついたら世界がかわってた!
‣Ruby on Rails のご紹介‣Rails による 私の 開発事例‣コミュニティとのかかわり
日本Rubyの会
http://twitter.com/takahashim/statuses/881234363
入会案内
‣日本Rubyの会には、本会の趣旨に賛同する個人ないし法人が、会員として参加することができます。入会に際して、特に会費などは徴収しておりません。日本Rubyの会メーリングリストへ登録すれば、その時点で、本会に入会したとみなされます。 登録の前に、「日本Rubyの会とは」および「日本Rubyの会会則」をよくご確認ください。
http://jp.rubyist.net?Admission
Ruby札幌
Ruby札幌とは
‣札幌にて Ruby に関する活動を行っているコミュニティです。Ruby勉強会＠札幌 や 開発集会@札幌、Ruby Sapporo Night などのイベントを定期的に開催しています。‣From Sapporo, with Love for Ruby.
Rubyコミュニティと私(1)
‣2007-03-24Ruby勉強会@札幌-2‣2007-05-26Ruby勉強会@札幌-3 発表‣2007-06-09,10日本Ruby会議2007 当日スタッフ‣2007-08-13Ruby札幌運営チーム結成
Rubyコミュニティと私(2)‣2008-02-16日本PostgreSQLユーザ会北海道支部／Ruby札幌合同セミナー‣2008-06-20,21,22日本Ruby会議2008実行委員・メインセッション発表(最初は発表とコミュニティ出展だけの予定だったが・・・)‣2008-06-28オープンソースカンファレンス2008 Hokkaido 発表
オンラインでの交流チャネル(1)
‣bloghttp://d.hatena.ne.jp/darashi‣twitterhttp://twitter.com/darashi‣ML(Mailing List)
オンラインでの交流チャネル(2)
‣Rails chathttp://andworkspace.net‣ustream.tvhttp://ustream.tv‣irc
最初のきっかけは勉強会
気がついたら
世界がかわっていた!
‣Ruby on Rails のご紹介‣Rails による 私の 開発事例‣コミュニティとのかかわり
buzztter.com
twitter のイマを切り取るサービス
twitter.com
「いまなにしてる？」で繋がるコミュニケーションツール
buzztter.com
twitter のイマを切り取るサービス
基本的なアイディア:
普段より多く言及されているコトバを抽出する
扱うべきデータ量
‣ 2008年8月3日 buzztter調べ‣ 387,595 updates/日‣ 16,149.7 updates/時‣ 269.2 updates/分‣ データの大きさ (JSON response)‣ 約13kB/20 updates‣ 約240.8MB/日‣ 約85.8GB/年
DB
解析
クローラ
言語推定
HOT通知bot定時通知bot
ユーザ
Web UI
twitter.com
buzztter
入力データの厄介事
‣ある程度のリアルタイム性が要求される:‣最新の20更新しか入手できない。‣取りこぼしたら終わり。‣各国語が混在している。‣言語推定が必要。
解析
‣直近1時間で頻出しているフレーズを抽出‣過去の出現頻度と比較してスコアを決定‣言及数と言及者数を考慮‣最近活発なものほど高いスコア‣ゴミを除去するための細かな処理
Web UI
‣かなり素直なRailsアプリケーション‣Twitter検索エンジンとしても動作‣Javascriptで自動更新‣RSS出力あり
定時通知bot
‣30分ごとに上位のフレーズを送信‣cronで定時実行‣言語ごとにtwitterアカウントを用意:‣ 日本語版 http://twitter.com/buzztter‣ 英語版 http://twitter.com/buzztter_en
HOT通知bot
‣バースト状態を通知する。‣スコアが閾値以上‣直近8時間以内に通知していない
ベッドの横から世界に発信
自作PCCore 2 Duo 6400
(2.13GHz)Memory: 4GBHDD: 500GB SATA
反響
アクセス解析
buzztterが紹介されています
twitter上での反響(1)
‣ twitter、buzztter、twitter検索、tumblr、はてブ。これらが手放せない。http://twitter.com/akio0911/statuses/387770042
‣buzztterはtwitter-erの心を映す鏡http://twitter.com/maybowjing/statuses/344534932
‣相変わらずbuzztterはよく空気を読んでる。そもそも、そういう仕組みのモノなんだけど。http://twitter.com/NStyles/statuses/335544352
twitter上での反響(2)
‣buzzterだけで何が起きたかすべてわかるhttp://twitter.com/packirara/statuses/876096752
‣ばずったー便利だな。映画何やってるかすぐ判る。http://twitter.com/erinaceus/statuses/851255193
‣ばずったーの反応速度はすごいなーhttp://twitter.com/enryu951/statuses/866105443
‣30秒でbuzztterが「ゆれ」「地震」を検出http://twitter.com/colspan/statuses/864082227
精読・速読・buzztter
‣ (略) buzztter というサービスが存在するからだ。自分が「速読の Twitter」を実行しなくても、このサイトを見れば Twitter の動きが大まかにではあるが読める。(略)http://worstman.net/blog/088
‣ [twitter][comment]buzztterってめちゃくちゃ偏ってるよ。あくまでもオレが読んでる1500人強の全ログ傾向の印象だけど→このサイトを見れば Twitter の動きが大まかにではあるが読めるhttp://b.hatena.ne.jp/otsune/20071024
系としてのbuzztter
メディアとしてのbuzztter
‣重大ニュースの速報辞任, 事故, 訃報, ...‣twitterユーザにとっての重大ニュース新商品, 新機能, 買収, 訃報, ...‣twitterユーザが注目するテレビ番組アニメ, お笑い, ドキュメンタリー, ...‣災害情報地震, 雨, 雷, 火災, 停電, 電車遅延, ...
buzztterが与える影響
‣ このbuzztterを見たあとでは、ばんごはんを餃子にしても、あえて餃子を避けても負けな気がする。（意識した時点でもう精神が餃子の支配下に置かれる）http://twitter.com/hatoko/statuses/281085152
‣ buzztter入りしているのを見て、なんだか久々に赤福が食いたくなってきたhttp://twitter.com/AIce/statuses/346543102
‣ buzztterで思い出したけど、今日は鰻でしたhttp://twitter.com/ozon/statuses/866961564
履歴
‣2007-04-12 プロジェクト開始‣2007-04-24 リリース‣2007-04-28 bot リリース‣2007-05-01 フレーズ抽出の実装‣2007-05-22 類似発言抽出機能‣2007-06-05 英語版リリース‣2008-06-12 全面リニューアル
buzztterに対するツッコミ
‣はい、buzztterダウト！http://twitter.com/night16/statuses/363321482
‣buzztter は毛ずきらしいhttp://twitter.com/kommm/statuses/362095092
‣@buzztter自重しろｗｗｗｗｗｗhttp://twitter.com/scudroid/statuses/339228382
buzztterに言わせたい
‣ .@buzztterが北海道という単語をキーワードにするのが僕の夢。http://twitter.com/smokeymonkey/statuses/386516592
‣buzztter に「HOT: 女装」と言わせるライフハック。 http://twitter.com/cress_cc/statuses/349727262
buzztterの可能性
‣ニュース速報より早い速報‣草の根的ニュースメディア‣特定のユーザ層のためのニュースメディア‣ゆるいコミュニケーションハブ‣情報のサーキュレータ的役割
まとめ
Ruby on Rails をつかって自分好み の Webサービス を
作ってみませんか!
世界がかわるかも!
Ruby / Rails の始め方
続きは明日のハンズオンで!