SlideShare una empresa de Scribd logo
1 de 53
中国GTUG
はぎのたかのぶ
   はぎのたかのぶ
       ハンドル:
       主な使用言語:Java、C#、ほか
       所属グループ:中国GTUG、OITEC

       フリーのシステムエンジニア
        ◦ 何でも屋




第11回中国GTUG勉強会                 1
   Google Developer Dayとは?
       Keynote
       Breakout Session
       全体を通しての感想




第11回中国GTUG勉強会                     2
   基本的に写真は一切ありません
       私の独断で興味を持った内容、印象に残った内容の
        みとなります




第11回中国GTUG勉強会                     3
第11回中国GTUG勉強会   4
   Google Developer Day は、Google のプラット
        フォームやサービスに関する技術情報を紹介するイ
        ベントです。
       http://www.google.com/intl/ja/events/devel
        operday/2011/tokyo/index.html




第11回中国GTUG勉強会                                        5
   Google Developer Day 2010 京都サテライト会場
        のスタッフとして参加
       ゆっくりそれぞれのセッションを聞いてみたかった
       「○○がもらえるかもしれない」という期待からではな
        い
       関東方面に打ち合わせに行く機会を作りたかった




第11回中国GTUG勉強会                                 6
   じっくり取り組む時間が殆どなし
       チャレンジクイズ以外は全問解答
       参加できればラッキーかな程度




第11回中国GTUG勉強会             7
第11回中国GTUG勉強会   8
第11回中国GTUG勉強会   9
   プロダクトマネージャ Brad Abrams氏
       デベロッパ アドボケイト Tim Bray氏
       シニアエンジニアリングマネージャ 及川卓也氏
       プロダクトマネージメントディレクター 徳生健太郎氏




第11回中国GTUG勉強会                       10
   詳細は割愛します!
       多くのGoogle API Expertの方も参加
       GTUGマネージャはほとんど参加していたのでは




第11回中国GTUG勉強会                       11
第11回中国GTUG勉強会   12
第11回中国GTUG勉強会   13
第11回中国GTUG勉強会   14
ウェブアプリが、Google クラウドが管理するユーザー
   データにアクセスするために OAuth 2.0 をどのように
   使用するかを説明します。また、OAuth 2.0 と OpenID
   Connect を使用した、追加パスワード不要のシームレ
   スなサイト認証についても説明します。実装の容易さ
   とユーザーエクスペリエンスは重要なトピックであり、
   Google Identity Toolkit と Account Chooser との関連
   についてもお話します。




第11回中国GTUG勉強会                                       15
   OAuth1.0→OAuth2.0
       OAuth2.0とOpenID Connectによる認証
       Google Identity Toolkit と Account Chooser




第11回中国GTUG勉強会                                       16
   Google APIs Consoleにて登録
       Google OAuth2.0
        url             https://accounts.google.com/o/oauth2/auth
        client_id       XXXXXXXX. apps.googleusercontent.com
        redirect_uri    認証後のリダイレクト先
        scope           https://www.google.com/m8/feeds/ など
        response_type   token

       取得したaccess_tokenを使用してアクセス
        ◦ Authorizationヘッダ、access_tokenパラメータ



第11回中国GTUG勉強会                                                       17
   アカウントの認証にGoogleを使用する
       OAuth2.0にaccess_tokenを取得
        scope          https://www.googleapis.com/auth/userinfo.e
                       mail
                       https://www.googleapis.com/auth/userinfo.p
                       rofile

       以下にアクセスして認証
        Endpoint       https://www.googleapis.com/oauth2/v1/user
                       info
        access_token   取得したaccess_token




第11回中国GTUG勉強会                                                       18
   認証に使用するアカウントを選ぶことが出来るウィ
        ジェット
        ◦ サンプル https://account-chooser.appspot.com/




第11回中国GTUG勉強会                                         19
第11回中国GTUG勉強会   20
第11回中国GTUG勉強会   21
ウェブ開発の初心者からベテランまで、ウェブ アプリ
   開発に役立つ Chrome デベロッパー ツールの最新
   機能をすべてご紹介します。デベロッパー ツールは、
   CSS スタイルのリアルタイム更新、差分の確認、リ
   モート デバッグ作業を実現しました。あらゆるものにブ
   レークポイントを設定し、ネットワークスタックを掘り下
   げて、性能の向上を見出します。




