2
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Rails × YouTube】YouTubeのチャンネル情報を取得する方法

Posted at

はじめに

本記事ですること

Webアプリを個人開発していて、YouTubeのチャンネル情報を表示したいと思いました。
本記事では、YouTubeが提供しているAPIを利用して下記情報を取得・表示します。

 ・ チャンネル登録者数
 ・ 投稿動画数
 ・ 最新動画
 ・ 最新動画のタイトル

なお、実際の開発経験に基づきますので、非効率なコードや網羅的な説明でないことご容赦ください。
また、railsアプリがある状態を前提とします。

ながれ

大きく以下の流れで進めていきます。

 1. 準備
 2. 使用

1. 準備

1-1. プロジェクトの作成

YouTube(Google)のAPI利用にはプロジェクトが必要です。
下記サイトにアクセスします。

Google Cloud > APIとサービス

利用規約への同意画面が表示された場合は同意します。

上に表示の「$300相当の〜」は、スルーして良いです。
初めての場合はプロジェクトがまだ無く、プロジェクトを選択するよう表示されています。
右に「プロジェクトを作成」とありますのでクリックします。

1.png

任意のプロジェクト名を入力し、必要であればIDも編集ボタンより入力します。
「場所」はファイルを入れるフォルダのようにプロジェクトを分類するためのものなので、初めての場合はデフォルトの「組織なし」で問題ありません。
作成ボタンを押してプロジェクトを作成します。

2.png

下画像のようになればプロジェクト作成は完了です。

3.png

1-2. APIキーの取得

APIを利用するためにはプロジェクト作成の上、APIキーというものの取得が必要です。
左サイドバーより「認証情報」に移動します。

OAuth同意画面構成は、ユーザのプライベートデータに触れるアプリの場合は実施します。
今回はYouTubeで誰もが確認可能なパブリックデータを取得するので不要とします。

APIキーはまだありません。
上の「認証情報を作成」 → 「APIキー」と選択してAPIキーを作成します。

4.png

APIキーの名前をクリックすると、キーの確認や名前変更が出来ます。
制限については省略しますが、個人開発規模のアプリでは不要と感じたためデフォルトのままにしています。

5.png

1−3. APIの有効化

YouTubeには複数のAPIがあり、今回取得する情報はYouTube Data API v3で可能です。

このAPIでは、チャンネル情報の取得や特定キーワードに合致する動画の検索等、あると便利なイメージしやすい機能を利用可能です。
このAPIはAPIキー取得時点ではまだ利用不可で、有効化してプロジェクトへの取り込みが必要です。

左サイドバーより「ライブラリ」に移動します。
検索欄より「youtube」等で検索またはページ下部にスクロールするとYouTube Data API v3があります。

6.png

有効ボタンをクリックして有効化します。
左サイドバーより「有効なAPIとサービス」に戻り、YouTube Data API v3が表示されていれば完了です。

7.png

コンソールで行う作業は以上です。

1-4. 環境変数の設定

ここからエディタに移り、各種ファイルにて作業をします。

先ほど取得したAPIキーを環境変数に保存します。
gemのdotenv-railsを導入すると管理が楽になるのでおすすめで、本記事ではこちらを使用します。
詳細は下記事をご覧ください。

.env
GOOGLE_API_KEY = "***************************************"

dotenv-railsを使用する場合、.envの.gitignoreへの記載を忘れないようお気をつけください。

1-5. gemの導入

Google(YouTube) APIの機能を利用するためには、google-api-clientというgemの導入も必要です。

Gemfile
gem 'google-api-client'
ターミナル
$ bundle install

2. 使用

2-1. Controller

Controller
require 'google/apis/youtube_v3'
youtube = Google::Apis::YoutubeV3::YouTubeService.new
youtube.key = ENV['GOOGLE_API_KEY']

url = DBに保存しているYouTubeURL

if url.include?("@")
  youtube_handle = url[url.index("@")..-1]
  youtube_id = Rails.cache.fetch("youtube_handle_to_id_#{youtube_handle}", expires_in: 12.hours) do
    youtube_handle_to_id = youtube.list_searches("snippet", q: youtube_handle, type: "channel", max_results: 1).to_h
    youtube_handle_to_id[:items][0][:id][:channel_id]
  end
elsif url.include?("/UC")
  youtube_id = url[url.index("/UC")+1..-1]
end

@youtube_channel = Rails.cache.fetch("youtube_channel_#{youtube_id}", expires_in: 12.hours) do
  youtube.list_channels("statistics", id: youtube_id).to_h
end
@youtube_video = Rails.cache.fetch("youtube_video_#{youtube_id}", expires_in: 12.hours) do
  youtube.list_searches("snippet", channel_id: youtube_id, type: 'video', max_results: 1, order: :date).to_h
end

順番に見ていきます。
require 'google/apis/youtube_v3'
youtube = Google::Apis::YoutubeV3::YouTubeService.new
youtube.key = ENV['GOOGLE_API_KEY']

require 'google/apis/youtube_v3'
 → YouTube Data API v3を使用するためのライブラリの呼び出し

