予習するよ!
2013/02/21に
YouTube API Tech Talk ・コードラボ
に行くことになったので予習。
英語の勉強も兼ねてる。
上記ブログの
https://docs.google.com/document/d/1QLF1Nrg8xBCOfZrC8yVICKi53OWwY4FPky7iZdk9NdI/pub を軽く見てみる!
それがこいつだ!
http://io12-youtube-codelab.appspot.com/static/lesson2/index.html
をみてみると8行目に
index.jsの方をみてみると
認証の結果によってpre-auth要素とpost-auth要素を消したり表示したり。
認証が通っていない際には#login-linkにclick時に動作する
■補足
http://code.google.com/p/google-api-javascript-client/
グーグルによって書かれた、Google's RESTful APIsにアクセスするライブラリ!簡潔で効率がいいらしいよ!
Lesson2の下のほうに「(function() {})();」に関する
解説があります。グローバルな値や関数を抑制するための仕組み?
ですね。即時関数とか呼ばれてたりするのかしらん。
続く!
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() {})();」に関する
解説があります。グローバルな値や関数を抑制するための仕組み?
ですね。即時関数とか呼ばれてたりするのかしらん。
続く!
0 件のコメント :
コメントを投稿