Google Developer Day 2011：訪れたセクション

今年、4階に上がると、彼はCrocus Expoのフロアプランが好きなように変わっていることに気付きました。 天井には、主催者が好むように壁が挿入されるランナーがいます。



登録時に3次元ビデオを視聴するための赤青メガネを発行すると、メインホールが開きます。 バッジにはスケジュールはありませんでしたが、それを見つけるためのバーコードだけがありました。



投稿は非常に長いことが判明したため、見出しを読んで関心のあるセクションについて詳しく調べることができます。



Android、html5、およびアクセラレーションの詳細を読む

カンファレンスオープニング

developers.google.com/go/storiesで紹介された入門セクション

1990年以来、インターネットとモバイルデバイスの私たちの生活への浸透を調査しました。 現在、毎日50万台以上のAndroidデバイスがアクティブ化されています。 世界には40億台以上の電話があり、そのうち1億5千万台がAndroidで実行されており、39社が製造しています。



2010年2月には、2011年1月に30万台、30万台が毎日6万台のデバイスがアクティベートされ、2011年12月には、毎日55万台のアクティベーションが予定されています。



20か月の運用期間中、Androidマーケットには10​​億を超えるアプリケーションのインストールがあり、2011年7月までにこの数は60億に達し、成長を続けています。 現在、Android市場には25万のアプリケーションが含まれています。



ボリュームと成長率は驚くべきものです。 これは良いことですが、このため、モバイルアプリケーションの要件は急速に増大しているため、より便利で、高速で、美しく、リソースへの要求も少なくなければなりません。



Androidマーケットで最も人気のある有料アプリケーションのデベロッパーは、Ropeゲームをカットしました。 最も人気のあるゲームがロシアで開発されたことは素晴らしいことです。



現在解決されているタスクの1つは、モバイルとWebの世界を1つに接続することです。 ユーザーは、プラットフォームを変更するときに違いを感じるべきではありません。 すべてのWebサイト（Webアプリケーション）には、モバイル環境でのプレゼンテーションが必要です。



現時点では、ユーザーの67％がHTML5をサポートするブラウザーを使用しています。特に喜ばしいことは、ロシアではこの数が84％に増えたことです。 したがって、HTML5の最新の機能を積極的に使用できます。



WebGlの能力を実証しました。 これらの技術を使用すると、canvasとjavascriptを使用して、非常に美しいグラフィックをWeb上に実装できます。 彼らは、ボールが置かれた水のプール、波、影、およびプールの回転が非常に美しく見えるアプリケーションを示しました。 そして、ビデオとフラッシュを使用せずにウェブ上でこれらすべてを行います。 GPUを使用したリアルタイムレンダリング。 また、cssアニメーションのデモ（Fluxスライダー）があり、2D小惑星ゲーム、音声認識がgoogle Translate（html5タグ-x-webkit-speech）でどのように実装されるかを見ました。



Javascriptコードを縮小から読み取り可能にフォーマットできるChromeの新しい組み込み機能が本当に気に入りました。 このボタンは、開発者ツールではプリティプリントと呼ばれ、中括弧のように見えます。



また、3Dでビデオを視聴できるWebMビデオ形式（/>）であるWeb Audio Apiについても説明しました。



その後、Google +に送信します。 最も重要なことは円です。 もちろん、すべての親relativeがそれを使用する場合は素晴らしいことです。特に、誰もが別の場所に住んでいる、または旅行している場合は、コミュニケーションを整理することは非常に素晴らしいことです。 モバイルデバイスと通常のコンピューターを使用してビデオ会議を開催することは非常に便利です。



Google+は90日前で、100以上の新しいチップを実装しています。 Google+プラットフォームはすでに積極的に使用されています。Google+は、アプリケーションを埋め込むことができるiframeをホストし、APIを提供します： developers.google.com/+



もちろん、彼らは検索、広告、サイトで使用される+1ボタンをバイパスしませんでした。 検索結果ページで、あなたの友人が見つけたサイトを推薦したのを見るのは非常に興味深いです

Androidの新機能と重要事項

developer.android.com



新しいバージョンの言及されたチップ：

• 3Dでビデオを撮影すると、ホストは部屋を撮影し、3Dメガネでは結果を画面で見ることができました
• このシステムは、携帯電話だけでなくさまざまなタブレットでうまく機能します
• 複数の領域を同時にスクロールする機能
• アクションバーはタブレットと携帯電話にあります

