Google I/O '21 Flutter 関連トピックのダイジェスト

# 1. はじめに

5/18-20にオンライン開催された Google I/O '21のキーノートで発表された Flutter に関する内容をざっくり簡単にまとめています。

# 2. Developer Keynote

Flutterに関する発表は30分あたりから

https://youtu.be/a553D0s7HeE?t=1775

### より多くのデバイスに Flutter を
* トヨタ、Canonical、ソニー、Samsung、マイクロソフトなどが Flutter にコントリビューション
* トヨタは車載HMI で Flutter
* Canonical は Ubuntu desktop で Flutter
* Samsung は [Tizen](Flutter を使えるようにしている) で Flutter
* ソニーは [Embedded Linux](https://github.com/sony/flutter-embedded-linux) で Flutter
* マイクロソフトは Surface で Flutter
![スクリーンショット 2021-05-21 21.40.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/8702233c-0f35-16aa-0ee7-f6b5562d7a3c.png)

### より多くのモバイルアプリが Flutter 製

* Google Play ストアのうち、20万アプリ以上が Flutter製
* Bytedance は 70以上のアプリで Flutter を利用
* Google Pay アプリは Flutter に移行してコードの量が 45% 少なくなった

![スクリーンショット 2021-05-21 21.46.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/1750d4c6-3314-7832-51e3-b5f6dd30a51e.png)
![スクリーンショット 2021-05-21 21.47.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/fb78651f-036f-686b-388d-e10dfd710c10.png)

### Flutter 2.2 リリース
- デスクトップ (Windows, Linux, macOS) がベータ版が改善してより安定版に近づいた
- パフォーマンス向上、パッケージサイズの縮小
- NullセーフティがデフォルトON
- DevToolsにメモリがどのように利用されているかの追跡機能が追加
![スクリーンショット 2021-05-21 21.58.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/5dc31bc3-022f-f7c4-f07d-3bf255231963.png)

### Google API や Cloud サービスとの コネクティビティ強化
- Googleのいろんなサービスとの連携を進めている
![スクリーンショット 2021-05-21 22.10.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/67d2b2f9-ee83-cae0-3174-b43a31950c51.png)

### Google Pay プラグインのリリース
- アプリ内課金のプラグインがプロダクト利用可能なレベルへ
![スクリーンショット 2021-05-21 21.52.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/e2dce3f9-becd-5fdb-7072-5d755bdbaa3d.png)

### Material You サポート
- Google I/O '21で発表された Material You も Flutter でサポートされるとのこと
- 詳細は別途アナウンスされるらしい

![スクリーンショット 2021-05-21 21.53.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/c6386cf5-f716-31ae-1964-2c29bd071c2f.png)

### Flutter Web アプリでの Firebase サービスとの連携
![スクリーンショット 2021-05-21 21.55.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/dcb830ad-1063-81d6-205b-5726ca5b6f41.png)

# 3. Flutter Keynote
事前収録のため、日本語字幕も選択可能です。

https://youtu.be/40_tpAHwWcM

### モバイルフレームワークからポータブルフレームワークへ拡張
* ここ最近強調されているのが、Flutter はポータブルフレームワークへということ
![スクリーンショット 2021-05-21 22.54.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/0590f26a-d9df-3681-f95d-3fab07ad574b.png)

### Grab, BMW, WeChat などのアプリ powered by Flutter

![スクリーンショット 2021-05-21 22.22.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/376e7879-93e8-4b2c-d2e1-c4619b25bbe0.png)
![スクリーンショット 2021-05-21 22.22.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/49984e30-03ab-fc4c-aa91-fb8c576c9dbc.png)
![スクリーンショット 2021-05-21 22.24.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/ac15f697-a634-7b92-190a-b6ebb78431b2.png)

### Flutter 製 Google アプリのテストコードを Flutter の開発に利用
![スクリーンショット 2021-05-21 22.25.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/acf306bb-7e7f-b277-1356-28bb26fed06a.png)

### Dart 2.13 の型エイリアス
* 型エイリアスで関数とそれ以外の型にも適用できるようになった
![スクリーンショット 2021-05-21 22.29.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/f35ee0fa-7052-ed94-167a-cf8b17f18569.png)

### Nullセーフティ
* すでに80%以上のパッケージが移行済

### Flutter for Web の改善
* PWAのキャッシュ改善によるロード速度向上
* マウス操作系の改善
![スクリーンショット 2021-05-21 22.31.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/f1dd6c43-f97b-5c05-9b8d-6d5d5a3a6e69.png)

### FlutterFlow
* ノーコードで Flutter UI を作るためのWebサービスの正式リリース
* https://flutterflow.io/
![スクリーンショット 2021-05-21 22.33.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/95a6e6cc-2838-9769-1741-f95e8b904c55.png)


### マイクロソフト UWP サポート
* Apple M1マシン？やマイクロソフトのゲーム機 (Xbox) をサポートするために UWP をサポート（alpha版）
![スクリーンショット 2021-05-21 22.35.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/9bf0c099-b982-3718-625d-e834f053e261.png)


### Platform Adaptive 対応　（複数プラットフォームの画面サイズ対応）
* 別セッションを聞いてね!で終了

### Google Mobile Ads SDK 対応
* Nullセーフティ対応
* iOS GMA SDK サポート
* アダプティブバナーサポート
![スクリーンショット 2021-05-21 22.40.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/f1fd9be7-844a-9f51-2434-d89be768aac9.png)

### Dockerイメージ for Dart
* Flutter アプリのクラウドを利用したデプロイ用に、イメージサイズを最小化した Flutter (Dart) 用の Docker イメージがリリース
* [google/dart](https://hub.docker.com/r/google/dart)
![スクリーンショット 2021-05-21 22.45.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/259963/5d026ec7-510e-40db-feca-80e784f83595.png)