第11回中国GTUG勉強会                    22
   HTML/CSSの編集・更新、差分履歴、バージョン管理
       JavaScriptソースの整形
       FireBugのCommand line APIの使用可
       リモートデバッグ




第11回中国GTUG勉強会                          23
   スタールシートの変更
        をリアルタイムに反映
       定義を追加することも
        可能
       補完をしてくれる




第11回中国GTUG勉強会        24
第11回中国GTUG勉強会   25
   変更履歴が残る
       指定するバージョンに
        戻すことも可能




第11回中国GTUG勉強会        26
   FirebugのCommand
        line APIと互換性あり
       ほとんどのものが使え
        る




第11回中国GTUG勉強会             27
   別ウィンドウでデベロッパツールを操作可能
       chrome.exe --remote-debugging-port=XXXX
       http://localhost:XXXX




第11回中国GTUG勉強会                                     28
第11回中国GTUG勉強会   29
第11回中国GTUG勉強会   30
一世代前のウェブページの姿はもうそこにはありませ
   ん。昨今のウェブアプリでは、クライアントサイドの
   MVC JavaScript による開発が活発です。最先端のフ
   レームワークとテクニックを使用した最新ウェブ アプリ
   の構築方法のほか、HTML5 の活用により、ユーザー
   に喜んでもらえるレスポンスの高いユーザーインター
   フェースの開発方法をご紹介します。




第11回中国GTUG勉強会                        31
   相当大きな会場にもかかわらず立ち見が出るほどの
        大盛況
       今ここに居る方々ならよく聞いているような話




第11回中国GTUG勉強会                     32
第11回中国GTUG勉強会   33
ユーザーに完璧なオフライン体験を提供することは難
   しいです。本セッションでは、IndexDB、FileSystem、
   AppCache、WebSQL などの高度なオフライン機能や、
   オフラインでシームレスに動作するアプリケーションを
   構築できるオンラインイベントについてお話します。




第11回中国GTUG勉強会                          34
   オフラインの定義
       動的データの保存
       静的データの保存
       バイナリデータの保存
       データの同期
       (アプリのパフォーマンス向上)




第11回中国GTUG勉強会             35
   インターネットに繋がっていなくても起動できる
       インターネットに繋がっていなくても動く
       インターネットに繋がっていなくてもデータを保存でき
        る
       オンライン復帰時、クラウドとデータの矛盾が発生しな
        い




第11回中国GTUG勉強会                       36
   WebStrage(localStorage、sessionStorage)
        ◦   Cookieと同じような使い方
        ◦   シンプルなKey-Value型
        ◦   文字列のみ
        ◦   同期型
       IndexedDB、WebSQL(非推奨)
        ◦ Indexで検索
        ◦ オブジェクトを保存
        ◦ 非同期型




第11回中国GTUG勉強会                                    37
   AppCache
        ◦ Webアプリをまるごとキャッシュ




第11回中国GTUG勉強会                38
   File System API
        ◦ ファイルシステム上に保存
        ◦ 既存のファイルは扱えない
        ◦ 非同期型




第11回中国GTUG勉強会             39
   起動時にオンライン、オンラインモードで処理を分ける
       オフライン時はサーバーの機能を補完するモックを用
        意
       navigator.onLineで状況を確認




第11回中国GTUG勉強会                       40
第11回中国GTUG勉強会   41
第11回中国GTUG勉強会   42
本セッションでは、Google クラウド技術を組み合わせ
   て構築されたさまざまなアプリケーションをご紹介しま
   す。これらのアプリケーションを通じて、強力なクラウド
   アプリケーションを開発するために Google Storage、
   Prediction API、BigQuery、App Engine などのあら
   ゆる技術を統合する方法を説明します。




第11回中国GTUG勉強会                                 43
   時間のかかる処理をタスクで実行し、完了をPUSHで
        受けるというような話
       15分以上の時間を残して終了
       一番期待していたセッションであったが評価は★★




第11回中国GTUG勉強会                       44
第11回中国GTUG勉強会   45
   いわゆるライトニングトーク
       他人のスライドを流してしまうという大失態
       既に飲酒中の松尾さんも場繋ぎに参加
       15秒間隔で自動的に切り替わるというのはいいかも




