質問: JavaScriptWeb開発パーフェクトマスターで勉強しています。 XAMPPとnotepad++を使用して、ブラウザはfirefox,googleを使っています。 参考書にある「Youtube Data APIから返された検索結果の一部」という表示画面を表示したいのですが、やり方がわかりません。 表示したい画面は「"kind":,"etag":,"nextPageToken:"...」を表示する下にあるような画面です。 > > 引用テキスト > > 「JavaScriptWeb開発パーフェクトマスター」 > > > 12.1.2キーワードに合致した動画を一覧で表示 Youtube Data APIでは、リクエストに検索キーワードを埋め込んで送信すると、検索結果をJSON形式のデータで返してきます。 "Youtube Data APIから返されるデータの構造を見てみましょう" JavaScriptでは、JSONP(JSON with Padding)と呼ばれる仕組みを利用して, JSON形式のデータをオブジェクトとして扱います。この辺りのことは実際にプログラムを作るところで見ていくことにして、ここでは、Youtube Data APIを利用して動画検索を行った場合に、どんなデータが返されるのかを見ていくことにしましょう。 JSON形式のデータはキーと値がペアになったハッシュ形式ですが、様々なデータを格納することから、階層構造になっています。 次は、この後で作成するプログラムを実行したときに返されたデータの一部です。 検索キーワードは「jQuery」です。数多くの検索結果が返されたのですが、ここでは1件目の主なデータを抜粋しました。 このようなページなのですが、どうしたら表示できるでしょうか。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/b1d642428357a4d122843e3076f770e4.png)
回答: 書籍がないので上記の続き等がわからないのであまり正確な回答はできません。 ただyoutube APIを利用するにあたりまずgoogleアカウントが必要となります。 その後、以下のサイトにもある様にAPIキーをプログラムに設定する必要があります。 具体的なjavascriptについては書籍に記載があるのではないでしょうか。 わからない場合は公式サイトにあるプログラム等も参考にすると解決の糸口となると思います。 公式のプログラムサンプル APIキーについて