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 を使うときには
<html lang="ja" ng-app>
というように
angularjs を使ったアプリの場合
ng-app をつけるようにするということ
そして、AngularJSを使うため
jQuery のときのようにライブラリを読み込むので
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
を追記する
そして、後で処理を記述した myscript.js を読み込みたいので
<script src="myscript.js"></script>
としておく
body 部分には
<div ng-controller="mainCtrl"> </div>
を追記する
次に、myscript.js の作成
var mainCtrl = function($scope, $http){ }
とする
$http は youtube API アクセスに使う