AngularJSで Youtube検索
これは、検索すると
Youtube の動画の縮小画像とタイトルがでるというもの
必要な知識は
AngularJS
使うツールは
chrome
vim
AgularJS については
http://dotinstall.com/lessons/basic_angularjs
を参照
まずは
#02 必要なファイルを揃えよう
http://dotinstall.com/lessons/youtube_search_angularjs/21702
を見ながら
index.html
myscript.js
を作成していく
最初に、あとで復習しやすくするため
mkdir angulajs-youtube
でディレクトリを作成して
この中で作っていく
まず、index.html の作成
ちょっと違うのは
angularjs を使うときには
1 | <html lang="ja" ng-app> |
というように
angularjs を使ったアプリの場合
ng-app をつけるようにするということ
そして、AngularJSを使うため
jQuery のときのようにライブラリを読み込むので
1 |
を追記する
そして、後で処理を記述した myscript.js を読み込みたいので
1 | <script src="myscript.js"></script> |
としておく
body 部分には
1 2 3 | <div ng-controller="mainCtrl"></div> |
を追記する
次に、myscript.js の作成
1 2 | var mainCtrl = function($scope, $http){} |
とする
$http は youtube API アクセスに使う