youtube = Google::Apis::YoutubeV3::YouTubeService.new
 → YouTubeServiceクラスよりインスタンスの作成

youtube.key = ENV['GOOGLE_API_KEY']
 → 先ほど設定した環境変数の使用


if url.include?("@")
  youtube_handle = url[url.index("@")..-1]
  youtube_id = Rails.cache.fetch("youtube_handle_to_id_#{youtube_handle}", expires_in: 12.hours) do
    youtube_handle_to_id = youtube.list_searches("snippet", q: youtube_handle, type: "channel", max_results: 1).to_h
    youtube_handle_to_id[:items][0][:id][:channel_id]
  end
elsif url.include?("/UC")
  youtube_id = url[url.index("/UC")+1..-1]
end

DBに保存されるチャンネルURLは下記の2つを想定しています。

 ・ https://www.youtube.com/@ハンドル
 ・ https://www.youtube.com/channel/チャンネルID

補足 URLは他にも複数の形式があるため、逆にこの形以外(@ハンドル?si=〜 等)で登録した場合は、上記処理が正常に行われないので別途考慮しなければいけませんが、今日ではハンドルかチャンネルIDを用いたURLが多いとは思っています。
また、URLの登録である理由は、YouTubeだけではなく他配信サイトも登録出来るようにしているので、便宜上この形としています。

if文で上記2種類のURLにより分岐させています。
チャンネル情報はIDを用いて取得するため、ハンドルの場合はIDに変換しています。
IDは公式からの名言はありませんが、「UC」から始まるようです。

youtube_handle = url[url.index("@")..-1]
 → URLから@を含むハンドルの抽出

youtube_id = Rails.cache.fetch("youtube_handle_to_id_#{youtube_handle}", expires_in: 12.hours)
 → キーに一致するデータのキャッシュからの読み込み
APIは使用量が10,000/日と上限がありますので、規定に達すると使用不可になります。

8.png

また、処理の内容により消費するコストが決まっています。

そのため、使用量を節約するために2度目以降はキャッシュを使用すると良いです。
初めてのAPI使用やキャッシュの有効期限が切れていた場合はdo~end間を実行します。

youtube_handle_to_id = youtube.list_searches("snippet", q: youtube_handle, type: "channel", max_results: 1).to_h
 → 抽出したハンドルでそのチャンネルの検索
先ほど作成したインスタンスyoutubeはlist_searchesメソッドが使用可能で、ワードを指定した動画やチャンネルの検索が可能です。
詳細は公式ドキュメントをご確認ください。

snippet : 必須のパラメータで、以降はオプションです。
q : 検索キーワードで、ここではハンドルを指定します。
type : 取得する情報の種類で、ここではIDが知りたいのでchannelを指定します。
max_results : 取得する情報の数です。

実行すると下記のような結果が得られ、チャンネルIDもあることが分かります。

ターミナル
> youtube.list_searches("snippet", q: youtube_handle, type: "channel", max_results: 1).to_h

=> {:etag=>"0jBSw_0JOto5IIhcY8TSfjK-mFA",
 :items=>
  [{:etag=>"DrC58O-Ujaksetrc6lefVdPppFM",
    :id=>{:channel_id=>"UC4YaOt1yT-ZeyB0OmxHgolA", :kind=>"youtube#channel"},
    :kind=>"youtube#searchResult",
    :snippet=>
     {:channel_id=>"UC4YaOt1yT-ZeyB0OmxHgolA",
      :channel_title=>"A.I.Channel",
      :description=>"\"Mumble, mumble...Stay connected, I'm here with you.\" メンバーシップに関しましては、過去のメンバーシップ限定コンテンツを ...",
      :live_broadcast_content=>"none",
      :published_at=>"2016-10-19T06:03:24Z",
      :thumbnails=>
       {:default=>{:url=>"https://yt3.ggpht.com/tGIJZoN26oD-M5HXGGMC8MizD0iDFdzeaIygX3ArOxSZeJxsRt1IYDrwQgDW5fB9NRAse11-Zg=s88-c-k-c0xffffffff-no-rj-mo"},
        :high=>{:url=>"https://yt3.ggpht.com/tGIJZoN26oD-M5HXGGMC8MizD0iDFdzeaIygX3ArOxSZeJxsRt1IYDrwQgDW5fB9NRAse11-Zg=s800-c-k-c0xffffffff-no-rj-mo"},
        :medium=>{:url=>"https://yt3.ggpht.com/tGIJZoN26oD-M5HXGGMC8MizD0iDFdzeaIygX3ArOxSZeJxsRt1IYDrwQgDW5fB9NRAse11-Zg=s240-c-k-c0xffffffff-no-rj-mo"}},
      :title=>"A.I.Channel"}}],
 :kind=>"youtube#searchListResponse",
 :next_page_token=>"CAEQAA",
 :page_info=>{:results_per_page=>1, :total_results=>44},
 :region_code=>"JP"}

youtube_handle_to_id[:items][0][:id][:channel_id]
 → チャンネルIDの取り出し