このシステムは以前のバージョンと非常に優れた互換性を備えており、タブレットやモバイルデバイスの開発が可能な限り便利になるように構築されています。



たとえば、モバイルアプリケーションが複数の画面を使用しており、その間で遷移を行う必要がある場合、タブレットの場合、これらの画面のレイアウトを変更でき、それらは近くに配置されます。 その結果、唯一の違いはビューを記述するxmlにあります。



アプリケーションでアドオンを購入できるようになったため、市場に戻る必要がなくなりました。 多くの外国のオペレーターは、モバイルアカウントから直接アプリケーションの支払いをサポートしています。クレジットカードを市場に添付する必要がないのは便利です。 もちろん、ロシアでは、この機会が現れたとしても、すぐにはありません。



さらにいくつかの利点：

• アプリケーションのハードウェアアクセラレーションを有効にする機能：<application android：hardwareAccelerate = "true">が、現時点では、このオプションが常に望ましい効果をもたらすとは限らないため、特定のアプリケーションでテストする必要があります。
• デバイスサイズに応じたプレゼンテーションの分離。 同時に、非常に高い解像度と小さな画面サイズでボタンが非常に小さくならないように、要素を画面の解像度に依存させることができます
• USBホスト
• オープンアクセサリーAPI
• 電話とタブレットに対応したAPI

オフラインHTML 5

アプリケーションで既に積極的に使用されている必要がある非常に興味深い強力なテクノロジー。



誰が、いつ、なぜオフラインアクセスが必要になるのでしょうか？

• 飛行機で、旅行で、砂漠で、水中で）
• 接続が悪い場合：トンネル内、地下鉄で
• より良いパフォーマンス
• クライアントアプリケーションを作成するための

キャッシュする内容と方法はマニフェストに記載されています。

キャッシュ：

指定されたURLは常にキャッシュされます

フォールバック：

オンライン版が利用できない場合は、キャッシュから取得します

ネットワーク：

*の場合、常にオンラインから取得され、以前のルールに含まれていないすべてのものは常にオンラインから取得されます

詳細： appcachefacts.info

• カスタムキャッシュを開発してテストするには便利です。
• HTTPキャッシュを無効にする
• マニフェストでバージョン番号を指定して、1桁を変更するとすべてのデータが新しく取得されるようにします。 さらに、データの更新は再ダウンロード時にのみ行われます。 つまり、マニフェストは最初のブートで更新され、データは2回目のブートで更新されます
• ログ、クロムでいくつかのイベントが記録されます

非構造化データはwebStoreに保存できるため、現在Cookieが使用されています。 パフォーマンスを改善するためだけに、webStoreを支持してCookieを拒否することをお勧めします。 IndexedDBおよびバイナリファイルを使用した構造化データ。



SessionStorageは、ユーザーがブラウザーを閉じるまで、現在のセッション内にデータを保存するために使用されます。 セッション間でデータを保存するには-localStorageには、メソッドsetItem（）、getItem（）、removeItem（）、clear（）があります。 JSON.stringify（）関数を使用して文字列に変換し、jsonデータを保存すると便利です。



トランザクションをサポートするIndexedDBは、構造化データの保存に使用されます。 ただし、このデータベースはChromeとFirefoxでのみサポートされています



バイナリファイルの保存は、ファイルシステムで発生します：windows.requestFileSystem（）



クライアント側でストレージを使用する場合、データをサーバーと同期するだけでなく、開いているウィンドウ間（SharedWorker）でも同期する必要があることに注意してください。



クロムでは、次のアドレスを使用して、リポジトリの現在の状態を表示できます。



chrome：// appcache-internals

chrome：// blob-internals

chrome：// quota-internals



さまざまなブラウザーでのこれらのテクノロジーのサポートについては、 caniuse.comおよびmobilehtml5.orgに アクセスしてください。



ここでマニフェストを試すことができます： appmator.appspot.com



これらのテクノロジーを使用したサンプルアプリケーション： springpadit.com



ローカルリポジトリを操作するためのライブラリ：

• ストレージポリフィル
• セッションストレージ
• 芝生

HTML5が先を行く

非常に興味深いレポートとプレゼンテーションです。Chromeで開いてみてください。 プレゼンテーションを書き換える意味はありませんが、簡単に言えば、新しい機能について説明しています。



アニメーションには、setTimeoutの代わりにrequestAnimationFrameがあります 。 主な違い：

