<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://organizeseries.com/"
	>

<channel>
	<title>本間 咲来 &#8211; HTML5Experts.jp</title>
	<atom:link href="/sakkuru/feed/" rel="self" type="application/rss+xml" />
	<link>https://html5experts.jp</link>
	<description>日本に、もっとエキスパートを。</description>
	<lastBuildDate>Sat, 07 Jul 2018 03:14:05 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.7.19</generator>
	<item>
		<title>Google Assistant、Android N、Daydream、Firebase…Google I/O 基調講演で発表された最新機能を一挙紹介！</title>
		<link>/sakkuru/19832/</link>
		<pubDate>Wed, 06 Jul 2016 02:04:12 +0000</pubDate>
		<dc:creator><![CDATA[本間 咲来]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Firebase]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[I/0 2016]]></category>

		<guid isPermaLink="false">/?p=19832</guid>
		<description><![CDATA[2016年5月18～20日の3日間、Googleの本社ビルのすぐそばにあるショアライン・アンフィシアターでGoogle I/O 2016が開催されました。 例年5千名程の参加者から大幅に増えて、今年は実に約7千人の人々が...]]></description>
				<content:encoded><![CDATA[<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/1706738f-6ac5-6eb3-6ac1-58f6139496ea.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/1706738f-6ac5-6eb3-6ac1-58f6139496ea-640x480.jpeg" alt="1706738f-6ac5-6eb3-6ac1-58f6139496ea" width="640" height="480" class="alignnone size-large wp-image-19883" srcset="/wp-content/uploads/2016/06/1706738f-6ac5-6eb3-6ac1-58f6139496ea.jpeg 640w, /wp-content/uploads/2016/06/1706738f-6ac5-6eb3-6ac1-58f6139496ea-300x225.jpeg 300w, /wp-content/uploads/2016/06/1706738f-6ac5-6eb3-6ac1-58f6139496ea-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>2016年5月18～20日の3日間、Googleの本社ビルのすぐそばにあるショアライン・アンフィシアターでGoogle I/O 2016が開催されました。</p>

<p>例年5千名程の参加者から大幅に増えて、今年は実に約7千人の人々が参加していたようです。屋外イベント施設ということもあり、まるで野外フェスのような雰囲気でした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/ca24a108-32c6-a0a8-8ada-9b041e73fb51.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/ca24a108-32c6-a0a8-8ada-9b041e73fb51-640x215.jpeg" alt="ca24a108-32c6-a0a8-8ada-9b041e73fb51" width="640" height="215" class="alignnone size-large wp-image-19884" srcset="/wp-content/uploads/2016/06/ca24a108-32c6-a0a8-8ada-9b041e73fb51.jpeg 640w, /wp-content/uploads/2016/06/ca24a108-32c6-a0a8-8ada-9b041e73fb51-300x101.jpeg 300w, /wp-content/uploads/2016/06/ca24a108-32c6-a0a8-8ada-9b041e73fb51-207x70.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>本レポートではGoogle I/O最初のセッションである、基調講演の内容について紹介します。</p>

<h2>Google Assistant</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/4e8f5657-c3d5-2a6f-e88e-4697c0419a44.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/4e8f5657-c3d5-2a6f-e88e-4697c0419a44-640x480.jpeg" alt="4e8f5657-c3d5-2a6f-e88e-4697c0419a44" width="640" height="480" class="alignnone size-large wp-image-19880" srcset="/wp-content/uploads/2016/06/4e8f5657-c3d5-2a6f-e88e-4697c0419a44.jpeg 640w, /wp-content/uploads/2016/06/4e8f5657-c3d5-2a6f-e88e-4697c0419a44-300x225.jpeg 300w, /wp-content/uploads/2016/06/4e8f5657-c3d5-2a6f-e88e-4697c0419a44-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>まず最初にスンダー・ピチャイ氏に紹介されたのが、Google Assistantです。</p>

<p>Google Assistantは新しい対話型のボイスアシスタント機能です。Google製のアシスタント機能といえばGoogle Nowがありますが、これを進化させ、対話型のシステムとしたのがGoogle Assistantのようです。コンテキストを認識し、ユーザーが質問すると現在地や直近のクエリーなどに応じて、適切に答えを返します。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/IMG_6458.jpg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/IMG_6458-640x480.jpg" alt="IMG_6458" width="640" height="480" class="alignnone size-large wp-image-19908" srcset="/wp-content/uploads/2016/06/IMG_6458.jpg 640w, /wp-content/uploads/2016/06/IMG_6458-300x225.jpg 300w, /wp-content/uploads/2016/06/IMG_6458-207x155.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>例えば、有名な建築物の前で「これを設計したのは誰？」と質問すると、その場所の情報に応じて回答してくれます。</p>

<p>デモでは、ユーザーが「今夜やってる映画は？」と聞くと、Google Assistantは近くの映画館で上映しているタイトルをいくつか提示し、さらにユーザーが「子どもと一緒に行きたい」と言うと、子どもと一緒に鑑賞するのにふさわしいと思われる映画を提案していました。さらに「4枚チケットが必要ですか？」とGoogle Assistantが尋ねてくるので、ユーザが映画のタイトルや枚数を答えると、自動で予約し、チケットの情報を提示する、というデモが行われました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.07.57.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.07.57-640x437.png" alt="Screen Shot 2016-06-28 at 19.07.57" width="640" height="437" class="alignnone size-large wp-image-19903" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.07.57.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.07.57-300x205.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.07.57-207x141.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>このように、『提案をしてくれる』というのがGoogle Assistantの大きな特徴です。Google Assistantは基調講演の中で発表されたGoogle HomeやGoogle Alloなどの製品にも組み込まれるようです。</p>

<h2>Google Home</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/2e4a891d-0d45-9b7c-447a-7cff49acf55b.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/2e4a891d-0d45-9b7c-447a-7cff49acf55b-640x480.jpeg" alt="2e4a891d-0d45-9b7c-447a-7cff49acf55b" width="640" height="480" class="alignnone size-large wp-image-19879" srcset="/wp-content/uploads/2016/06/2e4a891d-0d45-9b7c-447a-7cff49acf55b.jpeg 640w, /wp-content/uploads/2016/06/2e4a891d-0d45-9b7c-447a-7cff49acf55b-300x225.jpeg 300w, /wp-content/uploads/2016/06/2e4a891d-0d45-9b7c-447a-7cff49acf55b-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>続いてGoogle Assistantの機能を組み込んだGoogle Homeという製品が紹介されました。</p>

<p>Google Assistantのボイスアシスタント機能の他にWifiスピーカーとしての機能もあり、クラウドから音楽のストリーミング再生もできるようです。プレイリストやアルバムへのアクセスもボイスコントロールでき、Google Castを通して、AndroidやiOSのデバイスから音楽を送信することもできるとのことでした。</p>

<p>Amazon Echoと似たような製品のようです。大きさは手のひらに乗るくらいの小さなデバイスでした。今年の後半から使えるようになるとのことです。</p>

<h2>Google Allo</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.44.37.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.44.37-640x364.png" alt="Screen Shot 2016-06-28 at 18.44.37" width="640" height="364" class="alignnone size-large wp-image-19894" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.44.37.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.44.37-300x171.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.44.37-207x118.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>次にAlloというモバイル用のメッセージングアプリが紹介されました。見た目はLineやFacebook messenger等と大差なく見えます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/c6e3abf4-b7ae-efbb-7e80-867811a417c5.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/c6e3abf4-b7ae-efbb-7e80-867811a417c5-640x480.jpeg" alt="c6e3abf4-b7ae-efbb-7e80-867811a417c5" width="640" height="480" class="alignnone size-large wp-image-19878" srcset="/wp-content/uploads/2016/06/c6e3abf4-b7ae-efbb-7e80-867811a417c5.jpeg 640w, /wp-content/uploads/2016/06/c6e3abf4-b7ae-efbb-7e80-867811a417c5-300x225.jpeg 300w, /wp-content/uploads/2016/06/c6e3abf4-b7ae-efbb-7e80-867811a417c5-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>文字や絵文字の大きさを自由に変えることができることが紹介されました。地味だが良い機能、ということで会場が少し盛り上がります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/47f7f868-86d2-5fa4-fb9f-1593fa2db0dd.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/47f7f868-86d2-5fa4-fb9f-1593fa2db0dd-640x480.jpeg" alt="47f7f868-86d2-5fa4-fb9f-1593fa2db0dd" width="640" height="480" class="alignnone size-large wp-image-19872" srcset="/wp-content/uploads/2016/06/47f7f868-86d2-5fa4-fb9f-1593fa2db0dd.jpeg 640w, /wp-content/uploads/2016/06/47f7f868-86d2-5fa4-fb9f-1593fa2db0dd-300x225.jpeg 300w, /wp-content/uploads/2016/06/47f7f868-86d2-5fa4-fb9f-1593fa2db0dd-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>しかし当然のことながら、ただのメッセージングアプリではありません。このAlloにはGoogle Assistantの機能が組み込まれており、なんとチャットのテキストや画像を解析して、返信用のテキストを複数提案してくれます。</p>

<p>例えば「Dinner later?」とチャットの相手が送ると、「I&#8217;m in!」「I&#8217;m busy」という返信用のメッセージが表示されます。ユーザは選んでクリックするだけでメッセージを送信することができます。</p>

<p>またチャット内の画像も解析されるので、誰かが犬の写真をアップロードすると、犬種も識別された上で、「Cude dog!」「Aww!」「Nice bernese mountain dog」といった返信メッセージが提示されます。</p>

<p>またGoogle Asisstantのbotががチャットの中に存在するようなかたちになっており、店のお店のサジェストや予約、検索等も対話形式でチャットの中で行うことができるようです。</p>

<p>さらにChromeのようにIncognito Modeが搭載されており、エンドツーエンドでの暗号化やNotificationの制御、メッセージの期限などを設定できるようになっているとのことです。</p>

<h2>Google Duo</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/3651367c-53da-41c7-08ff-33b848f3657e.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/3651367c-53da-41c7-08ff-33b848f3657e-640x480.jpeg" alt="3651367c-53da-41c7-08ff-33b848f3657e" width="640" height="480" class="alignnone size-large wp-image-19874" srcset="/wp-content/uploads/2016/06/3651367c-53da-41c7-08ff-33b848f3657e.jpeg 640w, /wp-content/uploads/2016/06/3651367c-53da-41c7-08ff-33b848f3657e-300x225.jpeg 300w, /wp-content/uploads/2016/06/3651367c-53da-41c7-08ff-33b848f3657e-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>続いてDuoというビデオチャットアプリの紹介です。</p>

<p>ビデオチャットを実現するアプリは数多く世に出ていますが、このDuoにはビデオコールをかけられた側は、応答する前にそのビデオストリームを見ることができるという特徴があるようです。この機能は『Knock Knock』と呼ばれているそうで、これにより着呼側は誰が、どんな状況でコールしてきたのかを知ることができます。</p>

<p>コール先は電話番号に紐づくとのことで、AppleのFaceTimeの競合として考えられそうです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/9cf474f9-02e2-7500-3c8d-b5b976175073.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/9cf474f9-02e2-7500-3c8d-b5b976175073-640x480.png" alt="9cf474f9-02e2-7500-3c8d-b5b976175073" width="640" height="480" class="alignnone size-large wp-image-19871" srcset="/wp-content/uploads/2016/06/9cf474f9-02e2-7500-3c8d-b5b976175073.png 640w, /wp-content/uploads/2016/06/9cf474f9-02e2-7500-3c8d-b5b976175073-300x225.png 300w, /wp-content/uploads/2016/06/9cf474f9-02e2-7500-3c8d-b5b976175073-207x155.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>DuoはWebRTCとQUICを使用したWebプロトコルベースのアプリと紹介されました。</p>

<p>AlloとDuoはAndroidとiOSで2016年夏頃リリースされる予定で、Android版では事前登録が開始されています。</p>

<ul>
<li><a href="https://play.google.com/store/apps/details?id=com.google.android.apps.fireball" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Google Allo</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.google.android.apps.tachyon" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Google Duo</a></li>
</ul>

<h2>Android N</h2>

<p>続いてAndroid Nについての発表が行われました。</p>

<p>GoogleがAndroidの開発を行うようになってから、10年が経過したようです。今やAndroidはスマートフォンだけではなく、Android Wear、Android TV、Android Autoなど、多くのプラットフォームが登場しています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/a34e8828-9bcd-5887-8f9f-649ee8b38bc2.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/a34e8828-9bcd-5887-8f9f-649ee8b38bc2-640x480.jpeg" alt="a34e8828-9bcd-5887-8f9f-649ee8b38bc2" width="640" height="480" class="alignnone size-large wp-image-19876" srcset="/wp-content/uploads/2016/06/a34e8828-9bcd-5887-8f9f-649ee8b38bc2.jpeg 640w, /wp-content/uploads/2016/06/a34e8828-9bcd-5887-8f9f-649ee8b38bc2-300x225.jpeg 300w, /wp-content/uploads/2016/06/a34e8828-9bcd-5887-8f9f-649ee8b38bc2-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Androidの最新バージョンであるAndroid Nは現在プレビュー版(6/28現在Developer Preview 4)が公開中です。<a href="https://www.android.com/intl/ja_jp/versions/name-n/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">こちら</a>で名前の募集も行われていましたが、現在は終了し近日中に公開されるようです。</p>

<p>Android Nでは、新しいOSのアップデートがあると、自動的にソフトウェアをバッググラウンドでダウンロードし、次回Androidの電源を入れた際にシームレスで新しいソフトウェアイメージに切り替わるようです。</p>

<p>またマルチウィンドウが正式に採用され、スマートフォンでYoutubeを見ながら他のタスクを行ったり、Android TVでは映像を見ながら検索などの他の作業を行うことができるようになります。</p>

<p>現在はAndroid NのDeveloper Preview 4がリリースされており、Nexus 6やNexus 5X等の一部の対応した機種であれば、Android Nを試用することができます。(<a href="http://android-developers.blogspot.jp/2016/06/android-n-apis-are-now-final.html" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Android Developers Blog</a>)</p>

<h2>Daydream</h2>

<p>続いてI/O開催前から噂が絶えなかったVRに関する発表です。
<a href="https://html5experts.jp/wp-content/uploads/2016/06/a7ac330c-c1bc-6d81-4051-6125b966045d.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/a7ac330c-c1bc-6d81-4051-6125b966045d-640x480.jpeg" alt="a7ac330c-c1bc-6d81-4051-6125b966045d" width="640" height="480" class="alignnone size-large wp-image-19875" srcset="/wp-content/uploads/2016/06/a7ac330c-c1bc-6d81-4051-6125b966045d.jpeg 640w, /wp-content/uploads/2016/06/a7ac330c-c1bc-6d81-4051-6125b966045d-300x225.jpeg 300w, /wp-content/uploads/2016/06/a7ac330c-c1bc-6d81-4051-6125b966045d-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Androidスマートフォンで高品質なVR体験を提供可能であるDaydreamというプラットフォームが発表されました。</p>

<p>どのようにAndroidスマートフォン上で、高品質なVR体験を可能にするのか、講演では3つの要素が挙げられていました。
まずはスマートフォン本体、次にヘッドセットコントローラのリファレンスデザイン、そしてアプリで、ぞれぞれが協調してエンドツーエンドのユーザ体験を提供するために設計されています。</p>

<p>ハイパフォーマンスセンサーやヘッドトラッキング、表示のレスポンスの速さなど、VR用に作られた仕様を満たしたスマートフォンは、Daydream-readyと呼ばれ、高いクオリティのVR体験を提供することができます。Daydream-readyなスマートフォンは、SamsungやAlcatel、Asusなどの企業から、2016年秋以降リリースされるようです。発表された中に日本の企業はありませんでした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/334aaad1-e834-a534-12b4-63c89e6ab9f9.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/334aaad1-e834-a534-12b4-63c89e6ab9f9-640x480.jpeg" alt="334aaad1-e834-a534-12b4-63c89e6ab9f9" width="640" height="480" class="alignnone size-large wp-image-19873" srcset="/wp-content/uploads/2016/06/334aaad1-e834-a534-12b4-63c89e6ab9f9.jpeg 640w, /wp-content/uploads/2016/06/334aaad1-e834-a534-12b4-63c89e6ab9f9-300x225.jpeg 300w, /wp-content/uploads/2016/06/334aaad1-e834-a534-12b4-63c89e6ab9f9-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>リファレンスデザインとして紹介されたヘッドセットとコントローラは非常にシンプルなものでした。コントローラはボタンは少なくクリッカブルなタッチパッドがついており、スクロールやスワイプができます。オリエンテーションセンサーも内蔵しており、ユーザがどこをポインティングしているかが分かります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.49.36.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.49.36-640x360.png" alt="Screen Shot 2016-06-28 at 18.49.36" width="640" height="360" class="alignnone size-large wp-image-19893" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.49.36.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.49.36-300x169.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-18.49.36-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>アプリに関しては、VR用のGoogle Playが開発されており、ユーザーがアプリを探し、購入、インストールがVR上で可能になることが発表されました。またGoogle Play MoviesやGoogle Mapsのストリートビュー、Google Photos、YouTubeもVR上で鑑賞できるようになります。</p>

<p>Daydreamが使えるようになるのは2016年秋になるとのことですが、Android NのDeveloper Previewを使用することでアプリなどの開発は今から行うことができます。</p>

<h2>Android Wear 2.0</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/18168a75-4f59-d2b0-b6fc-9f86caf03b6d.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/18168a75-4f59-d2b0-b6fc-9f86caf03b6d-640x480.jpeg" alt="18168a75-4f59-d2b0-b6fc-9f86caf03b6d" width="640" height="480" class="alignnone size-large wp-image-19890" srcset="/wp-content/uploads/2016/06/18168a75-4f59-d2b0-b6fc-9f86caf03b6d.jpeg 640w, /wp-content/uploads/2016/06/18168a75-4f59-d2b0-b6fc-9f86caf03b6d-300x225.jpeg 300w, /wp-content/uploads/2016/06/18168a75-4f59-d2b0-b6fc-9f86caf03b6d-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Android Wearは2年前のGoogle I/Oで初めて発表されましたが、今回は初めて大幅なアップデートとなるAndroid Wear 2.0が発表されました。</p>

<p>大きな変化としては、今までAndroid Wearのアプリがインターネットにアクセスするためには母艦となるAndroidやiOSスマートフォンが必要であったことに対し、Android Wear 2.0ではスタンドアロンで動作することが可能になることが挙げられます。アプリが直接BluetoothやWi-Fi、LTEなどを通してインターネットにアクセスできるようになり、ペアリングされたスマートフォンが電源を切っている場合でも、アプリは引き続きフル機能を提供できるようになります。</p>

<p>その他にもUIの刷新や、手書き入力の対応等も発表されました。</p>

<p>Android Wear 2.0はプレビュー版が<a href="https://developer.android.com/wear/preview/index.html" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">公開</a>されおり、秋には正式リリースとなるようです。</p>

<h2>Progressive Web AppsとAccelerated Mobile Pages</h2>

<p>基調講演も終盤に差しかかり、ここで初めて、わずかですがWebについての発表がありました。
モバイルデバイス上でWebをより快適にするための取り組みとして、Progressive Web AppsとAccelerated Mobile Pagesの2つの紹介です。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.42.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.42-640x351.png" alt="Screen Shot 2016-06-28 at 19.01.42" width="640" height="351" class="alignnone size-large wp-image-19900" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.42.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.42-300x165.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.42-207x114.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Progressive Web Apps、略してPWAppsは、オフライン状態でも動作可能、エンゲージメントを高めるための通知、ホームスクリーンにアイコンを登録、といったネイティブアプリのような振る舞いを実現したWebアプリのことを指します。ChromeにはServiceWorkerをはじめとする、Progressive Web Appsを実現するための仕組みが実装されています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.55.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.55-640x353.png" alt="Screen Shot 2016-06-28 at 19.01.55" width="640" height="353" class="alignnone size-large wp-image-19899" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.55.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.55-300x165.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.01.55-207x114.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Accelerated Mobile Pagesは、既存のWeb標準に基づいた非常に速いモバイルWebサイトを作るための、オープンソースのプロジェクトです。</p>

<p>特に新規発表はなく、基調講演内ではわずか1分程度の紹介でしたが、Google I/O全体では多くのPWAppsやAMPのセッションが行われていました。HTML5 Experts.jpでも<a href="https://html5experts.jp/komasshu/19704/" data-wpel-link="internal">Googleが新たに提唱するProgressive Web Appsの新たな開発パターン「PRPL」とは？</a>という記事を公開していますので、そちらをご覧ください。</p>

<h2>Android Studio</h2>

<p>Android Studio 2.2 Previewが公開されたと発表がありました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.03.28.png" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.03.28-640x358.png" alt="Screen Shot 2016-06-28 at 19.03.28" width="640" height="358" class="alignnone size-large wp-image-19898" srcset="/wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.03.28.png 640w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.03.28-300x168.png 300w, /wp-content/uploads/2016/06/Screen-Shot-2016-06-28-at-19.03.28-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>Android Studio 2.2では、ビルドが10倍、エミュレータも3倍速くなっているそうです。また、新しいレイアウトデザイナやAPKアナライザーが搭載されるとのことでした。</p>

<h2>Firebase</h2>

<p>続いてFirebaseの新バージョンが発表されました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/1f7e99f1-eb19-5576-3d64-48edebab815b.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/1f7e99f1-eb19-5576-3d64-48edebab815b-640x480.jpeg" alt="1f7e99f1-eb19-5576-3d64-48edebab815b" width="640" height="480" class="alignnone size-large wp-image-19889" srcset="/wp-content/uploads/2016/06/1f7e99f1-eb19-5576-3d64-48edebab815b.jpeg 640w, /wp-content/uploads/2016/06/1f7e99f1-eb19-5576-3d64-48edebab815b-300x225.jpeg 300w, /wp-content/uploads/2016/06/1f7e99f1-eb19-5576-3d64-48edebab815b-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>FirebaseはGoogleが2014年の10月に買収したBaaSサービスです。モバイルアプリに特化した分析ツールである、Firebase Analyticsが発表されました。ユーザがアプリ内で何をしているか、ユーザがどこからきたのかなど分析することが可能です。Android AnalyticsはAndroidでもiOSも扱うことができ、無制限に無料で使用することができると発表されました。</p>

<h2>Android Instant Apps</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2016/06/adcac44d-79e3-0921-0316-3e9bf50fc99e.jpeg" data-wpel-link="internal"><img src="/wp-content/uploads/2016/06/adcac44d-79e3-0921-0316-3e9bf50fc99e-640x480.jpeg" alt="adcac44d-79e3-0921-0316-3e9bf50fc99e" width="640" height="480" class="alignnone size-large wp-image-19868" srcset="/wp-content/uploads/2016/06/adcac44d-79e3-0921-0316-3e9bf50fc99e.jpeg 640w, /wp-content/uploads/2016/06/adcac44d-79e3-0921-0316-3e9bf50fc99e-300x225.jpeg 300w, /wp-content/uploads/2016/06/adcac44d-79e3-0921-0316-3e9bf50fc99e-207x155.jpeg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>今回の基調講演の後半で一際注目を集めたのがこのAndroid Instant Appsではないでしょうか。</p>

<p>Webアプリの場合、ユーザはリンクをクリックするだけでアプリを使用することができますが、Androidアプリはインストールを必要とするため、ユーザがそこで離脱してしまうことが多くあります。その課題を解決する一手となるのが今回発表されたAndroid Instant Appsのようです。</p>

<p>今回発表されたAndroid Instant Appsでは、AndroidアプリがWeb等のリンクからインストールレスで使えるようなるとのことです。</p>

<p>講演中のデモの中では、いくつかのAndroidアプリをURLから起動し、実際にアプリを使用できることが示されていました。
アプリの中の直近で必要になるモジュールだけをフェッチしているらしく、起動も素早く行われ、アプリを使用してからのインストールも非常にスムーズに行えるようです。</p>

<p>これにより、Androidアプリ開発者は、より多くのユーザにリーチできるようになります。AndroidアプリとWebとの親和性が高くなり、Androidアプリのユーザ体験が大きく変わる機能となるのではないでしょうか。</p>

<h2>おわりに</h2>

<p>今年はGoogleのAIの技術力を発揮した製品やサービスが多く発表されました。</p>

<p>基調講演内でWebやChromeに関する発表は非常に少なかったのですが、Google I/O全体では33ものモバイルWebに関するセッションが行われていました。</p>

<p>既に公開されている</p>

<ul>
<li><a href="https://html5experts.jp/ryoyakawai/19335/" data-wpel-link="internal">今、Webの最先端では何が起こっているのか？──最新機能目白押し！Google I/O 2016セッションレポート【前編】</a></li>
<li><a href="https://html5experts.jp/ryoyakawai/19461/" data-wpel-link="internal">Webの最先端では何が起こっているか、今Googleが取り組んでいることは？──Google I/O 2016セッションレポート【後編】</a></li>
<li><a href="https://html5experts.jp/komasshu/19704/" data-wpel-link="internal">Googleが新たに提唱するProgressive Web Appsの新たな開発パターン「PRPL」とは？</a></li>
</ul>

<p>以外にもセッションレポートを公開していく予定です。お楽しみに。</p>
]]></content:encoded>
			</item>
		<item>
		<title>SkyWay MultiPartyを使ってグループチャットを作ろう</title>
		<link>/sakkuru/16397/</link>
		<pubDate>Mon, 24 Aug 2015 00:00:21 +0000</pubDate>
		<dc:creator><![CDATA[本間 咲来]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[SkyWay]]></category>
		<category><![CDATA[WebRTC]]></category>
		<category><![CDATA[Webアプリ]]></category>

		<guid isPermaLink="false">/?p=16397</guid>
		<description><![CDATA[連載： WebRTCプラットフォーム ”SkyWay” 入門 (2)連載2回目の今回は、7月28日にリリースされたライブラリ、SkyWay MultiPartyのチュートリアルをお届けします。 SkyWay MultiP...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/skyway-tutorial/" class="series-314" title="WebRTCプラットフォーム ”SkyWay” 入門" data-wpel-link="internal">WebRTCプラットフォーム ”SkyWay” 入門</a> (2)</div><p>連載2回目の今回は、7月28日にリリースされたライブラリ、SkyWay MultiPartyのチュートリアルをお届けします。
SkyWay MultiPartyは、一言で言うと多人数によるビデオ・テキストチャットを『簡単に』作るためのライブラリです。</p>

<p>本ライブラリを使用することで、グループビデオチャットやテキストチャットを、
ほんの20行程度のJavaScriptコードで実装をすることができます。</p>

<p>サンプルコードを用意していますので、手元で実行しながら進めてみましょう。</p>

<h2>10行ビデオチャット</h2>

<p>以下のスクリーンショットをご覧ください。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/08/video-top.png" data-wpel-link="internal"><img src="/wp-content/uploads/2015/08/video-top-640x464.png" alt="videoチャットサンプル" width="640" height="464" class="alignnone size-large wp-image-16407" srcset="/wp-content/uploads/2015/08/video-top.png 640w, /wp-content/uploads/2015/08/video-top-300x218.png 300w, /wp-content/uploads/2015/08/video-top-207x150.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>まずはこのような複数人が参加できるビデオチャットシステムを、10行程度のJavaScriptコードで実装してみましょう。
サンプルコードを以下に記載します。</p>

<p></p><pre class="crayon-plain-tag">&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;script src="https://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://skyway.io/dist/0.3/peer.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://skyway.io/dist/multiparty.min.js"&gt;&lt;/script&gt;
  
  &lt;style&gt; video { width:200px; } &lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

  &lt;div id="streams"&gt;&lt;/div&gt;

&lt;script&gt;

  // MultiParty インスタンスを生成
  multiparty = new MultiParty( {
    "key": "********-****-****-****-************"  /* SkyWay keyを指定 */
  });

  multiparty.on('my_ms', function(video) {
    // 自分のvideoを表示
    var vNode = MultiParty.util.createVideoNode(video);
    $(vNode).appendTo("#streams");
  }).on('peer_ms', function(video) {
    // peerのvideoを表示
    var vNode = MultiParty.util.createVideoNode(video);
    $(vNode).appendTo("#streams");
  }).on('ms_close', function(peer_id) {
    // peerが切れたら、対象のvideoノードを削除する
    $("#"+peer_id).remove();
  });

  // サーバとpeerに接続
  multiparty.start()

&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre><p></p>

<p>早速動かしてみましょう。</p>

<p>上のコードを、<code>videochat.html</code>という名前で保存します。</p>

<p>19行目でSkyWayのAPIキーが必要となりますので、使用する際は<a href="http://nttcom.github.io/skyway/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">SkyWay</a>から開発者登録を行ってください。
本サンプルで使用するには、利用可能ドメインに『localhost』と書いて、APIキーを取得する必要があります。</p>

<p>PCにApacheやNginxなどのサーバがインストールされている場合は、そちらで動かしても問題ありませんが、
入っていない場合は、以下の様にPythonのコマンドでWebサーバを起動できます。</p>

<p></p><pre class="crayon-plain-tag">python -m SimpleHTTPServer</pre><p></p>

<p>localhostの8000番ポートでWebサーバが起動するので、Chrome、Firefox、Operaのいずれかのブラウザでアクセスしてみましょう。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/08/video1.png" data-wpel-link="internal"><img src="/wp-content/uploads/2015/08/video1-640x464.png" alt="videoチャットサンプル" width="640" height="464" class="alignnone size-large wp-image-16406" srcset="/wp-content/uploads/2015/08/video1.png 640w, /wp-content/uploads/2015/08/video1-300x218.png 300w, /wp-content/uploads/2015/08/video1-207x150.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>次に別のタブやブラウザで、もう2、3個同じページを開いてみます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/08/video-all.png" data-wpel-link="internal"><img src="/wp-content/uploads/2015/08/video-all-640x309.png" alt="複数人のグループvideoチャット" width="640" height="309" class="alignnone size-large wp-image-16404" srcset="/wp-content/uploads/2015/08/video-all.png 640w, /wp-content/uploads/2015/08/video-all-300x145.png 300w, /wp-content/uploads/2015/08/video-all-207x100.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>複数人参加のビデオチャットが実装できていることがわかります。</p>

<h2>ビデオチャットのコード</h2>

<p>それではコードを見てみましょう。</p>

<p>今回はjQueryを使用するので、4行目でjQueryを読み込んでいます。
(SkyWay MultiPartyを使用するのにjQueryが必須というわけではありません)
5行目と6行目で、SkyWayライブラリ(peer.min.js)とSkyWay MultiPartyライブラリ(multiparty.min.js)を読み込んでいます。
13行目で、ビデオを表示するためのdivを1つ用意しています。</p>

<p>18〜33行目がJavaScriptコードです。大きくMultiPartyオブジェクトの生成部分と、イベントハンドラ部分に分かれています。</p>

<p>SkyWay MultiPartyでは、最初にコンストラクタを呼ぶことで MultiPartyオブジェクトを生成します。引数にはAPIキーが必要となります。</p>

<p></p><pre class="crayon-plain-tag">// MultiParty インスタンスを生成
  multiparty = new MultiParty( {
    "key": "********-****-****-****-************"  /* SkyWay keyを指定 */
  });</pre><p></p>

<p>続くコードがmultipartyオブジェクトのイベントハンドラになります。</p>

<p></p><pre class="crayon-plain-tag">multiparty.on('my_ms', function(video) {
    // 自分のvideoを表示
    var vNode = MultiParty.util.createVideoNode(video);
    $(vNode).appendTo("#streams");

  }).on('peer_ms', function(video) {
    // peerのvideoを表示
    var vNode = MultiParty.util.createVideoNode(video);
    $(vNode).appendTo("#streams");

  }).on('ms_close', function(peer_id) {
    // peerが切れたら、対象のvideoノードを削除する
    $("#"+peer_id).remove();
  });</pre><p></p>

<p>SkyWay MultiPartyでは、</p>

<p></p><pre class="crayon-plain-tag">multiparty.on('イベント名', コールバック関数)</pre><p></p>

<p>の形式で、イベントハンドラを設定することができます。</p>

<p>サンプルでは3つのイベントに対し、ハンドラを定義していることがわかります。</p>

<p>1つ目が<code>'my_ms'</code>で、これは自分のメディアストリームの準備が整った際に発生するイベントです。メディアストリームとは取得した映像や音声を扱うためのオブジェクトで、例えばPCのカメラやマイクから取得した映像・音声がこれにあたります。
コールバックとして呼ばれる関数には、メディアストリームから生成したオブジェクトURLとidがオブジェクトとして渡されます。
ライブラリにはそのオブジェクトからvideoノードを生成するユーティリティが用意されていますので、それを使用しvideoノードを生成・表示しています。</p>

<p>2つ目は、<code>'peer_ms'</code>というイベントに対するコールバックで、これはチャットの相手(peer)のメディアストリームを取得する準備が整った際に発生するイベントです。
こちらも自分のメディアストリームと場合と同様、videoノードを生成・表示しています。</p>

<p>3つ目のイベントは<code>'ms_close'</code>で、peerのメディアストリームの切断を検知した際に発生します。
このコールバックでは、peerのvideoノードを削除する処理を書いています。</p>

<p>以上で、ビデオチャット機能を実装することができました。</p>

<h2>10行テキストチャット</h2>

<p>続いてテキストチャット機能も実装してみましょう。</p>

<p>まず、テキストの入力と表示を行うためのHTML要素を追加します。
以下のコードを『&lt;div id=&quot;streams&quot;&gt;&lt;/div&gt;』の下に追加してみましょう。</p>

<p></p><pre class="crayon-plain-tag">&lt;div&gt;
    &lt;form&gt;
      &lt;input type="text"&gt;&lt;button type="submit"&gt;send&lt;/button&gt;
    &lt;/form&gt;
    &lt;div id="message"&gt;&lt;/div&gt;
  &lt;/div&gt;</pre><p></p>

<p>次に、以下のJavaScriptコードを、『&lt;/script&gt;』の前に追加します。</p>

<p></p><pre class="crayon-plain-tag">//テキストを入力し、submitしたとき
  $("form").on("submit", function(ev) {

    //onsubmitのデフォルト動作（reload）を抑制
    ev.preventDefault();

    //テキストを取得
    var $input = $(this).find("input[type=text]"); 
    var data = $input.val();
    $input.val("");

    //テキストを表示
    $("#message").append(data + "&lt;br&gt;");

    //peerにメッセージを送信
    multiparty.send(data);

  });

  // peerからテキストメッセージを受信したとき
  multiparty.on('message', function(mesg) {
    $("#message").append(mesg.data + "&lt;br&gt;");
  });</pre><p></p>

<p>それでは先ほどのページをリロードしてみましょう。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/08/text11.png" data-wpel-link="internal"><img src="/wp-content/uploads/2015/08/text11-640x536.png" alt="textチャットサンプル" width="640" height="536" class="alignnone size-large wp-image-16416" srcset="/wp-content/uploads/2015/08/text11.png 640w, /wp-content/uploads/2015/08/text11-300x251.png 300w, /wp-content/uploads/2015/08/text11-207x173.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>入力フォームが追加されたことがわかります。
文字を入力し、エンターキーを押すと、そのテキストが表示されます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/08/text-all.png" data-wpel-link="internal"><img src="/wp-content/uploads/2015/08/text-all-640x382.png" alt="複数人のグループチャット" width="640" height="382" class="alignnone size-large wp-image-16403" srcset="/wp-content/uploads/2015/08/text-all.png 640w, /wp-content/uploads/2015/08/text-all-300x179.png 300w, /wp-content/uploads/2015/08/text-all-207x124.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>他のタブや、ブラウザから入力したテキストも表示できることが確認できます。</p>

<h2>テキストチャットのコード</h2>

<p>それではコードを見てみましょう。
テキストチャットのコードは、データを送信する際の処理と、データを受信する際の処理に分かれています。</p>

<p>以下のコードで、テキストが入力され、送信されるまでの処理を記述しています。</p>

<p></p><pre class="crayon-plain-tag">//テキストを入力し、submitしたとき
$("form").on("submit", function(ev) {

  //onsubmitのデフォルト動作（reload）を抑制
  ev.preventDefault();

  //テキストを取得
  var $input = $(this).find("input[type=text]"); 
  var data = $input.val();
  $input.val("");

  //テキストを表示
  $("#message").append(data + "&lt;br&gt;");

  //peerにメッセージを送信
  multiparty.send(data);

});</pre><p></p>

<p>multiparty.send()で、テキストをそのまま送信していることがわかります。</p>

<p>そして以下の部分で、メッセージを受信した際に発生するイベント<code>'message'</code>に対する、コールバックを設定しています。</p>

<p></p><pre class="crayon-plain-tag">// peerからテキストメッセージを受信したとき
multiparty.on('message', function(mesg) {
  $("#message").append(mesg.data + "&lt;br&gt;");
});</pre><p></p>

<p>簡易ではありますが、テキストチャットを実現することができました。</p>

<h3>おわりに</h3>

<p>今回は、SkyWay MultiPartyを使ったビデオ・テキストチャットの作り方をお届けしました。
少しのコードで簡単に実装できることがお分かりいただけたかと思います。</p>

<p>次回は、同じく7月28日にリリースされたSkyWay音声認識APIについてのチュートリアルをお届けいたします。</p>
]]></content:encoded>
		
		<series:name><![CDATA[WebRTCプラットフォーム ”SkyWay” 入門]]></series:name>
	</item>
		<item>
		<title>【Google I/O 2014】編集部が開催2日間を密着レポート</title>
		<link>/sakkuru/8481/</link>
		<pubDate>Fri, 25 Jul 2014 03:59:41 +0000</pubDate>
		<dc:creator><![CDATA[本間 咲来]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[Google I/O 2014]]></category>

		<guid isPermaLink="false">/?p=8481</guid>
		<description><![CDATA[連載： Google I/O 2014 特集 (3) 2014年6月25日～26日、サンフランシスコのモスコーニセンターでGoogle I/O 2014が開催されました。Google I/Oは2008年からGoogleが...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/google-io-2014-2/" class="series-191" title="Google I/O 2014 特集" data-wpel-link="internal">Google I/O 2014 特集</a> (3)</div><p><a href="https://html5experts.jp/wp-content/uploads/2014/07/122.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/122.jpg" alt="122" width="994" height="662" class="alignnone size-full wp-image-9032" srcset="/wp-content/uploads/2014/07/122.jpg 640w, /wp-content/uploads/2014/07/122-300x199.jpg 300w, /wp-content/uploads/2014/07/122-207x137.jpg 207w" sizes="(max-width: 994px) 100vw, 994px" /></a></p>

<p>2014年6月25日～26日、サンフランシスコのモスコーニセンターでGoogle I/O 2014が開催されました。Google I/Oは2008年からGoogleが年に一度開催しているイベントで、Googleの新規デバイスやソフトウェアの発表、Webやモバイルについての技術的な講演が行われ、毎回約5000~6000名のデベロッパーやデザイナーが参加します。</p>

<p>今年は2012年,2013年の3日間より一日短い日程での開催となりましたが、基調講演や小さなブースで行われるBox Talkを含めて200を越えるセッションが行われました。</p>

<p>本レポートではイベント前日から最終日まで、Google I/Oの様子＋αをかいつまんでお届けしたいと思います。</p>

<h2>いざ会場へ</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/2.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/2.png" alt="2" width="886" height="591" class="alignnone size-full wp-image-8501" srcset="/wp-content/uploads/2014/07/2.png 640w, /wp-content/uploads/2014/07/2-300x200.png 300w, /wp-content/uploads/2014/07/2-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>Google I/Oでは開催の前日より、参加証をもらうためのチェックインを会場で行うことができます。前日の午前中にサンフランシスコ入りした私も、ほかの日本人の方々と一緒に会場まで行ってきました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/1.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/1-300x226.png" alt="1" width="300" height="226" class="alignnone size-medium wp-image-8500" srcset="/wp-content/uploads/2014/07/1-300x226.png 300w, /wp-content/uploads/2014/07/1-207x155.png 207w, /wp-content/uploads/2014/07/1.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>とりあえず腹ごしらえ、ということで会場目の前のハンバーガー屋さんで遅めのお昼ご飯。同じお店にBidelmanを発見し、Google I/Oに来たことを実感します。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/125.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/125-1024x292.jpg" alt="125" width="1024" height="292" class="alignnone size-large wp-image-9039" srcset="/wp-content/uploads/2014/07/125-1024x292.jpg 1024w, /wp-content/uploads/2014/07/125-300x85.jpg 300w, /wp-content/uploads/2014/07/125-207x58.jpg 207w, /wp-content/uploads/2014/07/125.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>昼食後、会場へ向かいました。
14時からチェックイン開始ですが、すでに長蛇の列ができています。
イベント当日でもチェックインは可能ですが、基調講演やセッションなどの列にすぐに並べなくなってしまうため、前日に登録を行う人が多いようです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/4.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/4-300x225.png" alt="4" width="300" height="225" class="alignnone size-medium wp-image-8503" srcset="/wp-content/uploads/2014/07/4-300x225.png 300w, /wp-content/uploads/2014/07/4-207x155.png 207w, /wp-content/uploads/2014/07/4.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>20分ほどかかり、ようやく私の番となりました。ここではPhoto ID(パスポートなどの写真付きの証明書)が必要となります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/101.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/101-300x224.png" alt="101" width="300" height="224" class="alignnone size-medium wp-image-8540" srcset="/wp-content/uploads/2014/07/101-300x224.png 300w, /wp-content/uploads/2014/07/101-207x154.png 207w, /wp-content/uploads/2014/07/101.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>チェックインではGoogle I/O参加証のほかに、ボトル、Tシャツ、イベント初日の夜に行われるパーティ参加証を受け取りました。これで明日からこの会場に入場することができます。</p>

<h2>サンフランシスコ観光</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/5.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/5.png" alt="5" width="886" height="498" class="alignnone size-full wp-image-8505" srcset="/wp-content/uploads/2014/07/5.png 640w, /wp-content/uploads/2014/07/5-300x168.png 300w, /wp-content/uploads/2014/07/5-207x116.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>夜はI/O参加者の日本人の方々と晩ご飯を食べるため、ケーブルカーでフィッシャーマンズワーフに向かいました。</p>

<p>この時期のサンフランシスコは気温は15度程度、東京の3月くらいの寒さです。風が強いため、気温以上に寒く感じます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/9.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/9-300x198.png" alt="9" width="300" height="198" class="alignnone size-medium wp-image-8509" srcset="/wp-content/uploads/2014/07/9-300x198.png 300w, /wp-content/uploads/2014/07/9-207x137.png 207w, /wp-content/uploads/2014/07/9.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>サンフランシスコは海に面しているため、魚介類が豊富で美味しいです。くり抜いたパンを器にしたクラムチャウダーは、フィッシャーマンズワーフの名物になっています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/10.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/10.png" alt="10" width="884" height="664" class="alignnone size-full wp-image-8510" srcset="/wp-content/uploads/2014/07/10.png 640w, /wp-content/uploads/2014/07/10-300x225.png 300w, /wp-content/uploads/2014/07/10-207x155.png 207w" sizes="(max-width: 884px) 100vw, 884px" /></a></p>

<p>サンフランシスコの夜は遅くまで明るく、21時頃になりようやく暗くなってきます。奥に見えるのはアルカトラズ島です。</p>

<p>初日は明日からのイベントに備えて早めに寝ました。</p>

<h2>Google I/O開始！</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/11.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/11.png" alt="11" width="885" height="552" class="alignnone size-full wp-image-8511" srcset="/wp-content/uploads/2014/07/11.png 640w, /wp-content/uploads/2014/07/11-300x187.png 300w, /wp-content/uploads/2014/07/11-207x129.png 207w" sizes="(max-width: 885px) 100vw, 885px" /></a></p>

<p>Google I/Oの初日の最初に行われる基調講演は、例年いくつもの新規デバイスやソフトウェアなどが発表されるイベントの中で最も注目度の高いセッションとなっています。少しでも良い席で聴講しようと多くの参加者が開始数時間前から並ぶため、私たちが2時間前に着いたときには既に長い列ができていました。</p>

<p>列を少し抜けて、中の朝食会場を覗きに行きます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/13.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/13-300x161.png" alt="13" width="300" height="161" class="alignnone size-medium wp-image-8513" srcset="/wp-content/uploads/2014/07/13-300x161.png 300w, /wp-content/uploads/2014/07/13-207x110.png 207w, /wp-content/uploads/2014/07/13.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>外とうってかわって、中はそれほど混雑していません。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/14.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/14-280x300.png" alt="14" width="280" height="300" class="alignnone size-medium wp-image-8514" srcset="/wp-content/uploads/2014/07/14-280x300.png 280w, /wp-content/uploads/2014/07/14-193x207.png 193w, /wp-content/uploads/2014/07/14.png 597w" sizes="(max-width: 280px) 100vw, 280px" /></a></p>

<p>ジュースやコーヒー、マフィンなどが置かれていました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/15.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/15-300x225.png" alt="15" width="300" height="225" class="alignnone size-medium wp-image-8515" srcset="/wp-content/uploads/2014/07/15-300x225.png 300w, /wp-content/uploads/2014/07/15-207x155.png 207w, /wp-content/uploads/2014/07/15.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>暖を取るためコーヒーを手に、また列に戻りました。朝ご飯はお預けです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/12.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/12.png" alt="12" width="886" height="591" class="alignnone size-full wp-image-8512" srcset="/wp-content/uploads/2014/07/12.png 640w, /wp-content/uploads/2014/07/12-300x200.png 300w, /wp-content/uploads/2014/07/12-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>しかし、多くの参加者が外の列で待機することはGoogle側もよく分かっているようで、ワゴンでドーナツが配布されました。甘い！</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/126.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/126-300x199.jpg" alt="126" width="300" height="199" class="alignnone size-medium wp-image-9052" srcset="/wp-content/uploads/2014/07/126-300x199.jpg 300w, /wp-content/uploads/2014/07/126-1024x682.jpg 1024w, /wp-content/uploads/2014/07/126-207x137.jpg 207w, /wp-content/uploads/2014/07/126.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>8時半を廻り、ようやく列が動き出しました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/16.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/16-225x300.png" alt="16" width="225" height="300" class="alignnone size-medium wp-image-8516" srcset="/wp-content/uploads/2014/07/16-225x300.png 225w, /wp-content/uploads/2014/07/16-155x207.png 155w, /wp-content/uploads/2014/07/16.png 481w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>

<p>上へ上へ。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/17.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/17.png" alt="17" width="884" height="664" class="alignnone size-full wp-image-8542" srcset="/wp-content/uploads/2014/07/17.png 640w, /wp-content/uploads/2014/07/17-300x225.png 300w, /wp-content/uploads/2014/07/17-207x155.png 207w" sizes="(max-width: 884px) 100vw, 884px" /></a></p>

<p>なんとか会場の真ん中辺りの席をゲット！</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/102.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/102-300x199.png" alt="102" width="300" height="199" class="alignnone size-medium wp-image-8546" srcset="/wp-content/uploads/2014/07/102-300x199.png 300w, /wp-content/uploads/2014/07/102-207x137.png 207w, /wp-content/uploads/2014/07/102.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a href="https://html5experts.jp/wp-content/uploads/2014/07/19.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/19-300x199.png" alt="19" width="300" height="199" class="alignnone size-medium wp-image-8543" srcset="/wp-content/uploads/2014/07/19-300x199.png 300w, /wp-content/uploads/2014/07/19-207x137.png 207w, /wp-content/uploads/2014/07/19.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>ステージには、なにやらピ○ゴラ○イッチのようなギミックが置かれています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/105.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/105.jpg" alt="105" width="766" height="510" class="alignnone size-full wp-image-8564" srcset="/wp-content/uploads/2014/07/105.jpg 640w, /wp-content/uploads/2014/07/105-300x199.jpg 300w, /wp-content/uploads/2014/07/105-207x137.jpg 207w" sizes="(max-width: 766px) 100vw, 766px" /></a></p>

<p>9時過ぎ、ついに基調講演開始です！</p>

<p>HTML5Expers.jpでは基調講演のライブレポートを行っていました。講演の内容については、
<a href="https://html5experts.jp/iwase/7369/" title="【速報】Google I/O 2014 キーノート ライブレポート" target="_blank" data-wpel-link="external" rel="follow external noopener noreferrer">こちらの記事</a>をご覧ください。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/111.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/111.jpg" alt="111" width="994" height="662" class="alignnone size-full wp-image-9026" srcset="/wp-content/uploads/2014/07/111.jpg 640w, /wp-content/uploads/2014/07/111-300x199.jpg 300w, /wp-content/uploads/2014/07/111-207x137.jpg 207w" sizes="(max-width: 994px) 100vw, 994px" /></a></p>

<p>2時間半を超える今回の基調講演は、Material Design、Android L、スマートウォッチ、Android Auto、Android TV、そしてCardboardなど、盛りだくさんの内容でした！</p>

<p>基調講演のラストは『お土産』の発表。Google I/Oでは参加者全員に新規デバイスなどが配布されるのが恒例で、例年注目の的となっています。2012年はGalaxyNexusやNexus7、2013年はChromebook Pixelなどが配布されました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/127.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/127-1024x681.jpg" alt="127" width="1024" height="681" class="alignnone size-large wp-image-9056" srcset="/wp-content/uploads/2014/07/127-1024x681.jpg 1024w, /wp-content/uploads/2014/07/127-300x199.jpg 300w, /wp-content/uploads/2014/07/127-207x137.jpg 207w, /wp-content/uploads/2014/07/127.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>今年はさっき発表された「SUMSUNG Gear Live」「LG G Watch」のどちらかのスマートウォッチをもらえることに！さらに、Google I/Oでは受け取れませんが、夏に一般発売予定のMotorolaの「Moto 360」ももらえるみたいです！</p>

<p>会場は大歓声に包まれました。</p>

<h2>セッションや会場の様子など</h2>

<p>基調講演後の時間は平行して10以上のセッションが行われるので、その中から好きなセッションを聞きに行きます。また、ブース展示も面白い物が多く、それらを見て回ったり、電源タップが完備されたソファー席で休んだりもできます。</p>

<h3>セッション</h3>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/128.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/128-1024x681.jpg" alt="128" width="1024" height="681" class="alignnone size-large wp-image-9058" srcset="/wp-content/uploads/2014/07/128-1024x681.jpg 1024w, /wp-content/uploads/2014/07/128-300x199.jpg 300w, /wp-content/uploads/2014/07/128-207x137.jpg 207w, /wp-content/uploads/2014/07/128.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>Google I/O 2014ではAndroid, Polymer, Material Design, Google Play, Google Cloud Platform, Google Castなどなど、さまざまなセッションが行われていました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/131.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/131-1024x681.jpg" alt="131" width="1024" height="681" class="alignnone size-large wp-image-9065" srcset="/wp-content/uploads/2014/07/131-1024x681.jpg 1024w, /wp-content/uploads/2014/07/131-300x199.jpg 300w, /wp-content/uploads/2014/07/131-207x137.jpg 207w, /wp-content/uploads/2014/07/131.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>各セッションは2~300名は入る大きな会場で行われます。ちなみにどの会場も電源タップの周りの席からすぐに埋まるとのこと。</p>

<p>セッションの中には参加者だけにデバイス等を配布するものもあり、そういったセッションは噂を聞きつけた人で大混雑します。
今回私もとあるセッションで『何か』がもらえるという噂を入手。その部屋に行ってみました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/35.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/35-300x266.png" alt="35" width="300" height="266" class="alignnone size-medium wp-image-8522" srcset="/wp-content/uploads/2014/07/35-300x266.png 300w, /wp-content/uploads/2014/07/35-207x184.png 207w, /wp-content/uploads/2014/07/35.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>部屋の前には長い長い列ができています。</p>

<p>ずいぶん待った後で無事入場！</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/36.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/36.png" alt="36" width="554" height="262" class="alignnone size-full wp-image-8523" srcset="/wp-content/uploads/2014/07/36.png 554w, /wp-content/uploads/2014/07/36-300x141.png 300w, /wp-content/uploads/2014/07/36-207x97.png 207w" sizes="(max-width: 554px) 100vw, 554px" /></a></p>

<p>そう、基調講演で発表があったばかりの、Android TVのセッションです！</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/38.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/38-300x183.png" alt="38" width="300" height="183" class="alignnone size-medium wp-image-8524" srcset="/wp-content/uploads/2014/07/38-300x183.png 300w, /wp-content/uploads/2014/07/38-207x126.png 207w, /wp-content/uploads/2014/07/38.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>Android TVのシステムやUIについての講演の最後で、参加者だけにAndroid TV用のアプリ開発キット「ADT-1」を配布するとの発表が！
無事バウチャーを入手することができました。</p>

<p>聞きたいセッションが同じ時間に被ってしまっても、ほとんどのセッションはYouTubeで公開されるため、後から見ることができます。Google I/O 2014のビデオは<a href="https://www.google.com/events/io/io14videos" title="こちらで公開" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">こちらで公開</a>されています。</p>

<h3>Box Talk</h3>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/50.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/50.png" alt="50" width="884" height="664" class="alignnone size-full wp-image-8530" srcset="/wp-content/uploads/2014/07/50.png 640w, /wp-content/uploads/2014/07/50-300x225.png 300w, /wp-content/uploads/2014/07/50-207x155.png 207w" sizes="(max-width: 884px) 100vw, 884px" /></a></p>

<p>Box Talkは小さなブースで行われるセッションで、Android, Chrome, Cloud, Dartなどのジャンルごとに分かれています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/129.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/129-300x225.jpg" alt="129" width="300" height="225" class="alignnone size-medium wp-image-9067" srcset="/wp-content/uploads/2014/07/129-300x225.jpg 300w, /wp-content/uploads/2014/07/129-1024x768.jpg 1024w, /wp-content/uploads/2014/07/129-207x155.jpg 207w, /wp-content/uploads/2014/07/129.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>席は数人分しか用意されていませんが、人気のセッションは2~30名は見に来るので、早めに行かないと人だかりで見えないということも。
講演者と聴講者の距離がとても近いので、質問やディスカッションが盛んに行われていました。</p>

<h3>展示</h3>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/53.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/53.png" alt="53" width="886" height="590" class="alignnone size-full wp-image-8533" srcset="/wp-content/uploads/2014/07/53.png 640w, /wp-content/uploads/2014/07/53-300x199.png 300w, /wp-content/uploads/2014/07/53-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>会場の2,3階では、基調講演で発表があったデバイスや協賛企業の展示が行われています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/112.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/112-300x198.jpg" alt="112" width="300" height="198" class="alignnone size-medium wp-image-9025" srcset="/wp-content/uploads/2014/07/112-300x198.jpg 300w, /wp-content/uploads/2014/07/112-207x136.jpg 207w, /wp-content/uploads/2014/07/112.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a><a href="https://html5experts.jp/wp-content/uploads/2014/07/113.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/113-300x199.jpg" alt="113" width="300" height="199" class="alignnone size-medium wp-image-9024" srcset="/wp-content/uploads/2014/07/113-300x199.jpg 300w, /wp-content/uploads/2014/07/113-207x137.jpg 207w, /wp-content/uploads/2014/07/113.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>Android Wear。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/54.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/54-300x216.png" alt="54" width="300" height="216" class="alignnone size-medium wp-image-8534" srcset="/wp-content/uploads/2014/07/54-300x216.png 300w, /wp-content/uploads/2014/07/54-207x148.png 207w, /wp-content/uploads/2014/07/54.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>Chromecastを使ったクイズゲームの展示。
富士山の高さは何キアヌリーブス？</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/55.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/55-300x250.png" alt="55" width="300" height="250" class="alignnone size-medium wp-image-8535" srcset="/wp-content/uploads/2014/07/55-300x250.png 300w, /wp-content/uploads/2014/07/55-207x172.png 207w, /wp-content/uploads/2014/07/55.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>答えは2030.11キアヌリーブスだそうな。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/130.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/130-1024x681.jpg" alt="130" width="1024" height="681" class="alignnone size-large wp-image-9066" srcset="/wp-content/uploads/2014/07/130-1024x681.jpg 1024w, /wp-content/uploads/2014/07/130-300x199.jpg 300w, /wp-content/uploads/2014/07/130-207x137.jpg 207w, /wp-content/uploads/2014/07/130.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>Android Auto。実際の車に乗って操作すると、前方のスクリーンが流れて運転しているように見えます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/133.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/133-300x199.jpg" alt="133" width="300" height="199" class="alignnone size-medium wp-image-9063" srcset="/wp-content/uploads/2014/07/133-300x199.jpg 300w, /wp-content/uploads/2014/07/133-1024x681.jpg 1024w, /wp-content/uploads/2014/07/133-207x137.jpg 207w, /wp-content/uploads/2014/07/133.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a href="https://html5experts.jp/wp-content/uploads/2014/07/57.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/57-300x199.png" alt="57" width="300" height="199" class="alignnone size-medium wp-image-8537" srcset="/wp-content/uploads/2014/07/57-300x199.png 300w, /wp-content/uploads/2014/07/57-207x137.png 207w, /wp-content/uploads/2014/07/57.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>LEGOブロック。</p>

<h3>コミュニティラウンジ</h3>

<p>コミュニティラウンジはソファーやテーブルなどが置かれていて、各国のGoogleコミュニティが自由に集まり交流できるスペースです。</p>

<p>日本、ヨーロッパ、アフリカ、アメリカなど各国のコミュニティのミートアップの他に、women meetupや、first-timers meetup、Robotics meetupなどが行われていました。</p>

<h3>休憩スペース</h3>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/33.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/33.png" alt="33" width="886" height="664" class="alignnone size-full wp-image-8520" srcset="/wp-content/uploads/2014/07/33.png 640w, /wp-content/uploads/2014/07/33-300x224.png 300w, /wp-content/uploads/2014/07/33-207x154.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>会場では多くの参加者がソファーや床でPCを開いてくつろいでいました。ソファーには電源タップも用意されています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/138.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/138-300x225.jpg" alt="138" width="300" height="225" class="alignnone size-medium wp-image-9080" srcset="/wp-content/uploads/2014/07/138-300x225.jpg 300w, /wp-content/uploads/2014/07/138-1024x768.jpg 1024w, /wp-content/uploads/2014/07/138-207x155.jpg 207w, /wp-content/uploads/2014/07/138.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>新しいツールを試したり、手に入れたデバイスはすぐ触ってみたくなるので、こういうスペースはとてもありがたいですね。ソファー席の近くにはお菓子ブースもあり、腰を落ち着けるにはもってこいでした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/1041.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/1041-300x225.jpg" alt="104" width="300" height="225" class="alignnone size-medium wp-image-8569" srcset="/wp-content/uploads/2014/07/1041-300x225.jpg 300w, /wp-content/uploads/2014/07/1041-207x155.jpg 207w, /wp-content/uploads/2014/07/1041.jpg 510w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<h3>撮影</h3>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/34.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/34-300x225.png" alt="34" width="300" height="225" class="alignnone size-medium wp-image-8521" srcset="/wp-content/uploads/2014/07/34-300x225.png 300w, /wp-content/uploads/2014/07/34-207x155.png 207w, /wp-content/uploads/2014/07/34.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>会場のいたるところでテレビ局と思われる撮影が行われていました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/144.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/144-300x225.jpg" alt="144" width="300" height="225" class="alignnone size-medium wp-image-9100" srcset="/wp-content/uploads/2014/07/144-300x225.jpg 300w, /wp-content/uploads/2014/07/144-1024x768.jpg 1024w, /wp-content/uploads/2014/07/144-207x155.jpg 207w, /wp-content/uploads/2014/07/144.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<h2>貸し切りアフターパーティ</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/139.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/139-1024x681.jpg" alt="139" width="1024" height="681" class="alignnone size-large wp-image-9084" srcset="/wp-content/uploads/2014/07/139-1024x681.jpg 1024w, /wp-content/uploads/2014/07/139-300x199.jpg 300w, /wp-content/uploads/2014/07/139-207x137.jpg 207w, /wp-content/uploads/2014/07/139.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>Google I/O初日の夜は、参加者だけのパーティが開かれました。広い公園を貸し切り、中のお店や出店は全て無料！おまけにバンドの生演奏まで行われました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/39.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/39-225x300.png" alt="39" width="225" height="300" class="alignnone size-medium wp-image-8525" srcset="/wp-content/uploads/2014/07/39-225x300.png 225w, /wp-content/uploads/2014/07/39-155x207.png 155w, /wp-content/uploads/2014/07/39.png 480w" sizes="(max-width: 225px) 100vw, 225px" /></a>
<a href="https://html5experts.jp/wp-content/uploads/2014/07/40.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/40-225x300.png" alt="40" width="225" height="300" class="alignnone size-medium wp-image-8526" srcset="/wp-content/uploads/2014/07/40-225x300.png 225w, /wp-content/uploads/2014/07/40-155x207.png 155w, /wp-content/uploads/2014/07/40.png 480w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>

<p>公園のあちこちに出店が出ています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/137-e1406183081167.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/137-e1406183081167-300x286.jpg" alt="137" width="300" height="286" class="alignnone size-medium wp-image-9081" srcset="/wp-content/uploads/2014/07/137-e1406183081167-300x286.jpg 300w, /wp-content/uploads/2014/07/137-e1406183081167-1024x977.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>フィッシャーマンズワーフで食べそびれたクラムチャウダーも、ここで食べることができました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/42.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/42.png" alt="42" width="886" height="590" class="alignnone size-full wp-image-8528" srcset="/wp-content/uploads/2014/07/42.png 640w, /wp-content/uploads/2014/07/42-300x199.png 300w, /wp-content/uploads/2014/07/42-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>たくさんの出店や演奏、催し物で会場は大変賑やかでした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/43.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/43.png" alt="43" width="886" height="590" class="alignnone size-full wp-image-8529" srcset="/wp-content/uploads/2014/07/43.png 640w, /wp-content/uploads/2014/07/43-300x199.png 300w, /wp-content/uploads/2014/07/43-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>初日の夜はこうしてふけていきました。</p>

<h2>二日目、お土産入手</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/135.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/135-1024x681.jpg" alt="135" width="1024" height="681" class="alignnone size-large wp-image-9061" srcset="/wp-content/uploads/2014/07/135-1024x681.jpg 1024w, /wp-content/uploads/2014/07/135-300x199.jpg 300w, /wp-content/uploads/2014/07/135-207x137.jpg 207w, /wp-content/uploads/2014/07/135.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>2日目は朝からお土産を受け取ることができます。</p>

<p>「SAMSUNG Gear Live」か「LG G Watch」のどちらかの時計を選ばなければなりませんが、私の周りでは「LG G Watch」の方に若干軍配が上がっていました。しかし、脈拍を計測できるのは「Gear Live」だけ！少し悩んだ末に、「Gear Live」を受け取りました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/141.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/141-e1406184490719-279x300.jpg" alt="141" width="279" height="300" class="alignnone size-medium wp-image-9091" srcset="/wp-content/uploads/2014/07/141-e1406184490719-279x300.jpg 279w, /wp-content/uploads/2014/07/141-e1406184490719-953x1024.jpg 953w" sizes="(max-width: 279px) 100vw, 279px" /></a></p>

<p>ついでにAndroid TV用の開発キット、「ADT-1」もゲット。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/107.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/107-300x199.jpg" alt="107" width="300" height="199" class="alignnone size-medium wp-image-8571" srcset="/wp-content/uploads/2014/07/107-300x199.jpg 300w, /wp-content/uploads/2014/07/107-207x137.jpg 207w, /wp-content/uploads/2014/07/107.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<h2>Nippon meetup</h2>

<p>お昼頃に「Nippon meetup」が行われました。コミュニティラウンジに数十名の日本人が集まり、集合写真を撮影します。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/51.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/51-300x225.png" alt="51" width="300" height="225" class="alignnone size-medium wp-image-8531" srcset="/wp-content/uploads/2014/07/51-300x225.png 300w, /wp-content/uploads/2014/07/51-207x155.png 207w, /wp-content/uploads/2014/07/51.png 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>こんなに日本人が！これでも全員ではなく、Google I/Oには200人ほどの日本人が参加していたとか。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/142.gif" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/142.gif" alt="142" width="972" height="646" class="alignnone size-full wp-image-9092" /></a></p>

<p>このとき撮った写真がこちら。</p>

<h2>セッション・会場の様子</h2>

<p>午前中、なにやら人だかりができているエリアがありました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/1321.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/1321-1024x768.jpg" alt="132" width="1024" height="768" class="alignnone size-large wp-image-9087" srcset="/wp-content/uploads/2014/07/1321-1024x768.jpg 1024w, /wp-content/uploads/2014/07/1321-300x225.jpg 300w, /wp-content/uploads/2014/07/1321-207x155.jpg 207w, /wp-content/uploads/2014/07/1321.jpg 640w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

<p>近づいてみると、人々が見ているのはテレビ！ワールドカップの中継でした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/140.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/140-300x225.jpg" alt="140" width="300" height="225" class="alignnone size-medium wp-image-9089" srcset="/wp-content/uploads/2014/07/140-300x225.jpg 300w, /wp-content/uploads/2014/07/140-1024x768.jpg 1024w, /wp-content/uploads/2014/07/140-207x155.jpg 207w, /wp-content/uploads/2014/07/140.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

<p>ちょうどアメリカ対ドイツ戦が行われていたようです。</p>

<p>さて、午後は面白いセッションがあると聞いて、「Making music mobile with the Web」が行われている部屋に参加しました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/52.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/52.png" alt="52" width="884" height="582" class="alignnone size-full wp-image-8532" srcset="/wp-content/uploads/2014/07/52.png 640w, /wp-content/uploads/2014/07/52-300x197.png 300w, /wp-content/uploads/2014/07/52-207x136.png 207w" sizes="(max-width: 884px) 100vw, 884px" /></a></p>

<p>会場全員で歌っています！
歌っているのは「Theme for I/O」。そのときの録音が<a href="https://www.soundtrap.com/io2014" title="こちら" target="_blank" data-wpel-link="external" rel="follow external noopener noreferrer">こちら</a>。</p>

<p>このセッションではWebRTCやWeb Audioなどを使用して、演奏や歌のレコーディングやミックスを行うデモが中心でした。詳しくは後日公開される河合さんの記事をご覧ください。</p>

<h2>Google I/O終了</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/103.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/103.png" alt="103" width="886" height="590" class="alignnone size-full wp-image-8547" srcset="/wp-content/uploads/2014/07/103.png 640w, /wp-content/uploads/2014/07/103-300x199.png 300w, /wp-content/uploads/2014/07/103-207x137.png 207w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>

<p>午後5時。2014年のGoogle I/Oも、そろそろ終わりです。</p>

<p>2日間Google I/Oを満喫しましたが、思っていた通り、刺激や楽しさがいっぱい詰まったイベントでした。毎年セッションの様子はだいたいYouTubeで公開されていますが、いち早く新しいデバイスやソフトウェアに触れたり、同じ会場の参加者と盛り上がったり、開発者に直接質問をしたりなど、参加して初めて味わえることばかりでした。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/143.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/143.jpg" alt="143" width="1384" height="1038" class="alignnone size-full wp-image-9095" srcset="/wp-content/uploads/2014/07/143.jpg 640w, /wp-content/uploads/2014/07/143-300x225.jpg 300w, /wp-content/uploads/2014/07/143-1024x768.jpg 1024w, /wp-content/uploads/2014/07/143-207x155.jpg 207w" sizes="(max-width: 1384px) 100vw, 1384px" /></a></p>

<p>Google I/O 2014のセッションの動画は<a href="https://www.google.com/events/io/io14videos" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">こちら</a>から公開されています。</p>

<p>来年は是非みなさんと現地でお会いできるといいですね！</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/07/58.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/07/58-225x300.png" alt="58" width="225" height="300" class="alignnone size-medium wp-image-8538" srcset="/wp-content/uploads/2014/07/58-225x300.png 225w, /wp-content/uploads/2014/07/58-155x207.png 155w, /wp-content/uploads/2014/07/58.png 481w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>

<p>それでは！</p>

<p>（写真提供：矢倉眞隆、河合良哉、仲裕介）</p>
]]></content:encoded>
		
		<series:name><![CDATA[Google I/O 2014 特集]]></series:name>
	</item>
	</channel>
</rss>
