オープンソースカンファレンス 2013 Hiroshima の 広島Ruby勉強会 Hiroshima.rb のセッションで『YouTube動画の再生回数がわし…気になります!! (きゅふぃーん』という LT をしたときのスライドを修正したものです。

1. YouTube動画の再生回数
がわし…気になります!!
(きゅふぃーん
北䑓如法(きただいゆきのり)
@Hiroshima.rb
2013年10月6日(日)
オープンソースカンファレンス 2013 Hiroshima
(公開用に修正したスライド)
2013年 10月 7日 月曜日

2. 北䑓如法
• きただいゆきのり
• Nyoho
• ハイパ・メディア・トランスレータ
• Apple の動画などを広島弁に吹き替え
• OSC 2011 広島の PR ビデオも制作
• 息子が騒いでいてすみませんwww
2013年 10月 7日 月曜日

3. 人気のつぶやき
2013年 10月 7日 月曜日

4. favstar
2013年 10月 7日 月曜日

5. YouTube動画の再生回数が
わし…
2013年 10月 7日 月曜日

6. YouTube動画の再生回数が
わし…
2013年 10月 7日 月曜日

7. 気になります!!
(きゅふぃーん
2013年 10月 7日 月曜日

8. というわけで
2013年 10月 7日 月曜日

9. YouTube動画の再生回数を
日々記録するサービス
その名も
2013年 10月 7日 月曜日

10. Sigh! Say! Soon!
2013年 10月 7日 月曜日

11. Sigh! Say! Soon!
を作成中。URLは…
http://sigh-­‐say-­‐soon.herokuapp.com
2013年 10月 7日 月曜日

12. ※自分用です
2013年 10月 7日 月曜日

13. ※今までは手動でメモって
いました。
2013年 10月 7日 月曜日

14. screenshot
2013年 10月 7日 月曜日

15. screenshotこれはしょぼい!
2013年 10月 7日 月曜日

16. 自動化したい!
2013年 10月 7日 月曜日

17. 自動化ぐらいなら
2013年 10月 7日 月曜日

18. ページをクロールして、
カウントを保存する
cronを回せば?
2013年 10月 7日 月曜日

19. それでもできる
2013年 10月 7日 月曜日

20. でも、せっかくなので
2013年 10月 7日 月曜日

21. この機会に
勉強してみたかったことを
勉強してみようかなと♡
2013年 10月 7日 月曜日

22. Sigh! Say! Soon!
2013年 10月 7日 月曜日

23. Sigh!Say
S
!
oon!
夕べ適当に作ったロゴ
2013年 10月 7日 月曜日

24. チラ見せ
sneak preview
2013年 10月 7日 月曜日

25. 2013年 10月 7日 月曜日

26. 2013年 10月 7日 月曜日

27. 2013年 10月 7日 月曜日

28. Sigh! Say! Soon! 構成
2013年 10月 7日 月曜日

29. Sigh! Say! Soon! 構成
YouTube
Heroku
ウェブサーバ
gitレポジトリ
Scheduler 開発マシン
日々リクエスト
1回/1日
再生数
情報ゲット
デプロイ(配備)
ソースを管理
push/pull
わし
アクセスして情報を見る
Sigh!Say
S
!
oon!
2013年 10月 7日 月曜日

30. 勉強してみたこと
• Ruby (プログラミング言語(わかるわー))
• Ruby on Rails (Web Appフレームワーク)
• Heroku
• Heroku Scheduler
• YouTube API
• Rails でのグラフ: Chart.js,
lazy_high_charts, chartkick
2013年 10月 7日 月曜日

31. 勉強してみたこと
• 補完 gem interpolate
• Rails で Compass + Sass + Susy
• New Relic
2013年 10月 7日 月曜日

32. 今回自分で最も大きかっ
たのは
2013年 10月 7日 月曜日

33. Heroku
2013年 10月 7日 月曜日

34. Heroku (へろく) という PaaS を
初めてまともに使ってみたこと
2013年 10月 7日 月曜日

35. Heroku
• そろそろなんでもかんでも自宅サーバで
やるのを卒業(?)したかった。
• 少しずつ外部の PaaS や VPS を使ってみ
たい。
• 無料。(ただし、(後述))
2013年 10月 7日 月曜日

36. Heroku
• いろんな言語でウェブアプリが動かせる
• “規模が小さければ”無料
•駄菓子菓子!!!
2013年 10月 7日 月曜日

37. ちょっと何かやったら
すぐ有料プランに
2013年 10月 7日 月曜日

38. dyno / DB / Add-on
2013年 10月 7日 月曜日

39. dynos は各プロジェクト
1 dyno まで無料
2013年 10月 7日 月曜日

40. webサーバ1プロセス
= 1 dyno
2013年 10月 7日 月曜日

41. cron まわしても
すぐ有料に
2013年 10月 7日 月曜日

42. Sigh!
Say!
Soon!
Pinch!
2013年 10月 7日 月曜日

43. 定期的にデータを取り
ウェブサーバで表示も
同時にしたかったけど…
2013年 10月 7日 月曜日

44. 無料は無理か…
2013年 10月 7日 月曜日

45. そんなとき
2013年 10月 7日 月曜日

46. 颯爽と登場したのが
2013年 10月 7日 月曜日

47. Heroku Scheduler
2013年 10月 7日 月曜日

48. Heroku Scheduler
• Heroku の無料プラグイン (add-on)
• 知ったときの叫び→「なにー! Heroku
Scheduler というのがあって10分だろう
が1時間だろうが1日だろうがそれごとに
cron みたいにまわせるのが無料だとー!!!
これは勝つる」
2013年 10月 7日 月曜日

49. というわけで
2013年 10月 7日 月曜日

50. Heroku Scheduler オン!
2013年 10月 7日 月曜日

51. (rake counting というタスクを登録してみたところ)
2013年 10月 7日 月曜日

52. ウェブサーバの1dynoだけ
で行けます! 行けました!!
2013年 10月 7日 月曜日

53. めでたしめでたし
2013年 10月 7日 月曜日

54. 「お金払えばいいんじゃ…?」
2013年 10月 7日 月曜日

55. あっそれはそれで別のことをしよ
うと…というか無料でどこまで
できるか単純に知りたいという
知識欲というかなんというか汗
2013年 10月 7日 月曜日

56. 以下は時間があったら
紹介
2013年 10月 7日 月曜日

57. グラフ描画ツールを
いくつか試しました
2013年 10月 7日 月曜日

58. グラフ描画ツール
• Chart.js (きれい)
• lazy_high_charts (高機能, Railsに便利)
• chartkick (高機能, Railsに便利)
2013年 10月 7日 月曜日

59. 日ごとの再生数を算出し
ようとしていたら
2013年 10月 7日 月曜日

60. 線形補間用 gem interpolate
• データ取得はぴったりの時刻ではないの
で日々の再生数は計算が必要
• 自分で書いていたら、ちょうどずばりの
gemがあった。interpolate
• lucky∼∼♪
2013年 10月 7日 月曜日

61. New Relic
• パフォーマンス計測可視化ツール・サー
ビス
• IT系で面白いポッドキャスト Rebuild.fm
に話題になっていて使ってみたかった。
• めちゃんこ導入が楽だった。
• iPhone アプリまである。
2013年 10月 7日 月曜日

62. 2013年 10月 7日 月曜日

63. 後は Rails での見た目
• Rails で見た目をいじるためのツールの使
い方を勉強した
• Compass + Sass + Susy (gem から簡単)
• FontAwesome (gem から簡単導入)
• でも肝心の Asset pipeline の理解がまだ
不十分だとわかった。
2013年 10月 7日 月曜日

64. 今後のTODO
• バックアップ
• 今までの手動(笑)記録を入れる
• データを見る範囲を可変にしてAJAXにし
たい。(今は30日間固定)
• トップでサムネイルや再生数変化のラン
キング情報などを出したい。
• 見た目をかっこよくしたい。
2013年 10月 7日 月曜日

65. の紹介でした。
Sigh!Say
S
!
oon!
http://sigh-­‐say-­‐soon.herokuapp.com
2013年 10月 7日 月曜日