<?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/"
	>

<channel>
	<title>Google I/O</title>
	<atom:link href="https://techgrowup.net/tag/google-i-o/feed/" rel="self" type="application/rss+xml" />
	<link>https://techgrowup.net</link>
	<description>エンジニアを強くする</description>
	<lastBuildDate>Sun, 30 May 2021 15:10:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://techgrowup.net/wp-content/uploads/2021/05/hp-icon-150x150.png</url>
	<title>Google I/O</title>
	<link>https://techgrowup.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Google I/O 2021 Firebase 最新情報まとめ</title>
		<link>https://techgrowup.net/google-io-2021-firebase/</link>
					<comments>https://techgrowup.net/google-io-2021-firebase/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[techgrowup]]></dc:creator>
		<pubDate>Fri, 21 May 2021 11:50:45 +0000</pubDate>
				<category><![CDATA[最新ITニュース]]></category>
		<category><![CDATA[Firebase]]></category>
		<category><![CDATA[Google I/O]]></category>
		<guid isPermaLink="false">https://techgrowup.net/?p=758</guid>

					<description><![CDATA[はじめに 　本記事ではGoogle IO 2021で公開された、Firebaseの最新情報について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。　また、Google I/OのK [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">はじめに</h1>



<p>　本記事ではGoogle IO 2021で公開された、Firebaseの最新情報について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。<br>　また、Google I/OのKeynoteのまとめも公開していますので、ぜひ見てみてください。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-【techgrowth】 wp-block-embed-【techgrowth】"><div class="wp-block-embed__wrapper">

<a target="_self" href="https://techgrowup.net/2021/05/19/google-io-2021-keynote/" title="ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://techgrowup.net/wp-content/uploads/2021/05/site-header-logo.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】</div><div class="blogcard-snippet external-blogcard-snippet">エンジニアを強くする</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://techgrowup.net/404/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">techgrowup.net</div></div></div></div></a>
</div></figure>



<p><br></p>



<p>　</p>



<p></p>



<h2 class="wp-block-heading">Firebase Emulator Suite </h2>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-1024x576.jpg" alt="" class="wp-image-767" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-emulator-suite.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Firebase Emulator Suiteは自分のローカルマシンで、Firebaseのバックエンド製品をデータに干渉せず、コストを掛けずにエミュレートすることが可能になるツールです。<br>　今回、<span class="marker-under">Firebase StorageもEmulator Suiteに加わった</span>ことで、バックエンド製品を全てカバーしたことになります。Stoage Emulatorを使用することで、アップロード、ダウンロードを本番環境と同じようにすることが可能になります。</p>



<p>　さらに<span class="marker-under">他のEmulatorとシームレスに連携することができるので、Firebase CloudFunctionsをトリガーにすることが可能</span>になっています。Firebase Emulatorを使用するには、Firebase CLIをダウンロードして、ローカルマシンで起動するだけで利用可能です。</p>



<h2 class="wp-block-heading">App DistributionでAndroid App Bundles(.aab)のサポート</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-1024x576.jpg" alt="" class="wp-image-775" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-support-aabjpg.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　App DistributionはiOS/Androidアプリを配布することができる機能で、事前に配布しておくことでユーザーの反応得ることが可能になります。今回、<span class="marker-under">App DistributionでAndroid App Bundles(.aab)のサポート</span>が発表されました。<br>　.aabファイルについては、以前の記事で解説していますので、ぜひ見てみてください。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-【techgrowth】 wp-block-embed-【techgrowth】"><div class="wp-block-embed__wrapper">

<a target="_self" href="https://techgrowup.net/2021/05/10/about-apk-aab-obb/#toc2" title="apk、aab、obbとは何か、何が違うの？　アプリ署名って何？" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://techgrowup.net/wp-content/uploads/2021/05/apk-aab-obb-icatch.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">apk、aab、obbとは何か、何が違うの？　アプリ署名って何？</div><div class="blogcard-snippet external-blogcard-snippet">Androidアプリ開発において重要なapk,aab,obbファイルの説明と、アプリの署名とはについて説明しています。Google Playで公開をする予定の方は必要な知識ですので、必ず覚えておきましょうk。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://techgrowup.net/about-apk-aab-obb/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">techgrowup.net</div></div></div></div></a>
</div></figure>



<p></p>



<p></p>



<h2 class="wp-block-heading">App Check</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-1024x576.jpg" alt="" class="wp-image-765" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-app-check.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　今回新しく発表されたサービスで、アプリに対してのセキュリティ機能で、<span class="marker-under">サービスへのアクセスを保護するための機能で、現在ベータ版としてリリース</span>されています。Google I/Oでは着信トラフィックがアプリから来ていることを、資格情報を通じてチェックすることで、不正なアクセスを保護できる事例が紹介されていました。</p>



<p></p>



<h2 class="wp-block-heading">Firebase Extensions</h2>



<p>　</p>



<h3 class="wp-block-heading">Analyze Toxicity with Perspective API</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-1024x576.jpg" alt="" class="wp-image-764" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-analyez-Toxicity.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　これは掲示板などを提供している場合に、<span class="marker-under">全てのコメントや提案に対して分析をすることができるツール</span>です。<span class="bold-red">機械学習を利用して、開発者がどのコメントや提案に注力すべきなのかを分析</span>してくれます。逆に意味のないアンチコメントや嫌がらせのようなコメントは、不必要なコメントとして定義されるようです。</p>



<p></p>



<h3 class="wp-block-heading">Search with Algolia</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-1024x576.jpg" alt="" class="wp-image-763" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-algolia.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　これは検索機能をより効率的に簡素化させるための機能で、<span class="marker-under">データベースにインデックスを付けることができ、アプリに検索機能と検出機能をより早く追加</span>できます。また、Cloud Firestoreのデータが更新された際に、自動でインデックスを更新する機能も付いています。</p>



<p></p>



<h3 class="wp-block-heading">Manage marketing with Mailchimp</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-1024x576.jpg" alt="" class="wp-image-769" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-malicimp.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Mailchimpとは、電子メールを用いたマーケティング技法であるメール広告サービスの自動化プラットフォームです。こちらを利用することで<span class="marker-under">パーソナライズされたメールを、個人情報なども含めて、顧客に送信することが可能</span>になります。(Send Messages with MessageBirdと連携が必要）</p>



<p></p>



<h3 class="wp-block-heading">Send Messages with MessageBird</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-1024x576.jpg" alt="" class="wp-image-770" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-messagebird.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　MessageBirdsでは<span class="marker-under">WhatsAppやTelegramなどのメッセージアプリと連携して、メールやチャットを送信できる機能</span>です。メッセージの内容はCloud Firestoreのコレクション似保存することができ、チャットの内容はMessageBirdsアカウント上のダッシュボードで確認することが可能です。</p>



<p></p>



<h2 class="wp-block-heading">Firebase Crashlytics</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-1024x576.jpg" alt="" class="wp-image-766" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-custom-search.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Crashlyticsはアプリのクラッシュを監視することができるサービスです。カスタムキーを利用することで独自のクラッシュを監視することができ、今回<span class="marker-under">カスタムキーの検索機能とフィルタリング機能が追加されました</span>。これを利用することで、全体のクラッシュ傾向などを確認できるとのことです。</p>



<p>　また、ゲームアプリにおいてのクラッシュについてもリリースがあり、<span class="marker-under">Crashlytics NDKおよび、Unity製品の改善</span>が図られたことで、クラッシュ時のトレースがより詳細に可視化され、GPU、DPI、解像度などのデータも追加されました。</p>



<p></p>



<h2 class="wp-block-heading">Firebase Performance Monitering</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-1024x576.jpg" alt="" class="wp-image-771" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-perfomance-dashboard.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　FIrebase Performance Moniteringはアプリのパフォーマンスを監視するためのサービスで、今回<span class="marker-under">ダッシュボードUX(ユーザーエクスペリエンス）の向上</span>が図られました。一元管理下されたダッシュボードで、ネットワーク速度、カスタムトレースなどを確認することで根本的な原因を突き止めやすくなります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-1024x576.jpg" alt="" class="wp-image-774" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-realtimedata.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><br>　また、さらに<span class="marker-under">パフォーマンスデータがリアルタイム(Real-time data)で</span>監視することが可能になり、リリース時、新機能の更新、試験時などにリアルタイムのデータを取得し、開発速度の向上を図ることが出来るようになりました。</p>



<p></p>



<h2 class="wp-block-heading">Firebase Remote Config</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-1024x576.jpg" alt="" class="wp-image-773" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-rc-dashboard.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Firebase Remote Configはアプリの構成や設定を細かく制御できる機能です。今回、R<span class="marker-under">emote ConfigのコンソールUX(ユーザーエクスペリエンス)を改善</span>し、パラメータをより詳細に見ることができ、各設定を変更しても安全かなどの指標を確認することが出来るようになりました。<br>　また、リリースフローの見直しを測り、Remote Config A/Bテストの実施後の結果表示が、より適切に整理・要約・視覚化されました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-1024x576.jpg" alt="" class="wp-image-772" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-firebase-personalization.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　そして、最後に<span class="marker-under">機械学習を利用してアプリのUXやパフォーマンスをパーソナライズ化</span>出来る機能をりりーすることを予定しているとのことです。<br></p>



<h2 class="wp-block-heading">最後に</h2>



<p>　２０２１年後半にはさらなるリリースが控えているとのことで、楽しみに待ちましょう！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://techgrowup.net/google-io-2021-firebase/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Flutter 2.2 正式リリース】 Google I/O 2021 最新情報まとめ</title>
		<link>https://techgrowup.net/google-io-2021-flutter/</link>
					<comments>https://techgrowup.net/google-io-2021-flutter/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[techgrowup]]></dc:creator>
		<pubDate>Thu, 20 May 2021 13:05:21 +0000</pubDate>
				<category><![CDATA[最新ITニュース]]></category>
		<category><![CDATA[Flutter]]></category>
		<category><![CDATA[Google I/O]]></category>
		<guid isPermaLink="false">https://techgrowup.net/?p=708</guid>

					<description><![CDATA[はじめに 　本記事ではGoogle IO 2021で公開された、Flutterの最新情報について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。　所々に筆者の感想も記載しています [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">はじめに</h1>



<p>　本記事ではGoogle IO 2021で公開された、Flutterの最新情報について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。<br>　<span class="marker-under">所々に筆者の感想も記載していますので、ぜひ見てください！</span><br>　<br>　ちなみにGoogle I/O 2021の１つ目のプログラムのKeynoteについては下記記事でまとめていますので、こちらも見てみてください。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-【techgrowth】 wp-block-embed-【techgrowth】"><div class="wp-block-embed__wrapper">

<a target="_self" href="https://techgrowup.net/2021/05/19/google-io-2021-keynote/" title="ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://techgrowup.net/wp-content/uploads/2021/05/site-header-logo.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】</div><div class="blogcard-snippet external-blogcard-snippet">エンジニアを強くする</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://techgrowup.net/404/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">techgrowup.net</div></div></div></div></a>
</div></figure>



<p></p>



<h2 class="wp-block-heading">Flutterについて</h2>



<h3 class="wp-block-heading">Flutter2の紹介</h3>



<p>　Flutterは現在Flutter2が安定版としてリリースされており、従来はモバイルプラットフォーム向けとして、iOS,Androidアプリが開発できるものでしたが、<span class="marker-under">Flutter2からはWebがサポート</span>されるようになり、ブラウザ用のアプリも開発できるようになっています。</p>



<p>　また、ベータ版としてDesktop向けも開発できるようになっており、Windows,MacOS,Linuxも既存のFlutterソースコードで開発・テストができるようになっていました。</p>



<p>　Flutterは<span class="marker-under">Dartという言語で書かれ、Null Safetyの仕様</span>のためバグを減らすことが可能になります。また、<span class="marker-under">アプリサイズの縮小化、実行速度の向上を図る事が可能</span>なものとなっています。</p>



<h3 class="wp-block-heading">Flutterの発展</h3>



<p>　Flutterコミュニティは急速なスピードで発展を遂げており、<span class="marker-under">現在Google Play上に20万を超えるアプリがリリース</span>されているそうです。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-1024x576.jpg" alt="Google IO Flutter Google Play Apps" class="wp-image-718" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-google-play.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p><br>　例えばスーパーアプリとして歯医者、支払い、食品配達、金融サービスを提供している、GrabというアプリでFlutterが導入され、GrabMarchant,GrabDriverのアプリエンジニアによると、<span class="marker-under-red">開発時間が3分の1</span>にまで短縮されているようです。</p>



<p><br>　続いて、BMWが開発している、MyBMWアプリとMINIアプリもFlutterで作られており、<span class="marker-under-red">総勢300名のFlutterエンジニア</span>がFlutter/Dartで開発をしており、世界最大級の開発チームとなっているとのことです。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-1024x576.jpg" alt="Google IO Flutter BMW app" class="wp-image-715" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-bmw.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p><br>　さらに最近ではWeChatもFlutterでの構築を進めているとのことで、WeChatのエンジニアによると<span class="marker-under-red">フレームレートの向上、メモリ使用量の向上を達成し、開発時間も25％ほど短縮</span>できているため、新規機能開発のスピードがあげられているとコメントしています。</p>



<div class="wp-block-cocoon-blocks-icon-box good-box common-icon-box block-box">
<p>Flutter使ってみたい！！！</p>
</div>



<h3 class="wp-block-heading">Flutter2.2</h3>



<p>　Flutterは数ヶ月前にFlutter2を発表してから、改善をし続け、今回<span class="bold-red">新しい安定版となるFlutter2.2をリリース</span>することを発表しました。Flutter2.2では品質と生産性の向上に重きをおいており、多くの新機能があるわけではありませんが、アプリを構築する時に強固な基盤（プラットフォーム）を提供するそうです。<br>　具体的には、パフォーマンスの改善、テストインフラの強化、型エイリアス機能の拡張、Null Safetyの拡張、デベロッパーツールの拡張です。</p>




<a rel="noopener" target="_blank" href="https://flutter.dev/" title="Flutter - Build apps for any screen" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://storage.googleapis.com/cms-storage-bucket/70760bf1e88b184bb1bc.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Flutter - Build apps for any screen</div><div class="blogcard-snippet external-blogcard-snippet">Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embed...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flutter.dev/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flutter.dev</div></div></div></div></a>



<p></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-1024x576.jpg" alt="Google IO Flutter 2.2" class="wp-image-714" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-2.2.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">インフラの改善</h2>



<p>　まずインフラ環境の改善ですが、半年で6000以上の問題を改善し、ビルドを安全に保てるようにプロセスを徹底的に見直したようです。またテスト対象のデバイスアーキテクチャを2倍にし、5つのオペレーティングシステム、4つのブラウザベンダーを対象にしたとのことです。また、<span class="marker-under">Googleのエンジニアリングチームでは30以上のチームで、Flutterコードを修正するときには数百万行ものコードをテスト</span>しています。<br>　</p>



<p>　これらの成果として、Google Payの最新バージョンでは起動時のメモリ使用量を削減したほか、全体的な<span class="marker-under">パフォーマンスの向上、データベース初期化にかかる時間、レンダリング速度の向上</span>に繋がったとのことです。Google Payチームが他チームと協力することによって、iOSを対象とする全てのGoogleアプリでは起動時の表示速度が3倍にもなっていると紹介されています。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-1024x576.jpg" alt="Google IO Google Pay enhancement" class="wp-image-722" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-pay.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<div class="wp-block-cocoon-blocks-icon-box memo-box common-icon-box block-box">
<p>Googleのエンジニアの規模の大きさが凄い！！</p>
</div>



<p><br></p>



<h2 class="wp-block-heading">Dartの改善</h2>



<p>　続いてDart言語の改善について、Flutter2.2に付随してDart2.1.3では型エイリアスを共通化し、関数と関数以外の両方を含むようにすることで、短くわかり易い名前を長く複雑な方にもつけることが出来るようになったとのこと。<br>　また、Null Safetyについては、Google Playの上位1000のアプリのうち80%がNull Safetyを導入しており、今回の<span class="marker-under-red"><span class="marker-under">Flutter2.2からはNull Safetyをデフォルト設定</span></span>にしました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-1024x576.jpg" alt="Google IO Flutter dartの改善" class="wp-image-713" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-dart.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Flutterの改善</h2>



<p>　Flutter自体はプラットフォームのサポートを継続的に改善していますが、Flutter Webでは再読み込み時のPWAのキャッシュ動作を最適化し、ドラッグなどのマウスイベントも改善してきたとのことです。事例として<span class="marker-under">SunnyPlaceというゲームでは従来のモバイルから、Web版が開発され、CanvasKit RendererとBonfireゲームエンジン</span>を利用することでFlutterで開発をしたそうです。<span class="bold-red">Flutterでゲーム</span>が作れるとは驚きですね。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-1024x576.jpg" alt="Google IO Flutter game" class="wp-image-716" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-game.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　またFlutterFlowという新しいプラットフォームを開発が進められています。FlutterFlowとはブラウザだけでアプリを構築できるツールで、所謂ローコードツールと言われる類のものになります。これを利用することで、より早くより少ないコードでアプリが作れるそうです。FlutterFlow自体は、Flutter webで開発がされており、Goolge I/Oの中では事例としてメトロポリタン美術館内のアプリが紹介されていました。機能としては作品の検索機能、作品の情報の確認、お気に入りなど一般的なアプリと遜色ないものでしたが、<span class="bold-red">FlutterFlowを使うことで1時間で開発</span>が出来たとのことです！！衝撃！！</p>




<a rel="noopener" target="_blank" href="https://flutterflow.io/" title="FlutterFlow - Build high quality, customized apps quickly!" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cdn.prod.website-files.com/66b33f0fd430d8b41d25ad4c/66e53a4df0ccaa6615d3de90_Social%20Share%20Image-min.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">FlutterFlow - Build high quality, customized apps quickly!</div><div class="blogcard-snippet external-blogcard-snippet">FlutterFlow lets you build high quality cross-platform apps incredibly fast. Build fully functional apps with Firebase i...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flutterflow.io/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flutterflow.io</div></div></div></div></a>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-1024x576.jpg" alt="Google IO Flutter Flow" class="wp-image-721" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-1024x576.jpg" alt="Google IO Flutter Flow app" class="wp-image-720" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutterflow-app.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>　また、Flutter2.2からはDesktop版アプリの開発も<span class="marker-under">従来のベータ版から安定版</span>に変更され、Windows,MacOS,Linuxのソフトウェアを作ることが可能になります。更に今後の新しいプラットフォームとしては、AppleのM1、マイクロソフトXboxのようなゲーム機での開発ができるように進めているようです。<br>　DesktopもFlutter2.2から安定版として設定変更で利用することができ、Windows,macOS,Linux.。今後新しいプラットフォームとしてApple M1とマイクロソフトゲームもできるようになる。</p>



<div class="wp-block-cocoon-blocks-icon-box question-box common-icon-box block-box">
<p>最終的にあらゆるアプリはFlutterで開発できるようになるのか！？</p>
</div>



<h2 class="wp-block-heading">デベロッパーツールの改善</h2>



<p>　最後にデベロッパーツールとしては、[Memory[タブに2種類の機能が開発され、メモリリークが発生した際のコードを確認できるツールや、メモリタイムラインにカスタムメッセージを挿入することで、アプリでマーカー機能を使うことが出来るようになっているようです。</p>



<p>　また、MaterialDesignチームと協力して、ガイドラインに拡充やアダプティブデザインの構築などにもサポートが入っています。<span class="marker-under">アプリのマネタイズ</span>としては広告を利用する際のプラグインとして、「Google Mobile Ads SDK for Flutter」がベータ版として利用できます。アップデート情報としては、「GMA SDK for Flutter」では<span class="marker-under">Null Safety、iOS GMA SDKの最新バージョンのサポート、アダプティブバナーが利用可能</span>になっています。<br>　※アダプティブバナーは次世代のレスポンシブな広告のことで、各デバイスの広告サイズを最適化することで、広告のパフォーマンスを最大化することが可能です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-1024x576.jpg" alt="Google IO Flutter GMA SDK" class="wp-image-717" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-flutter-gma.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><br>　決済機能についても更新があり、Flutter用の新しい支払プラグインがリリースされ、<span class="marker-under">1つのコードでAndroidではGoogle Pay、iOSではApple Payを利用することが出来る</span>ようにるものがリリースされました。今後決済プロバイダーやプラットフォームを拡充していくとのことです。　</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-1024x576.jpg" alt="Google IO Flutter Pay機能" class="wp-image-712" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-apple-google-pay.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　また、Apple StoreやGoogle Playでアプリ内で購入できるゲームアイテムや、仮想コインなどに対しては、以前はベータ版としてin-app-purchaseが使えましたが、今回本番用としてリリースすることが発表されました。具体的にはCodeLabなどで確認できるとのことです。</p>



<p></p>



<h2 class="wp-block-heading">まとめ</h2>



<p>　今回はGoogle I/Oで発表されたFlutter最新情報についてまとめてみました。Flutterは既に凄い勢いで使われ始めており、従来のクロスプラットフォームと違い、あらゆるデバイスでUI構築をすることを想定されていますので、今後のエンジニア業界もFlutterが出来る人材が求められるかもしれませんので、ぜひこれを機会に学んでみてはいかがでしょうか。</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://techgrowup.net/google-io-2021-flutter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google I/O 2021 Keynote(基調講演）まとめ</title>
		<link>https://techgrowup.net/google-io-2021-keynote/</link>
					<comments>https://techgrowup.net/google-io-2021-keynote/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[techgrowup]]></dc:creator>
		<pubDate>Wed, 19 May 2021 13:50:50 +0000</pubDate>
				<category><![CDATA[最新ITニュース]]></category>
		<category><![CDATA[Google I/O]]></category>
		<category><![CDATA[Keynote]]></category>
		<guid isPermaLink="false">https://techgrowup.net/?p=676</guid>

					<description><![CDATA[はじめに 　本記事ではGoogle IO 2021で公開された、Keynote(基調講演)について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。　また所々に筆者の感想も記載して [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">はじめに</h1>



<p>　本記事ではGoogle IO 2021で公開された、Keynote(基調講演)について、まとめた記事になります。本記事から若干変更されている可能性があることを、ご了承ください。<br>　また所々に<span class="marker-under">筆者の感想も記載していますので、見てください！</span></p>



<p></p>



<h2 class="wp-block-heading">LaMDA</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-1024x576.jpg" alt="Google IO lamda" class="wp-image-689" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-lamda.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>　LaMDAとは対話型のアプリケーションで、従来のチャットボットのような単に応答形式でやり取りが可能な音声ロボットではなく、Googleが収集してきた膨大な情報から、<span class="marker-under">実在する人と会話をしているような自然なコミュニケーションが出来るアプリケーション</span>と紹介されています。</p>



<p>　Google I/Oの中では、冥王星についてやり取りをする紹介がされており、LaMDAは質問者からの質問に対して、地形や惑星探査線など既に記憶している情報ではなく、概念を学び、学習したデータを合成して自然な会話を作り上げていました。　</p>



<p>　まだ、Google社内でしか利用されていないようですが、<span class="marker-under">将来的にGoogle Assistant、検索機能、Google Workspaces</span>などでの会話機能を想定しているとのことです。また、Googleでは昨今AIに関して言われている負の側面として、ロボットが差別や偏見を持ってしまうことも危惧しており、そうしたリスクを最小限にすることを最も優先して開発をしていく方針とのことでした。</p>



<div class="wp-block-cocoon-blocks-icon-box good-box common-icon-box block-box">
<p>Pepperの進化系のような、友達ロボットが出来るのかも！！</p>
</div>



<h2 class="wp-block-heading">Google Map</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-1024x576.jpg" alt="Google IO google map" class="wp-image-686" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-map.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Google Mapでは<span class="marker-under">従来のMapとしての機能だけでなく、周囲を探索できるような機能</span>が開発されています。例えば周囲のお店の情報を調べたり、レストランの混み具合、レビューや店内の写真など多くの情報をライブビューを通して見ることが出来るようになっています。</p>



<p>　また、ARを用いて主要なランドマークや、仮想の道路標識、複雑な交差点をナビゲーションすることが可能になり、目的地まで迷うず行けることができるようになります。さらに、大きな特徴として<span class="marker-under">空港や駅、ショッピングモールなどの室内や建物の中でさえもナビゲーション</span>をしてくれる屋内ライブビューという機能も付いているようです。さらにさらに、Google Mapで朝には美味しいパン屋さんや、夜にはディナーを提案してくれる機能も付いているとのことです。<br>　<span class="marker-under">来月には東京で利用可能</span>になり、年末までには50の都市で様々な情報がライブビューを通して調べることができるようになります。</p>



<div class="wp-block-cocoon-blocks-icon-box good-box common-icon-box block-box">
<p>Google Mapが執事さんになってくれそうです！</p>
</div>



<p></p>



<h2 class="wp-block-heading">Googel Shoping</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-1024x576.jpg" alt="Google IO google shopping" class="wp-image-688" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-shopping.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Google Shopingはあまり日本では馴染みがないかもしれませんが、Chromeブラウザでタブを開くだけでショッピングを楽しむことが出来、パーソナライズされたプロモーションや割引を提案してくれるそうです。<br>　また、購入した商品やカートに入れた商品は、ユーザーの同意無しでデータを送ったりはしないそうなので、<span class="marker-under">個人情報に配慮した設計</span>になっているようです。</p>



<h2 class="wp-block-heading">Google Photo</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-1024x576.jpg" alt="Google IO google photo" class="wp-image-687" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-google-photo.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Little Patternsという機械学習アルゴリズムが紹介されていました。これは数ある写真をインスタグラムのストーリーのように変換し、思い出を作成したり、似ている景色や物体をまとめてくれるツールになっているようです。また、<span class="marker-under">思い出を断片ではなくストーリーで見ることで、自分の歴史を旅</span>している感覚になれるとのことです。</p>



<p>　また、Cinematic Photosという機能も紹介されており、これはニューラルネットワークという機械学習で利用されるアルゴリズムを用いて、写真同士のフレームを保管することで映画のような動画を作成することが出来るような機能のようです。</p>



<div class="wp-block-cocoon-blocks-icon-box information-box common-icon-box block-box">
<p>Google Photoには現時点で4兆以上もの写真や動画が保存されているそう・・</p>
</div>



<h2 class="wp-block-heading">Android 12</h2>



<h3 class="wp-block-heading">Material You</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-1024x576.jpg" alt="Google IO material you" class="wp-image-690" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-material-you.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　これはAndroid 12から発表されたデザインの概念のことです。Material Youとはあなたのデザインを作るというような意味で、<span class="marker-under">あらゆるアプリ、ロック画面、通知画面、設定、などを画一的なデザイン</span>に変えてくれるものです。</p>



<p>　Android 12は今秋にリリースされる予定ですが、まずはPixelに適用され、Web、Chrome OS、ウェアラブルデバイスなどに応用され、最終的にGoogleのあらゆる製品に適用されるとのことです。</p>



<p>　Google I/Oの中では壁紙を例に取り上げており、壁紙に設定した家族の写真から色彩を取得し、ロック画面や通知画面、設定などが壁紙と同じようなデザインに変更され、自分だけのデバイスをデザインしてくれるような内容になっていました。<br>　また、通知画面ではデザインがAndroid 11から変更され、以前より簡単に返信をしたりすることが簡単になるとのことでした。</p>



<h3 class="wp-block-heading">プライバシー</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-1024x576.jpg" alt="Google IO プライバシー" class="wp-image-691" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-privacy.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Android 12ではプライバシーがより強化されるとのことで、<span class="marker-under">プライバシーダッシュボード</span>という機能が開発されました。これはどのアプリが、どんなタイプのデータを、いつアクセスしたかを一元化して見ることができ、このダッシュボードから権限（パーミッション）の管理を簡単に行うことが出来るようです。<br>　また、Androidのホーム画面などで画面の上からスワイプすると出てくる設定画面の中に、アプリの権限をワンタップでオフにすることが出来る機能も追加されています。</p>



<p><br></p>



<h3 class="wp-block-heading">Better Together</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-1024x576.jpg" alt="Google IO better together" class="wp-image-684" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-better-together.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Better Togetherは<span class="marker-under">スマートフォンと他の製品の連携をより強化したもの</span>になります。例えばスマートフォンの近くにChromebookが置かれていれば、<span class="marker-under">スマートフォンをワンタップすることでChromebookのロックを解除</span>できたり、Chrome OS搭載のPCからワンクリックで、スマートフォンの写真や動画にアクセスすることができるようになるそうです。その他にも連携することでたくさんの機能が使えるようになります。</p>



<p>　さらに、スマートフォンから車を操作することも可能になり、例えばリモートで友人に車を貸したい時に、<span class="marker-under">スマートフォンからリモートで車のロックを解除</span>できるようです。現時点ではPixelとSumsungのデバイスを想定しており、車はBMWで使えるようになるようです。</p>



<div class="wp-block-cocoon-blocks-icon-box comment-box common-icon-box block-box">
<p>エレベーターもスマホで呼べるようにならないかな</p>
</div>



<h3 class="wp-block-heading"><strong>Racial bias in computeational photography</strong></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-1024x576.jpg" alt="Google IOホワイトバランス" class="wp-image-685" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-bias.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　最後に昨今のジェンダーの議論や人種などに関して、肌の色等にか関わらず、その人にあった素敵な写真を取ることが出来るように、ホワイトバランスを自動で調整するようなソリューションも紹介されていました。</p>



<h2 class="wp-block-heading">SmartWatch &amp; Wear OS</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-1024x576.jpg" alt="Google IO wearable" class="wp-image-695" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-wearable.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　<span class="marker-under">Googleは次の革新的な製品として、ウェアラブル端末</span>を考えているようです。現在サムスンと共同して開発を行い、バッテリーの寿命、パフォーマンスの改善を積極的に取り組み、スマートウォッチのGoogleアプリの最適化/アップデートを予定しているとのことです。<br>　また、Fitbitと共同して、健康・医療業界にも取り組んでいきたいとのことでした。</p>



<div class="wp-block-cocoon-blocks-icon-box question-box common-icon-box block-box">
<p>スマホを持ち歩くのではなく、時計1つで良い世界が来るかも</p>
</div>



<h2 class="wp-block-heading">Project Starline</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-1024x576.jpg" alt="Google IO project starline" class="wp-image-692" srcset="https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-1024x576.jpg 1024w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-300x169.jpg 300w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-768x432.jpg 768w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-120x68.jpg 120w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-160x90.jpg 160w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline-320x180.jpg 320w, https://techgrowup.net/wp-content/uploads/2021/05/google-io-project-starline.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>　Googleは新たなオンラインコミュニケーションツールとして、Project Starlineというものを進めています。これは、高解像度カメラと深度センサーで複数の視点から人の形をキャプチャーし、複数の視点で外見を撮影することで、これらを融合し<span class="marker-under">リアルタイムな３D モデルを作成</span>することを構想しているとのことです。<br>　これはライトフィールドディスプレイという3Dディスプレイで表示することができ<span class="marker-under">、オンラインでコミュニケーションしている相手を3次元で捉える</span>ことができ、相手の身振りや表情を隣りにいるような感覚で体感できるようになります。現在はオフィスやファミリー向けに対して開発していくことを想定していることのことです。</p>



<p>　また、３Dモデルのデータは毎秒数ギガビットになってしまうので、新しいデータ圧縮方式やストリーミングアルゴリズムを開発しているそうです。５Gも活用できそうですね。</p>



<div class="wp-block-cocoon-blocks-icon-box ok-box common-icon-box block-box">
<p>スター・ウォーズの世界がやってくるのか！！！</p>
</div>



<p></p>



<p>　Google I/Oで正式リリースとなった、Flutter2.2の最新情報は以下で確認できます！</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-【techgrowth】 wp-block-embed-【techgrowth】"><div class="wp-block-embed__wrapper">

<a target="_self" href="https://techgrowup.net/2021/05/20/google-io-2021-flutter/" title="ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://techgrowup.net/wp-content/uploads/2021/05/site-header-logo.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ページが見つかりませんでした　- 404 NOT FOUND –  | 【TechGrowUp】</div><div class="blogcard-snippet external-blogcard-snippet">エンジニアを強くする</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://techgrowup.net/404/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">techgrowup.net</div></div></div></div></a>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://techgrowup.net/google-io-2021-keynote/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Disk: Enhanced  を使用したページ キャッシュ

Served from: techgrowup.net @ 2026-05-12 18:48:10 by W3 Total Cache
-->