第11回中国GTUG勉強会                      46
第11回中国GTUG勉強会   47
   基調講演までに会場案内、スケジュールの資料がも
        らえなかった
       昼食の大行列、食べる場所がない
       思ったほど興味をひかれる内容が多くなかった
       やっぱりNexusはもらえなかった
       Tシャツは希望するサイズがもらえない
        ◦ 今日のプレゼントにします!
       懇親会を逃した
        ◦ 帰ったホテルで一人懇親会
        ◦ 猛烈にコード書いてやった


第11回中国GTUG勉強会                     48
   とはいうものの、いい刺激になった
       今年前半ハマっていた認証絡みがクリアになった
       改めてスタッフの苦労が分かった




第11回中国GTUG勉強会                    49
   Google Developer Day 2011 Tokyo
        ◦ http://www.google.com/intl/ja/events/developerda
          y/2011/tokyo/
       Google Identity Toolkit
        ◦ http://code.google.com/intl/ja/apis/identitytoolkit
          /
       デベロッパーツールのティップス・アンド・トリックス
        CodeZineレポート
        ◦ http://codezine.jp/article/detail/6261
       Google Chrome デベロッパー ツール
        ◦ http://code.google.com/intl/ja/chrome/devtools
          /

第11回中国GTUG勉強会                                                   50
   HTML5のオフライン機能スライド
        ◦ http://gdd11-html5-
          offline.googlecode.com/git/japanese.html#1
       Firebug Command line API
        ◦ http://getfirebug.com/wiki/index.php/Command_L
          ine_API




第11回中国GTUG勉強会                                              51
20111203 gdd2011フィードバック 公開用

Más contenido relacionado

La actualidad más candente

ノンプログラマのGit入門
ノンプログラマのGit入門ノンプログラマのGit入門
ノンプログラマのGit入門Muyuu Fujita
 
GoによるiOSアプリの開発
GoによるiOSアプリの開発GoによるiOSアプリの開発
GoによるiOSアプリの開発Takuya Ueda
 
Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発Takuya Ueda
 
僕がAndroid開発する時にちょっと便利だと思うtips
僕がAndroid開発する時にちょっと便利だと思うtips僕がAndroid開発する時にちょっと便利だと思うtips
僕がAndroid開発する時にちょっと便利だと思うtipsMasataka Kono
 
【社内勉強会】弊社でGit!実案件での運用
【社内勉強会】弊社でGit!実案件での運用【社内勉強会】弊社でGit!実案件での運用
【社内勉強会】弊社でGit!実案件での運用Reimi Kuramochi Chiba
 
ホームディレクトリに埋もれた便利なコードをさがせ!
ホームディレクトリに埋もれた便利なコードをさがせ!ホームディレクトリに埋もれた便利なコードをさがせ!
ホームディレクトリに埋もれた便利なコードをさがせ!Yohei Fushii
 
20150425 DroidKaigi つかえるGradleプロジェクトの作り方
20150425 DroidKaigi つかえるGradleプロジェクトの作り方20150425 DroidKaigi つかえるGradleプロジェクトの作り方
20150425 DroidKaigi つかえるGradleプロジェクトの作り方Makoto Yamazaki
 
Gitはじめの一歩
Gitはじめの一歩Gitはじめの一歩
Gitはじめの一歩Ayana Yokota
 
Go一緒にいかが?
Go一緒にいかが?Go一緒にいかが?
Go一緒にいかが?Ryuji Iwata
 
Read Groovy Compile process(Groovy Benkyoukai 2013)
Read Groovy Compile process(Groovy Benkyoukai 2013)Read Groovy Compile process(Groovy Benkyoukai 2013)
Read Groovy Compile process(Groovy Benkyoukai 2013)Uehara Junji
 
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app works
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app worksアプリをエミュレートするアプリの登場とその危険性 / How multi-account app works
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app worksTakaki Hoshikawa
 
WindowsでGitを使う際のベストプラクティス
WindowsでGitを使う際のベストプラクティスWindowsでGitを使う際のベストプラクティス
WindowsでGitを使う際のベストプラクティスRyo Sumasu
 
ネットワークの切り替えを感知する方法
ネットワークの切り替えを感知する方法ネットワークの切り替えを感知する方法
ネットワークの切り替えを感知する方法Keisuke Yamaguchi
 
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code &  A clean dev env, working every ...Remote Development with Visual Studio Code &  A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...Hiroyuki Ohnaka
 
20120915 Pythonは本当にBlenderの役に立っているか?
20120915 Pythonは本当にBlenderの役に立っているか?20120915 Pythonは本当にBlenderの役に立っているか?
20120915 Pythonは本当にBlenderの役に立っているか?Tetsuo Mitsuda
 
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料mihararyosuke
 