• アニメーションは、現在表示されている場合にのみ再生されるため、余分なリソースが無駄になりません。
• ほとんどのモニターの周波数のように、毎秒60フレームの再生速度でも、表示する時間がないフレームを生成するための不必要な作業はありません。

Page Visibility API ：ページがいつ表示され、ユーザーが別のタブに切り替えたときがわかりました。 これにより、たとえば、ページがアクティブでないときにビデオを一時停止できます。 例： www.samdutton.com/pageVisibility



事前レンダリング ：事前にロードするだけでなく、レンダリングするページをブラウザに指示できます。 したがって、事前レンダリングページに移動すると、すぐに表示されます！ デモ： prerender-test.appspot.com



Navigator.onLine ：現在、インターネットに接続されているかどうかを確認できます。 特別なnavigator.onLineプロパティを使用し、オンラインイベントとオフラインイベントを利用して、ハンドラーをハングさせることができます。 例はプレゼンテーションにあります。



Web Intents ：既存のサービスの混乱を減らすため。 サービスは次のように機能します。サービスは特定のタイプのイベントのハンドラーとして登録され、アプリケーションはアクションを実行する意図を報告し、ユーザーは登録されたサービスからこのために使用したいものを選択します。 例： examples.webintents.org/intents/pick/index.html



カメラとマイクへのアクセス ：ビデオカメラとコンピューターのマイクへのアクセスが可能になりました。



フルスクリーンコンテンツ ：すべてのアイテムをフルスクリーンで表示できます。bleedinghtml5.appspot.com/ demos / fullscreen.html



WebRTC ：サードパーティのプラグインとフラッシュの助けを借りずに、ブラウザでリアルタイムのビデオとオーディオを使用します。 エコーキャンセレーション、ノイズリダクション、ゲイン制御ブラウザのすべての機能が引き継ぎます。 これにより、ビデオ会議、サイトでの直接の音声通話、新しいレベルのソーシャルネットワークの構築、オンラインプレゼンテーションの作成、オンライントレーニングなど、追加のプラグインを使用せずに多くの機会が開かれます。 詳細： www.webrtc.org



Web Audio API ：現在、音楽を再生するためのタグだけでなく、リアルタイムのオーディオ分析、低レベルの操作、さまざまなオーディオエフェクトも備えています。



しかし、悪い！ これらの多くはまだ実験モードであり、Chromeでのみ使用可能です。 これらの開発のステータス： chromestatus.com 。

良いニュースです！ クロームフレームを使用して、後方ブラウザーでhtml5を動作させることができます。

ウェブサイトを高速化する

サイトからの利益はその速度に比例します。 サイトが遅いほど、そこにとどまる人は少なくなります。 速度=収益。



Googleには、サイトを分析し、速度を評価し、速度を上げるための推奨事項を提供する優れたツールがあります： pagespeed.googlelabs.com



推奨事項には、クライアント側の静的キャッシュ用ヘッダーの追加、CSSスプライトの作成、CSSとJavaScript圧縮の組み合わせと有効化、JavaScript分析の延期などがあります。



複雑なプロジェクトの場合、特にnginx、apacheを使用しており、静的データを追加でキャッシュできる追加のフロントエンドサーバーがある場合は、これらのアクションはすべて手動で実行する方が優れていて信頼性が高くなります。



また、サイトを最適化するプロセスを自動化するために、Googleは、Apache mod_pagespeedのモジュールをリリースしました。これは、前述の推奨事項の多くを満たします。 1年の静的画像キャッシュ時間を設定することもできますが、それよりも前に変更された場合は、写真の名前にハッシュを追加して、画像を更新します。 したがって、大きなキャッシュ時間が同時に設定されますが、更新も追跡します。



Apacheモジュールに加えて、現在オンラインソリューションcode.google.com/speed/pssがテストされています。 Googleは、ユーザーがサイトにアクセスするためのフロントエンドサーバーを提供します。その結果、すべてのトラフィックはGoogleを通過し、最適化を実行し、静的データをキャッシュし、コンテンツの配信を高速化します。 そのサーバーは世界中にあります。



また、テストには非常に便利なサービスwww.webpagetest.orgがあり 、さまざまなブラウザを使用して世界のさまざまな地域のユーザーの観点からサイトの速度をテストできます。 さらに、サービスは初期読み込みだけでなく、以前にキャッシュされたデータを考慮した繰り返し読み込みもテストします。



今のところすべてです。 学び、加速し、創造します。 最後まで読んでくれたみんなに感謝します。

コメントや質問があれば喜んでお知らせします。