山椒は小粒でもピリリと辛い

2013/02/18

[予習するよ!] YouTube API Tech Talk・コードラボ

予習するよ!
2013/02/21に

YouTube API Tech Talk ・コードラボ
に行くことになったので予習。
英語の勉強も兼ねてる。
上記ブログの
https://docs.google.com/document/d/1QLF1Nrg8xBCOfZrC8yVICKi53OWwY4FPky7iZdk9NdI/pub を軽く見てみる!

■ Lesson 1: Base HTML

javascriptとかAPI使う前に基本的なHTML構造が必要だ!
それがこいつだ!

■ Lesson 2: Authentication with OAuth 2

Oauth2な認証をするよ!
http://io12-youtube-codelab.appspot.com/static/lesson2/index.html
をみてみると8行目に

<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=onJSClientLoad"></script>
という記述がある。
index.jsの方をみてみると

  
window.onJSClientLoad = function() {
    gapi.auth.init(function() {
      window.setTimeout(checkAuth, 1);
    });
  };
となっていて、checkAuthが走るようになっている。
認証の結果によってpre-auth要素とpost-auth要素を消したり表示したり。
認証が通っていない際には#login-linkにclick時に動作する

$('#login-link').click(function() {
        gapi.auth.authorize({
          client_id: OAUTH2_CLIENT_ID,
          scope: OAUTH2_SCOPES,
          immediate: false
        }, handleAuthResult);
      });
を加えている。

■補足
http://code.google.com/p/google-api-javascript-client/
グーグルによって書かれた、Google's RESTful APIsにアクセスするライブラリ!簡潔で効率がいいらしいよ!
Lesson2の下のほうに「(function() {})();」に関する
解説があります。グローバルな値や関数を抑制するための仕組み?
ですね。即時関数とか呼ばれてたりするのかしらん。

続く!