Metahub for github
Metahub for githubMetahub for github
Metahub for githubSuguru Oho
 

La actualidad más candente (20)

ノンプログラマのGit入門
ノンプログラマのGit入門ノンプログラマのGit入門
ノンプログラマのGit入門
 
GoによるiOSアプリの開発
GoによるiOSアプリの開発GoによるiOSアプリの開発
GoによるiOSアプリの開発
 
Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発
 
僕がAndroid開発する時にちょっと便利だと思うtips
僕がAndroid開発する時にちょっと便利だと思うtips僕がAndroid開発する時にちょっと便利だと思うtips
僕がAndroid開発する時にちょっと便利だと思うtips
 
AndroidLint #DroidKaigi
AndroidLint #DroidKaigiAndroidLint #DroidKaigi
AndroidLint #DroidKaigi
 
【社内勉強会】弊社でGit!実案件での運用
【社内勉強会】弊社でGit!実案件での運用【社内勉強会】弊社でGit!実案件での運用
【社内勉強会】弊社でGit!実案件での運用
 
ホームディレクトリに埋もれた便利なコードをさがせ!
ホームディレクトリに埋もれた便利なコードをさがせ!ホームディレクトリに埋もれた便利なコードをさがせ!
ホームディレクトリに埋もれた便利なコードをさがせ!
 
20150425 DroidKaigi つかえるGradleプロジェクトの作り方
20150425 DroidKaigi つかえるGradleプロジェクトの作り方20150425 DroidKaigi つかえるGradleプロジェクトの作り方
20150425 DroidKaigi つかえるGradleプロジェクトの作り方
 
Gitはじめの一歩
Gitはじめの一歩Gitはじめの一歩
Gitはじめの一歩
 
Go一緒にいかが?
Go一緒にいかが?Go一緒にいかが?
Go一緒にいかが?
 
Read Groovy Compile process(Groovy Benkyoukai 2013)
Read Groovy Compile process(Groovy Benkyoukai 2013)Read Groovy Compile process(Groovy Benkyoukai 2013)
Read Groovy Compile process(Groovy Benkyoukai 2013)
 
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app works
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app worksアプリをエミュレートするアプリの登場とその危険性 / How multi-account app works
アプリをエミュレートするアプリの登場とその危険性 / How multi-account app works
 
WindowsでGitを使う際のベストプラクティス
WindowsでGitを使う際のベストプラクティスWindowsでGitを使う際のベストプラクティス
WindowsでGitを使う際のベストプラクティス
 
GoGoMakeDAST
GoGoMakeDASTGoGoMakeDAST
GoGoMakeDAST
 
ネットワークの切り替えを感知する方法
ネットワークの切り替えを感知する方法ネットワークの切り替えを感知する方法
ネットワークの切り替えを感知する方法
 
Yapc2012資料
Yapc2012資料Yapc2012資料
Yapc2012資料
 
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code &  A clean dev env, working every ...Remote Development with Visual Studio Code &  A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...
 
20120915 Pythonは本当にBlenderの役に立っているか?
20120915 Pythonは本当にBlenderの役に立っているか?20120915 Pythonは本当にBlenderの役に立っているか?
20120915 Pythonは本当にBlenderの役に立っているか?
 
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料
Git運用ダメ出し会 - ネクストスケープ 2014/05/27 パワーランチ資料
 
Metahub for github
Metahub for githubMetahub for github
Metahub for github
 

Destacado

Mziyanda Mbedla s Profile
Mziyanda Mbedla s ProfileMziyanda Mbedla s Profile
Mziyanda Mbedla s ProfileMziyanda Mbedla
 
Tomáš Korček - Kto som?
Tomáš Korček  - Kto som?Tomáš Korček  - Kto som?
Tomáš Korček - Kto som?Tomáš Korček
 
практ.заняття 1 теорія поля
практ.заняття 1 теорія поляпракт.заняття 1 теорія поля
практ.заняття 1 теорія поляCit Cit
 
ما هو التيمم ؟
ما هو التيمم ؟ما هو التيمم ؟
ما هو التيمم ؟sara alshiredah
 
التيمم
التيممالتيمم
التيممayed1397
 
