https://ozaki25.hatenadiary.jp/entry/2025/07/05/161925

2025/7/5
https://gdg-tokyo.connpass.com/event/356777/

Google I/O 2025 Overview

田中洋一郎さん / Tably Inc
https://docs.google.com/presentation/d/1KytgXYpufp5dVhV_Qljn7m3NhegR-MrEHgsHBvEDbMg/edit?slide=id.g36a37474b53_2_91#slide=id.g36a37474b53_2_91

研究からプロダクトへ
- Project Starline
  - Meetでリアルタイム翻訳
- Project Astra
  - Gemini Live
- Project Mariner
  - ブラウザをAIを通して使う
Google KeyNote
- GeminiFlash2.5
  - 速度と効率性
- Gemini2.5Pro
  - 高性能
- AIエージェント
  - 検索
  - Webアクセス
Developer Keynote
- LiveAPI
  - Geminiとリアルタイムで音声対話
- ThinkingBudget
  - 考えるのにどこまで使わせるかのバジェット
  - Proでもできるようになった
- コードアシスト
- AI Studio
  - マルチモーダビリティ
  - 音声や画像や動画の理解
- ADK/A2A/AgentGarden
- AndroidXR
- Material 3 Design
- Stitch
  - AIによるデザインツール
  - デザインの生成とコードの生成
- Firebase
  - FirebaseStudioのアップデート

What’s new in Android development tools

あんざいゆきさん

Android Studio
- Androidアプリを開発するためのIDE
- Preview版を使うと新機能を試せる
  - AI系の機能をStableでも使いたい
- Stable版でStudio Labsの設定が追加された
  - Stable版でも新しい機能を個別に有効化できる
Gemini
- Geminiに投げる時に画像も渡せるように
- 開いてるファイルが自動でContextに追加されるように
- @の後にファイル名をいれるとそれがContextに追加される
- プレビュー上でGeminiにUI修正してもらえる
Journeys
- UIテストのステップを自然言語で書ける
- 厳密な検証は難しい
  - Hi Android と書いてあってHello Android と書いてあることのテストをすると通ってしまう
  - 理由を見ると違ってると認識してくれてるけどテストは通る
- テストしたスクリーンショットも残してくれる

Adaptive Android development makes your app shine across devices

Chiko Shimizuさん

Adaptive App
- いろんな画面の大きさにあわせたアプリ
Androidアプリが動く場所が多様になっている
- 開くスマホ
- タブレット
- 車載機
- テレビ
- Chromebook
アプリストアはデバイス違っても分かれてない
同じサービスを異なるデバイスで使うニーズ
スマホをディスプレイにつなげるとPCのように表示されたり
画面サイズを変更すると再読み込みされてメモリの情報が消える
- 表示が残るようにうまく作っておく必要がある
キーボードやマウスでも操作できるように
Material3のAdaptiveコンポーネント
- 幅に応じて表示を変えられる
Navigation3
- バックスタックを自分でリストで管理できる

Material 3 Expressiveで変わるAndroid UI：ユーザー調査にもとづく感情と直感の新UIとは

安藤幸央さん / UXデザイナー

Material3 Expressive
- 緻密な調査に基づいたアップデート
- 没個性なアプリが多い中で個性的なものを作れるように
- Android16から使える
アプリの特性によって求めるものが違う
- 情緒的なものか機能的なものか
MaterialDesighn
- 2014
  - Material Design 1
  - 物理的メタファー
- 2018
  - Material Design 2
  - 一貫したコンポーネント
- 2021
  - Material You
  - カスタマイズや動的な色
- 2025
  - Material Design 3 Expressive
  - 感情的な体験
ユーザー調査
- 46件の研究
- 世界で18000人に調査
- 多様な世代
- アイトラッキングでどこに注目するか
- アンケート/フォーカスグループ
- ユーザビリティ調査
UIの改善
- 表現力豊かな方が若い世代には好まれる
- Expressiveによる改善で高齢層の使いやすさが向上
- 定番のものは定番なUIがいい
- バネのようなアニメーションが作りやすくなった
  - 今までより動きが遅くした方が注視しやすい
- 意味のあるアニメーション
  - ストーリー性があるとき
  - 何かを完了したり達成したとき

2025年のウェブプラットフォーム動向

矢倉眞隆さん

