【Vue.js】Vue.jsで使う為のYouTube動画検索「YouTube Data API v3」のAPIキー取得

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️Firebase Hosting
⭐️Vue CLI v4.0.4

↓↓実際に動かしてみた動画
https://twitter.com/nonnonkapibara/status/1185956946630692864

🎬Vue.js🎬
YouTubeの動画🎀APIリクエスト一覧表示🎀サンプル
作ってみたよぉ。
Vue CLI（v4.0.4） Vue.jsのaxiosでAPI通信🌏して、Firebase(FirebaseHosting) にデプロイ💡💡
ちゃんと動いたよぉ😍https://t.co/y7hw3zHRlI#Vue #vuejs #firebase pic.twitter.com/C5zCM6n78R

— non (@nonnonkapibara) October 20, 2019

YouTubeの動画検索を行うには、Googleアカウントで「YouTube Data API v3」のAPIキーを取得します。
Googleアカウントでログイン後、下記のAPIライブラリページを開きます
https://console.developers.google.com/apis/library

「YouTube Data API v3」を選択し、有効にします。

ライブラリの「作成」を選択する

新しいプロジェクトを作成する

プロジェクト名を入力して「作成」ボタンを押す

ダッシュボードが開く

ダッシュボードが開くので「認証情報を作成」ボタンを押す
https://console.developers.google.com/apis/dashboard

APIキーを選択する

APIキーができる。

キーを制限を選択する

APIの制限をかける

YuTubeのAPIの詳細は、下記に記載しています。

YouTubeData API
https://developers.google.com/youtube/v3/docs/search/list