Thinking outside the bubble: How to build a valuable B2B audience
Thinking outside the bubble: How to build a valuable B2B audienceThinking outside the bubble: How to build a valuable B2B audience
Thinking outside the bubble: How to build a valuable B2B audienceBrandwatch
 
استخدام سناب شات في التعليم
استخدام سناب شات في التعليماستخدام سناب شات في التعليم
استخدام سناب شات في التعليمattif alahtany
 
Ideas to Execution: (Mis)using Code for Prototypes
Ideas to Execution: (Mis)using Code for PrototypesIdeas to Execution: (Mis)using Code for Prototypes
Ideas to Execution: (Mis)using Code for PrototypesIntuit Inc.
 
استخدام سناب شات في التعليم
استخدام سناب شات في التعليماستخدام سناب شات في التعليم
استخدام سناب شات في التعليمattif alahtany
 
كتاب دليل المهارات الحياتية
كتاب دليل المهارات الحياتيةكتاب دليل المهارات الحياتية
كتاب دليل المهارات الحياتيةContinual Learning
 
The Automotive Industry Through the lens of social
The Automotive Industry Through the lens of socialThe Automotive Industry Through the lens of social
The Automotive Industry Through the lens of socialBrandwatch
 

Destacado (13)

Mziyanda Mbedla s Profile
Mziyanda Mbedla s ProfileMziyanda Mbedla s Profile
Mziyanda Mbedla s Profile
 
Hukum adat meeting II
Hukum adat meeting IIHukum adat meeting II
Hukum adat meeting II
 
Tomáš Korček - Kto som?
Tomáš Korček  - Kto som?Tomáš Korček  - Kto som?
Tomáš Korček - Kto som?
 
практ.заняття 1 теорія поля
практ.заняття 1 теорія поляпракт.заняття 1 теорія поля
практ.заняття 1 теорія поля
 
ما هو التيمم ؟
ما هو التيمم ؟ما هو التيمم ؟
ما هو التيمم ؟
 
التيمم
التيممالتيمم
التيمم
 
cv Rashid Tagelsir updated . -2016
cv Rashid Tagelsir   updated . -2016cv Rashid Tagelsir   updated . -2016
cv Rashid Tagelsir updated . -2016
 
Thinking outside the bubble: How to build a valuable B2B audience
Thinking outside the bubble: How to build a valuable B2B audienceThinking outside the bubble: How to build a valuable B2B audience
Thinking outside the bubble: How to build a valuable B2B audience
 
استخدام سناب شات في التعليم
استخدام سناب شات في التعليماستخدام سناب شات في التعليم
استخدام سناب شات في التعليم
 
Ideas to Execution: (Mis)using Code for Prototypes
Ideas to Execution: (Mis)using Code for PrototypesIdeas to Execution: (Mis)using Code for Prototypes
Ideas to Execution: (Mis)using Code for Prototypes
 
استخدام سناب شات في التعليم
استخدام سناب شات في التعليماستخدام سناب شات في التعليم
استخدام سناب شات في التعليم
 
كتاب دليل المهارات الحياتية
كتاب دليل المهارات الحياتيةكتاب دليل المهارات الحياتية
كتاب دليل المهارات الحياتية
 
The Automotive Industry Through the lens of social
The Automotive Industry Through the lens of socialThe Automotive Industry Through the lens of social
The Automotive Industry Through the lens of social
 

Similar a 20111203 gdd2011フィードバック 公開用

Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。
Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。
Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。Daisuke Nishino
 
Visual Studio App Centerで始めるCI/CD(iOS)
Visual Studio App Centerで始めるCI/CD(iOS)Visual Studio App Centerで始めるCI/CD(iOS)
Visual Studio App Centerで始めるCI/CD(iOS)Shinya Nakajima
 
groceryCRUDとtank_authで簡単に管理画面と認証機能を作る
groceryCRUDとtank_authで簡単に管理画面と認証機能を作るgroceryCRUDとtank_authで簡単に管理画面と認証機能を作る
groceryCRUDとtank_authで簡単に管理画面と認証機能を作るAkishige TAKEKOSHI
 
Google I/O 2021 Flutter 全体報告
Google I/O 2021 Flutter 全体報告Google I/O 2021 Flutter 全体報告
Google I/O 2021 Flutter 全体報告cch-robo
 
