【サポート終了】AngularJSで作るYouTube検索 (全6回)
このレッスンの最終更新日は 2013年2月21日 です（質問の受付は終了しました）。
AngularJSを使ってYouTube動画を検索する簡単なアプリを作ってみます。
このレッスンでは AngularJS 1.0.4 を使用しています。
-
#01 YouTube検索を作ってみよう (01:33)
- 完成版の確認
- 必要となる知識
- 必要となるツール
-
#02 必要なファイルを揃えよう (02:54)
- index.html
- myscript.js
-
#03 検索フォームを作ろう (02:43)
- 検索フォームの作成
- 検索ボタンの無効化
- 結果表示領域の作成
-
#04 表示・非表示を切り替えよう (02:07)
- ng-show
- ng-hide
-
#05 YouTubeのAPIを使ってみよう (02:55)
- YouTube API
-
#06 YouTube検索を完成させよう (02:32)
- 検索結果の表示
#01 YouTube検索を作ってみよう
#05 YouTubeのAPIを使ってみよう
2016年9月1日
補足情報 YouTube Data API v2 はサービスを終了しました
レッスン内にて使用している YouTube Data API v2 は 2015年4月20日にサービスを終了しています。現在は以下を参考に YouTube Data API v3 を使うようにしてください。
・API Reference | YouTube Data API (v3) | Google Developers
https://developers.google.com/youtube/v3/docs/?hl=ja
・API Reference | YouTube Data API (v3) | Google Developers
https://developers.google.com/youtube/v3/docs/?hl=ja
2013年2月21日
補足情報 YouTube APIの詳細について
YouTube APIの詳細は以下からご確認ください。
https://developers.google.com/youtube/2.0/developers_guide_protocol_api_query_parameters
https://developers.google.com/youtube/2.0/developers_guide_protocol_api_query_parameters
補足情報 AngularJSのレッスンについて
http://dotinstall.com/lessons/basic_angularjs