AIとWeb
- AIからの行儀の悪いクローリング問題
- AIの返答で満足してWebサイトに行かなくなる
  - ビジネス的にインパクト
- 開発者はデータがあれば満足でUIを作らなくなる？
Google I/O
- ChromeのタブバーからGemini
- Chromeを操作するAIエージェント
  - Project Mariner
- Chromeへのbuild in AI
  - ChromeにGemini Nanoが入ってそれを使う
  - Translation API
  - Summarizer API
  - Prompt API
    - 試験中
    - これまではChrome拡張からだったがWebからも
    - マルチモーダル対応
  - Writer/Rewriter/Proofreader API
    - 試験中
  - Chromeでしか動かないしメモリも食う
    - Firebase AI Logic
    - GeminiNanoが使えない時にクラウドにフォールバックする機能
- GeminiによるDevToolsの強化
- 新しいUI
  - Popover/Menu/Swith/CSS Carousels
- スタイルのカスタマイズ
  - CSS Forms
  - Customizable Select
- より宣言的なUIの操作
  - Invoker Commands
  - Interest Invokers
- アニメーション
  - View Transitions
    - ページ遷移時のアニメーション
  - scroll driven animations
    - スクロールに連動するアニメーション

What's new in Angular

lacolacoさん
https://docs.google.com/presentation/d/1m4LC8U5qlOPXg8YRSycCxGa8dD_hd4kuqcoN8gOhYKw/edit?pli=1&slide=id.g260298bad6d_0_77#slide=id.g260298bad6d_0_77

geminiのUIはAngularで作られてる
Angular20
Signal
- v16から入った
- 状態管理に使う機能
- 値を管理して変わったらUIに反映する
- signal(value) で宣言
- computed() で読み取って使う
Effect
- signalが変わった時にUIを変えるんじゃなくて処理をしたいという時に使う
- 例えばログ出力とか
linkedSignal
- signal() と computed() が合わせったようなやつ
- 複雑なユースケースで役立つ
resource
- 値が変わった時に非同期処理を動かせる
  - paramsとloaderを引数で渡す
- paramsが変わる度にloaderが呼ばれる
  - ローディングなどの処理の状態も取れる
Streaming
- resourceの結果としてstreamingを扱える
Zoneless
- 従来使われ知多Zone.jsからの脱却
- デバッグしやすくなる
- パフォーマンス上がる
SSR
- パスごとのレンダリング戦略の指定
- SSRなのかCSRなのかSSGなのか
- Prerenderingもできる
Incremental Hydration
- UIを部分的に遅延してデータ取ってレンダリング
- @defer(hydrate)
Testing
- Vitestのサポート
- Karmaの脱却
Performance Insights
- chromeのdevtoolsでAngular専用の表示が出る
  - 拡張入れる必要なし
- どのコンポーネントのどの処理でどれだけ時間かかったかわかる
Angular with AI
- https://angular.dev/ai
- Build with AI
  - AIを組み込んだアプリ
- Code with AI
  - AIを使ったコーディング
  - プロンプトのインストラクションやルールの紹介
  - llm.txtの配信

Flutter/Dart の最新情報と AI Agent と一緒に開発する時代へ突入へ

wasabeefさん

Flutter3.32

WebのHot Reload
- Dart Developent Compiler(DDC)の改善で
  - 開発時に使われるもの
  - 本番はdart2js
- FlutterWebをプロダクションで使ってるのはまだ多くないが
- Webが対応してないのはずっと言われていてようやく使えるように
Cupertino Squircles
- iOSのSquirrelsへの対応
- Action Sheet
パフォーマンス改善
- Semanticsコンパイル最適化
Impeller on Android
- テキストレンダリングの向上
- スムーズさが良くなった
AI Integration
- Dart MCP SDK
  - 開発中
  - プロダクト全体を把握できるもの
- Dart Tooling MCP Server
  - 開発中
  - Analuzer連携
  - Inspectorの情報取得
  - エラー自動診断
- IDE投稿
  - インラインアシスト
  - リアルタイムコードレビュー
  - 自動リファクタリング提案
- コンテキスト認識のコード生成

Dart3.8

Intelligence Fomatter
- フォーマッターが改善した
- Trailing Commaの自動追加
Null-aware Elements
- nullチェックを?で書けるようになった
- if文書かなくて良くなった
Documentation Import
- 他のファイルを @docImport でimportしてコードジャンプできるようになったり