2021/03/19 パブリッククラウドを活かす運用プロセス自動化
2021/03/19 パブリッククラウドを活かす運用プロセス自動化2021/03/19 パブリッククラウドを活かす運用プロセス自動化
2021/03/19 パブリッククラウドを活かす運用プロセス自動化Issei Hiraoka
 
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオンHyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン健一 茂木
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法Naruto TAKAHASHI
 
はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入Yu Nobuoka
 
第49回HTML5勉強会 Google I/O 2014サマリー
第49回HTML5勉強会 Google I/O 2014サマリー第49回HTML5勉強会 Google I/O 2014サマリー
第49回HTML5勉強会 Google I/O 2014サマリーTakuya Oikawa
 
gcp ja night #27 Google Cloud Endpoints with Golang
gcp ja night #27 Google Cloud Endpoints with Golanggcp ja night #27 Google Cloud Endpoints with Golang
gcp ja night #27 Google Cloud Endpoints with Golang啓介 大橋
 
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Codeどっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio CodeTakashi Okawa
 
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~normalian
 
Chrome DevTools.next
Chrome DevTools.nextChrome DevTools.next
Chrome DevTools.nextyoshikawa_t
 
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発Yuta Matsumura
 
でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料Tomohiro Fujii
 
技術選択とアーキテクトの役割
技術選択とアーキテクトの役割技術選択とアーキテクトの役割
技術選択とアーキテクトの役割Toru Yamaguchi
 
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座DIVE INTO CODE Corp.
 

Similar a 20111203 gdd2011フィードバック 公開用 (20)

Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。
Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。
Open 棟梁 プロジェクトの、省力・省人・少人化による、コスト削減の全容。
 
Visual Studio App Centerで始めるCI/CD(iOS)
Visual Studio App Centerで始めるCI/CD(iOS)Visual Studio App Centerで始めるCI/CD(iOS)
Visual Studio App Centerで始めるCI/CD(iOS)
 
groceryCRUDとtank_authで簡単に管理画面と認証機能を作る
groceryCRUDとtank_authで簡単に管理画面と認証機能を作るgroceryCRUDとtank_authで簡単に管理画面と認証機能を作る
groceryCRUDとtank_authで簡単に管理画面と認証機能を作る
 
Google I/O 2021 Flutter 全体報告
Google I/O 2021 Flutter 全体報告Google I/O 2021 Flutter 全体報告
Google I/O 2021 Flutter 全体報告
 
【初心者向け】API を使ってクラウドの管理を自動化しよう
【初心者向け】API を使ってクラウドの管理を自動化しよう【初心者向け】API を使ってクラウドの管理を自動化しよう
【初心者向け】API を使ってクラウドの管理を自動化しよう
 
GDG Shikoku 2013
GDG Shikoku 2013GDG Shikoku 2013
GDG Shikoku 2013
 
2021/03/19 パブリッククラウドを活かす運用プロセス自動化
2021/03/19 パブリッククラウドを活かす運用プロセス自動化2021/03/19 パブリッククラウドを活かす運用プロセス自動化
2021/03/19 パブリッククラウドを活かす運用プロセス自動化
 
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオンHyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
 
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
 
はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入
 
第49回HTML5勉強会 Google I/O 2014サマリー
第49回HTML5勉強会 Google I/O 2014サマリー第49回HTML5勉強会 Google I/O 2014サマリー
第49回HTML5勉強会 Google I/O 2014サマリー
 
gcp ja night #27 Google Cloud Endpoints with Golang
gcp ja night #27 Google Cloud Endpoints with Golanggcp ja night #27 Google Cloud Endpoints with Golang
gcp ja night #27 Google Cloud Endpoints with Golang
 
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Codeどっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
 
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
 
Chrome DevTools.next
Chrome DevTools.nextChrome DevTools.next
Chrome DevTools.next
 
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
 
でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料
 
技術選択とアーキテクトの役割
技術選択とアーキテクトの役割技術選択とアーキテクトの役割
技術選択とアーキテクトの役割
 
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
 

Último

論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNetToru Tamaki
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムsugiuralab
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略Ryo Sasaki
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 

Último (9)

論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 

