YouTube API を使ってみた

Transcript

1. YouTube API を使ってみた @wai_doi 2021/10/29 技術交流会 1
2. 自己紹介 • 名前 ◦ 土居裕典（@wai_doi） • 経歴 ◦ 新卒3年目 • 趣味 ◦ 将棋 ◦ YouTobe ◦ スマホゲーム 2
3. YouTube APIで解決したいこと 3
4. クラッシュロワイヤル とは • 通称 クラロワ • リアルタイム対戦型の新感覚カードゲーム • ８枚のカードでデッキを組む • 世界中のプレイヤーと対戦 4
5. Stats Royale チャンネル • クラロワの上位プレイヤー の試合がアップされている チャンネル • ひとつの動画にひとつの試 合 • 1日50本以上アップされて いる https://www.youtube.com/channel/UC698QxCg2KVVWh4G6NQLX_w 5
6. 観たい動画のいつもの探し方 チャンネルのアップロード済み動 画の一覧から探す 6
7. 特定カードが使われる動画だけを観たい！ ゴーレム サムネイル画像に写っているカードで 観たい動画をいつも選んでいる ( 面倒😥） 7
8. 特定カードが使われる動画だけを観たい！ ゴーレム サムネイル画像に写っているカードで 観たい動画をいつも選んでいる ( 面倒😥） 8 観たい動画を簡単にカードで検索で きるようにしたい！！
9. それぞれの動画の概要欄を見ると... 9 使われるデッキとカードが 載っている ！！😀
10. YouTube APIを使って アプリケーション開発をしてみた 10
11. Stats Royaleの動画検索Railsアプリケーションの構想 • Stats Royale がアップロードした動画を対象に • YouTube APIを使って動画ごとの概要欄のテキストを取得する • 概要欄のテキストからその動画で使われるデッキとカードを抜き出す • 動画、デッキ、カードを関連付けてデータベースに持っておく • 指定したカードで検索して、そのカードが使われる動画だけを一覧で表示する 11
12. 設計したデータモデル 動画 デッキ カード ✳ 2 ✳ 8 12
13. YouTube API で利用できるリソース • アクティビティ • チャンネル • 再生リストの項目 • 再生リスト • 検索 • サブカテゴリ • サムネイル • 動画カテゴリ • 動画 • ... https://developers.google.cn/youtube/v3/docs?hl=ja 13
14. YouTube APIの制限 • 10000 Queries / 日 • Query = リクエスト回数 * コスト • list が一番コストが安い • insert, updateがコストが高い https://ichiro-kun.com/post/2452/ 14
15. googleapis/google-api-ruby-client を利用した https://github.com/googleapis/google-api-ruby-client 15
16. YouTube APIを使った処理フロー 1. チャンネルIDで channels.list を叩く 2. チャンネル情報を取得し、アップロードされた動画の playlist IDを抽出する 3. playlist ID で playlistItems.list を叩く 4. 動画の情報を取得し、Video IDや概要欄のテキストなどを抽出する 16
17. 1. チャンネルIDで channels.list を叩く • チャンネルIDはチャンネルURLの末尾にある チャンネルID 17
18. channels.list のレスポンス https://developers.google.com/youtube/v3/docs/channels/list itemsの中 18
19. 1. チャンネルIDで channels.list を叩く idパラメータ (チャンネルID) part パラメータ (items の中で欲しいkeyを与える) 19
20. 2. チャンネル情報を取得し、アップロードされた動画の playlist IDを抽出する チャンネルがアップロードした 動画の playlist ID を抽出 20
21. playlistItems.list のレスポンス https://developers.google.com/youtube/v3/docs/playlistItems/list itemsの中 21
22. 3. playlist ID で playlistItems.list を叩く part パラメータ (items の中で欲しいkeyを与える) playlistID パラメータ (再生リストのID) pageTokenパラメータ (ページの指定) 次のページのトークンを抽出 22
23. 4.動画の情報を取得し、Video IDや概要欄のテキストなど を抽出する 概要欄のカードの文字列を抽出する 23
24. 以降の処理は割愛します 概要欄のデッキとカードを抽出する • 抽出した情報をDBに保存する • 動画を一覧表示 • 動画の個別のページで埋め込み動画が観られる • 詳細はリポジトリ https://github.com/wai-doi/clash-royale-youtube-searcher 24
25. アプリケーションの画面 25 動画個別ページ 動画一覧ページ
26. デモ https://clash-royale-youtube-searcher.herokuapp.com/ 26
27. 今後追加してみたい機能 • 複数のカードで検索できるようにしたい • あるカード VS あるカードの対戦で検索できるようにしたい 27
28. ご清聴ありがとうございました！ 28