1. ドルヲタを支える技術 2
Dec 19, 2012
@sugyan

2. 自己紹介
my $profile = +{
id => 'sugyan',
lang => [
'Perl',
'Ruby',
'JavaScript',
],
};

3. 前回のおさらい
• 「ドルヲタを支える技術」
Mar 28, 2012
http://www.slideshare.net/sugyan/ss-12200258

4. ももいろクローバーZ

5. ももいろクローバーZ
祝！！
紅白歌合戦 初出場

6. 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 代々木 ...

7. 作ったもの 1
ブログコメント数グラフ

8. ブログコメント数グラフ
• 5人のメンバーのブログ(ameblo)
• 毎回の記事にファンからのコメント
• コメント数がファン数の指標に？
• 増減を可視化することで人気を計る
http://d.hatena.ne.jp/sugyan/20120417/1334623422
http://d.hatena.ne.jp/sugyan/20120927/1348673805

9. ブログコメント数グラフ
http://momoclo-visualizer.herokuapp.com/blog_comments/

10. ブログコメント数グラフ
• Padrino on Heroku
• 最初はSinatra、後に移行
• Schedulerでscraping (Nokogiri)
• Sequel, Slim, Dalli, etc.
• グラフ描画はHighchartsで
• 表示範囲コントロール可能に

11. ブログコメント数グラフ

12. 作ったもの 2
目からビームジェネレータ

13. 目からビーム画像ジェネレータ
• 2012年6月27日発売「Z女戦争」
• アーティスト写真が目からビーム

14. 目からビーム画像ジェネレータ
• 画像から顔認識・目の位置を検出
• 顔ラボ 顔検出WebAPI
• face.com API
• 目の位置からビーム風に画像加工
• RMagick (ImageMagick)
http://d.hatena.ne.jp/sugyan/20120607/1339000417
http://d.hatena.ne.jp/sugyan/20120613/1339543871

15. 目からビーム画像ジェネレータ

16. 目からビーム画像ジェネレータ
• face.com APIが終了
• http://face.com/blog/facebook-
acquires-face-com/
• ＼(^o^)／

17. 作ったもの 3
ファンクラブ更新通知

18. ファンクラブ更新通知
• ついにファンクラブ始動
• ニュース、フォトリポート、動画など
• いつ更新されるか分からない
• RSSとかないし
• でもログインして確認するの面倒

19. ファンクラブ更新通知
• スクレイピングしてTwitterに通知
• WWW::Mechanize
• Web::Scraper
• 最新件名の差分を検出して通知Tweet
• さくらVPS上で常時起動

20. 作ったもの 4
画像取得ブックマークレット

21. 画像取得ブックマークレット
• メンバーブログの写メなど収集
• 仕様変更により右クリック保存不可に
• 画像URLを開くブックマークレット
• PC用 / Smartphone用
https://gist.github.com/3977687

22. おわり
紅白の向こう側へつづく…