20111203 gdd2011フィードバック 公開用

  • 2. はぎのたかのぶ  ハンドル:  主な使用言語:Java、C#、ほか  所属グループ:中国GTUG、OITEC  フリーのシステムエンジニア ◦ 何でも屋 第11回中国GTUG勉強会 1
  • 3. Google Developer Dayとは?  Keynote  Breakout Session  全体を通しての感想 第11回中国GTUG勉強会 2
  • 4. 基本的に写真は一切ありません  私の独断で興味を持った内容、印象に残った内容の みとなります 第11回中国GTUG勉強会 3
  • 6. Google Developer Day は、Google のプラット フォームやサービスに関する技術情報を紹介するイ ベントです。  http://www.google.com/intl/ja/events/devel operday/2011/tokyo/index.html 第11回中国GTUG勉強会 5
  • 7. Google Developer Day 2010 京都サテライト会場 のスタッフとして参加  ゆっくりそれぞれのセッションを聞いてみたかった  「○○がもらえるかもしれない」という期待からではな い  関東方面に打ち合わせに行く機会を作りたかった 第11回中国GTUG勉強会 6
  • 8. じっくり取り組む時間が殆どなし  チャレンジクイズ以外は全問解答  参加できればラッキーかな程度 第11回中国GTUG勉強会 7
  • 11. プロダクトマネージャ Brad Abrams氏  デベロッパ アドボケイト Tim Bray氏  シニアエンジニアリングマネージャ 及川卓也氏  プロダクトマネージメントディレクター 徳生健太郎氏 第11回中国GTUG勉強会 10
  • 12. 詳細は割愛します!  多くのGoogle API Expertの方も参加  GTUGマネージャはほとんど参加していたのでは 第11回中国GTUG勉強会 11
  • 16. ウェブアプリが、Google クラウドが管理するユーザー データにアクセスするために OAuth 2.0 をどのように 使用するかを説明します。また、OAuth 2.0 と OpenID Connect を使用した、追加パスワード不要のシームレ スなサイト認証についても説明します。実装の容易さ とユーザーエクスペリエンスは重要なトピックであり、 Google Identity Toolkit と Account Chooser との関連 についてもお話します。 第11回中国GTUG勉強会 15
  • 17. OAuth1.0→OAuth2.0  OAuth2.0とOpenID Connectによる認証  Google Identity Toolkit と Account Chooser 第11回中国GTUG勉強会 16
  • 18. Google APIs Consoleにて登録  Google OAuth2.0 url https://accounts.google.com/o/oauth2/auth client_id XXXXXXXX. apps.googleusercontent.com redirect_uri 認証後のリダイレクト先 scope https://www.google.com/m8/feeds/ など response_type token  取得したaccess_tokenを使用してアクセス ◦ Authorizationヘッダ、access_tokenパラメータ 第11回中国GTUG勉強会 17
  • 19. アカウントの認証にGoogleを使用する  OAuth2.0にaccess_tokenを取得 scope https://www.googleapis.com/auth/userinfo.e mail https://www.googleapis.com/auth/userinfo.p rofile  以下にアクセスして認証 Endpoint https://www.googleapis.com/oauth2/v1/user info access_token 取得したaccess_token 第11回中国GTUG勉強会 18
  • 20. 認証に使用するアカウントを選ぶことが出来るウィ ジェット ◦ サンプル https://account-chooser.appspot.com/ 第11回中国GTUG勉強会 19
  • 23. ウェブ開発の初心者からベテランまで、ウェブ アプリ 開発に役立つ Chrome デベロッパー ツールの最新 機能をすべてご紹介します。デベロッパー ツールは、 CSS スタイルのリアルタイム更新、差分の確認、リ モート デバッグ作業を実現しました。あらゆるものにブ レークポイントを設定し、ネットワークスタックを掘り下 げて、性能の向上を見出します。 第11回中国GTUG勉強会 22
  • 24. HTML/CSSの編集・更新、差分履歴、バージョン管理  JavaScriptソースの整形  FireBugのCommand line APIの使用可  リモートデバッグ 第11回中国GTUG勉強会 23
  • 25. スタールシートの変更 をリアルタイムに反映  定義を追加することも 可能  補完をしてくれる 第11回中国GTUG勉強会 24
  • 27. 変更履歴が残る  指定するバージョンに 戻すことも可能 第11回中国GTUG勉強会 26
  • 28. FirebugのCommand line APIと互換性あり  ほとんどのものが使え る 第11回中国GTUG勉強会 27
  • 29. 別ウィンドウでデベロッパツールを操作可能  chrome.exe --remote-debugging-port=XXXX  http://localhost:XXXX 第11回中国GTUG勉強会 28
  • 32. 一世代前のウェブページの姿はもうそこにはありませ ん。昨今のウェブアプリでは、クライアントサイドの MVC JavaScript による開発が活発です。最先端のフ レームワークとテクニックを使用した最新ウェブ アプリ の構築方法のほか、HTML5 の活用により、ユーザー に喜んでもらえるレスポンスの高いユーザーインター フェースの開発方法をご紹介します。 第11回中国GTUG勉強会 31
  • 33. 相当大きな会場にもかかわらず立ち見が出るほどの 大盛況  今ここに居る方々ならよく聞いているような話 第11回中国GTUG勉強会 32
  • 35. ユーザーに完璧なオフライン体験を提供することは難 しいです。本セッションでは、IndexDB、FileSystem、 AppCache、WebSQL などの高度なオフライン機能や、 オフラインでシームレスに動作するアプリケーションを 構築できるオンラインイベントについてお話します。 第11回中国GTUG勉強会 34
  • 36. オフラインの定義  動的データの保存  静的データの保存  バイナリデータの保存  データの同期  (アプリのパフォーマンス向上) 第11回中国GTUG勉強会 35
  • 37. インターネットに繋がっていなくても起動できる  インターネットに繋がっていなくても動く  インターネットに繋がっていなくてもデータを保存でき る  オンライン復帰時、クラウドとデータの矛盾が発生しな い 第11回中国GTUG勉強会 36
  • 38. WebStrage(localStorage、sessionStorage) ◦ Cookieと同じような使い方 ◦ シンプルなKey-Value型 ◦ 文字列のみ ◦ 同期型  IndexedDB、WebSQL(非推奨) ◦ Indexで検索 ◦ オブジェクトを保存 ◦ 非同期型 第11回中国GTUG勉強会 37
  • 39. AppCache ◦ Webアプリをまるごとキャッシュ 第11回中国GTUG勉強会 38
  • 40. File System API ◦ ファイルシステム上に保存 ◦ 既存のファイルは扱えない ◦ 非同期型 第11回中国GTUG勉強会 39
  • 41. 起動時にオンライン、オンラインモードで処理を分ける  オフライン時はサーバーの機能を補完するモックを用 意  navigator.onLineで状況を確認 第11回中国GTUG勉強会 40
  • 44. 本セッションでは、Google クラウド技術を組み合わせ て構築されたさまざまなアプリケーションをご紹介しま す。これらのアプリケーションを通じて、強力なクラウド アプリケーションを開発するために Google Storage、 Prediction API、BigQuery、App Engine などのあら ゆる技術を統合する方法を説明します。 第11回中国GTUG勉強会 43
  • 45. 時間のかかる処理をタスクで実行し、完了をPUSHで 受けるというような話  15分以上の時間を残して終了  一番期待していたセッションであったが評価は★★ 第11回中国GTUG勉強会 44
  • 47. いわゆるライトニングトーク  他人のスライドを流してしまうという大失態  既に飲酒中の松尾さんも場繋ぎに参加  15秒間隔で自動的に切り替わるというのはいいかも 第11回中国GTUG勉強会 46
  • 49. 基調講演までに会場案内、スケジュールの資料がも らえなかった  昼食の大行列、食べる場所がない  思ったほど興味をひかれる内容が多くなかった  やっぱりNexusはもらえなかった  Tシャツは希望するサイズがもらえない ◦ 今日のプレゼントにします!  懇親会を逃した ◦ 帰ったホテルで一人懇親会 ◦ 猛烈にコード書いてやった 第11回中国GTUG勉強会 48
  • 50. とはいうものの、いい刺激になった  今年前半ハマっていた認証絡みがクリアになった  改めてスタッフの苦労が分かった 第11回中国GTUG勉強会 49
  • 51. Google Developer Day 2011 Tokyo ◦ http://www.google.com/intl/ja/events/developerda y/2011/tokyo/  Google Identity Toolkit ◦ http://code.google.com/intl/ja/apis/identitytoolkit /  デベロッパーツールのティップス・アンド・トリックス CodeZineレポート ◦ http://codezine.jp/article/detail/6261  Google Chrome デベロッパー ツール ◦ http://code.google.com/intl/ja/chrome/devtools / 第11回中国GTUG勉強会 50
  • 52. HTML5のオフライン機能スライド ◦ http://gdd11-html5- offline.googlecode.com/git/japanese.html#1  Firebug Command line API ◦ http://getfirebug.com/wiki/index.php/Command_L ine_API 第11回中国GTUG勉強会 51