Download - ドルヲタを支える技術 2
![Page 1: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/1.jpg)
ドルヲタを支える技術 2Dec 19, 2012@sugyan
![Page 2: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/2.jpg)
自己紹介my $profile = +{ id => 'sugyan', lang => [ 'Perl', 'Ruby', 'JavaScript', ],};
![Page 3: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/3.jpg)
前回のおさらい
•「ドルヲタを支える技術」Mar 28, 2012
http://www.slideshare.net/sugyan/ss-12200258
![Page 4: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/4.jpg)
ももいろクローバーZ
![Page 5: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/5.jpg)
ももいろクローバーZ
祝!!紅白歌合戦 初出場
![Page 6: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/6.jpg)
2012年振り返り2.12 いわき / 2.25 新木場 / 2.26 さいたま / 3.7 赤坂 / 3.24 国際展示場 / 4.15 渋谷公会堂 / 4.21,22 横浜アリーナ / 4.28 鴬谷 / 5.26 Malaysia / 6.9 東武動物公園 / 6.16 テレ朝 / 6.17 NHKホール / 6.23 仙台 / 6.24 青森 / 6.29 広島 / 6.30 米子 / 7.5,6 France / 7.14 神戸 / 7.16 名古屋 / 7.20 福岡 / 7.28 DiverCity / 8.5 西武ドーム / 8.14 お台場 / 8.18 大阪 / 8.19 幕張 / 9.16 袖ヶ浦 / 9.30 長崎 / 10.14 O-EAST / 11.5 日本武道館 / 11.11 香川 / 11.24 幕張 / 12.15 代々木 ...
![Page 7: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/7.jpg)
作ったもの 1ブログコメント数グラフ
![Page 8: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/8.jpg)
ブログコメント数グラフ
•5人のメンバーのブログ(ameblo)•毎回の記事にファンからのコメント•コメント数がファン数の指標に?•増減を可視化することで人気を計る
http://d.hatena.ne.jp/sugyan/20120417/1334623422http://d.hatena.ne.jp/sugyan/20120927/1348673805
![Page 9: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/9.jpg)
http://momoclo-visualizer.herokuapp.com/blog_comments/
ブログコメント数グラフ
![Page 10: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/10.jpg)
ブログコメント数グラフ•Padrino on Heroku•最初はSinatra、後に移行•Schedulerでscraping (Nokogiri)• Sequel, Slim, Dalli, etc.•グラフ描画はHighchartsで•表示範囲コントロール可能に
![Page 11: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/11.jpg)
ブログコメント数グラフ
![Page 12: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/12.jpg)
作ったもの 2目からビームジェネレータ
![Page 13: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/13.jpg)
目からビーム画像ジェネレータ
•2012年6月27日発売「Z女戦争」•アーティスト写真が目からビーム
![Page 14: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/14.jpg)
目からビーム画像ジェネレータ•画像から顔認識・目の位置を検出•顔ラボ 顔検出WebAPI• face.com API•目の位置からビーム風に画像加工•RMagick (ImageMagick)
http://d.hatena.ne.jp/sugyan/20120607/1339000417http://d.hatena.ne.jp/sugyan/20120613/1339543871
![Page 15: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/15.jpg)
目からビーム画像ジェネレータ
![Page 16: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/16.jpg)
目からビーム画像ジェネレータ
•face.com APIが終了• http://face.com/blog/facebook-acquires-face-com/
•\(^o^)/
![Page 17: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/17.jpg)
作ったもの 3ファンクラブ更新通知
![Page 18: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/18.jpg)
ファンクラブ更新通知•ついにファンクラブ始動•ニュース、フォトリポート、動画など•いつ更新されるか分からない•RSSとかないし•でもログインして確認するの面倒
![Page 19: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/19.jpg)
ファンクラブ更新通知•スクレイピングしてTwitterに通知•WWW::Mechanize•Web::Scraper•最新件名の差分を検出して通知Tweet•さくらVPS上で常時起動
![Page 20: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/20.jpg)
作ったもの 4画像取得ブックマークレット
![Page 21: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/21.jpg)
画像取得ブックマークレット
•メンバーブログの写メなど収集•仕様変更により右クリック保存不可に•画像URLを開くブックマークレット•PC用 / Smartphone用https://gist.github.com/3977687
![Page 22: ドルヲタを支える技術 2](https://reader034.vdocuments.net/reader034/viewer/2022052315/5482b5b8b4af9f6d148b4641/html5/thumbnails/22.jpg)
おわり
紅白の向こう側へつづく…