youtube_id = url[url.index("/UC")+1..-1]
 → チャンネルIDの取り出し


@youtube_channel = Rails.cache.fetch("youtube_channel_#{youtube_id}", expires_in: 12.hours) do
  youtube.list_channels("statistics", id: youtube_id).to_h
end
@youtube_video = Rails.cache.fetch("youtube_video_#{youtube_id}", expires_in: 12.hours) do
  youtube.list_searches("snippet", channel_id: youtube_id, type: 'video', max_results: 1, order: :date).to_h
end

youtube.list_channels("statistics", id: youtube_id).to_h
 → チャンネル登録者数、投稿動画数の取得
先ほど作成したインスタンスyoutubeはlist_channelsメソッドが使用可能で、チャンネル情報の取得が可能です。
詳細は公式ドキュメントをご確認ください。

statistcs : 必須パラメータの1つで、チャンネル登録者数や動画数の取得が可能です。
id : チャンネルIDを指定します。

必須パラメータはカンマで区切ることで、複数指定可能です。


実行すると下記のような結果が得られ、登録者数と投稿動画数もあることが分かります。

ターミナル
> youtube.list_channels("snippet, statistics", id: youtube_id).to_h

=> {:etag=>"0umQBzT3t1JtMVyifXCFoTCPCe8",
 :items=>
  [{:etag=>"EV3xfjH7Z1nU2IaFjFR5nhDf5og",
    :id=>"UC4YaOt1yT-ZeyB0OmxHgolA",
    :kind=>"youtube#channel",
    :statistics=>{:hidden_subscriber_count=>false, :subscriber_count=>3010000, :video_count=>113, :view_count=>55725282}}],
 :kind=>"youtube#channelListResponse",
 :page_info=>{:results_per_page=>5, :total_results=>1}}

youtube.list_searches("snippet", channel_id: youtube_id, type: 'video', max_results: 1, order: :date).to_h
 → 最新動画とそのタイトルの取得
list_searchesメソッドなので、基本は前述の通りです。

channel_id: : チャンネルIDを指定します。
type : ここでは動画が知りたいのでvideoを指定します。
order : 表示内容の並び替えができ、ここでは最新が欲しいのでdateを指定します。


実行すると下記のような結果が得られ、最新動画とそのタイトルもあることが分かります。

ターミナル
> youtube.list_searches("snippet", channel_id: youtube_id, type: 'video', max_results: 1, order: :date).to_h

=> {:etag=>"bDKCTk5kGxmZnyifnkM3Xh4gAb8",
 :items=>
  [{:etag=>"B4d_ZimCsFVjXSoIkH9Z92v2uz8",
    :id=>{:kind=>"youtube#video", :video_id=>"QjD3DCIsc-o"},
    :kind=>"youtube#searchResult",
    :snippet=>
     {:channel_id=>"UC4YaOt1yT-ZeyB0OmxHgolA",
      :channel_title=>"A.I.Channel",
      :description=>"https://cognition.kizunaai.com https://youtube.com/live/EEmgm61cQjE.",
      :live_broadcast_content=>"none",
      :published_at=>"2024-06-29T15:00:07Z",
      :thumbnails=>
       {:default=>{:height=>90, :url=>"https://i.ytimg.com/vi/QjD3DCIsc-o/default.jpg", :width=>120},
        :high=>{:height=>360, :url=>"https://i.ytimg.com/vi/QjD3DCIsc-o/hqdefault.jpg", :width=>480},
        :medium=>{:height=>180, :url=>"https://i.ytimg.com/vi/QjD3DCIsc-o/mqdefault.jpg", :width=>320}},
      :title=>"Me in the dream"}}],
 :kind=>"youtube#searchListResponse",
 :next_page_token=>"CAEQAA",
 :page_info=>{:results_per_page=>1, :total_results=>37},
 :region_code=>"JP"}

以上で、Controllerファイルの編集は終了です。

ちなみに、list_channelsメソッドではオプションでハンドルも指定可能(for_handle)なので、それを利用すればもう少し分かりやすく書けるのかもしれません。

2-2. View

Controllerで得られた処理結果を表示します。
詳細は省略しますが、それぞれ下記のようにすれば表示されます。

・ チャンネル登録者数

@youtube_channel[:items][0][:statistics][:subscriber_count].to_formatted_s(:delimited)

「to_formatted_s(:delimited)」で数値をカンマで区切ります。


・ 投稿動画数

@youtube_channel[:items][0][:statistics][:video_count].to_formatted_s(:delimited)

・ 最新動画

<iframe src="https://www.youtube.com/embed/<%= @youtube_video[:items][0][:id][:video_id] %>?rel=0" title="YouTube video player" allowfullscreen></iframe>

「?rel=0」で再生後に関連動画を非表示にします。


・ 最新動画のタイトル

@youtube_video[:items][0][:snippet][:title]

さいごに

その他

API使用量はGoogle Cloudのコンソールで確認可能です。
本番環境へのデプロイ時、そちらでも環境変数の設定を忘れないようお気をつけください。

参考

2
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?