Google I/O recap web編 大分Web祭り2025

Transcript

1. Google I/O recap web編 大分Web祭り 2025
2. このセッションについて 5月にGoogle I/O 2025開催されました Google I/O 2025の中からWebに関する技術を中心に紹介します
3. 自己紹介 本田　克己 (ほんだ かつみ) 本田電脳相談合同会社の相談員です GDG Kyushu・GDG Cloud Oita♨オーガナイザー AndroidやGCPなどの勉強会をたまに開いています 週末はよくバイクに乗っています @kponda
4. GDG Google Developer Groups略してGDG Googleの技術に興味を持つ開発者が集ま り、交流、学習、成長するためのコミュニ ティです 世界中に支部があり、日本では各地で勉 強会やイベントが開催されています
5. GDG Kyushu / GDG Cloud Oita♨ GDG Kyushu : 九州のGDGです 九州といいつつオーガナイザーが福岡と大分にしかいません 他の県でオーガナイザーしてくれそうな人がいたら教えて下さい GDG Cloud Oita♨ : 元GCPUG Oita GCPやAI関係の勉強会を開いています
6. GenAI Skillup by GDG Cloud Oita♨ 9月にGenerative AI Leader認定資格の勉強会が全国で開催予定です GDG Cloud Oita♨では9月11日から隔週開催 https://gdgcloudoita.connpass.com/
7. Google I/O 2008年から毎年5月か6月にカリフォルニア州で開催 2015年まではサンフランシスコのモスコーンセンターで開催 2016年からマウンテンビューのショアライン・アンフィシアターで野外イベント的な感じに なりました
8. Google IO 2025 2,3年前頃から主軸はAndroidからAI関係に Webのセッションの割合は以前と変わらず、色々な 発表がありました
9. Web標準
10. CSSカルーセル カルーセルがCSSとHTMLだけで実装できるようになりました。 CSS Carousel Galleryで様々なサンプルを見ることができます。 https://chrome.dev/carousel/
11. その他のHTMLでのUI強化 Popover Menu Switch CSS Forms Customizable <select>, <details> View Transitions
12. Web Platform Baseline ブラウザの実装の揃った機能を時期ごとにまとめるプロジェクト Newly available — 主要なブラウザで実装が揃った Widely available — 主要なブラウザで広く普及した 年度固定 — Baseline 2022の用にその年の時に主要なブラウザで広く普及 動作保証を考える時にブラウザのバージョンからBaselineに
13. VSCodeがBaselineに対応 HTMLやCSSの要素にマウスカーソルを当てるとポップアップ表示される
14. Chrome x AI
15. Gemini Nano - AI on Chrome Gemini Nano : 組み込み向けの小さいサイズのモデル ChromeにGemini Nanoを搭載 デバイス上で動作するのでオフラインで動作、プライバシーの強化や応答時間の改善な どが期待されます
16. AI on Chrome - Built in AI Chrome 138以降でSummarizer API、Language Detector API、Translator APIが利 用可能 Summarizer API : 記事の要約 Language Detector API : 言語の検出 Translator API : 翻訳
17. Hybrid AI with Firebase Built in AIは現状ではChromeでしか使えない Built in AIが使えない環境で、Firebase AI Logicに処理を委譲する仕組み
18. Chrome dev toolのAIアシスタント Chrome dev toolでAI機能が使えるように 制限事項 : Chrome dev toolの言語設定を英語 プロンプトは日本語でもOK 日本語入力に難ありなのでコピペがいいかも
19. Web x AIツール
20. Gemini : Imagen4 Veo3 Imagen : 画像生成AI Veo3 : 動画生成AI 音声含めた高品質の動画を生成 Flow : Veo3を使った動画編集ツール Gemini Ultraが必要で試せていない Flow TVでFlowで作られた動画を閲覧できる https://labs.google/flow/tv/
21. UIデザイン x AIツール Stitch (beta) WebアプリやモバイルアプリのUIデザインを行う生成AI 自然言語からUIを生成 イメージやワイヤーフレームからUIを生成 開発へのシームレスな移行 Figma HTML https://stitch.withgoogle.com/
22. コーディングエージェント Jules Googleが作ったDevin? Githubと接続して非同期でコーディングタスクを実行してくれます フロントエンドの細かい指示は難しいかも 管理画面とか細かいUI気にしなくてもいい機能など試しやすそう 8月7日ベータを抜けて一般公開 1日15タスクまで無料 https://jules.google/
23. まとめ
24. GenAI Skillup by GDG Cloud Oita♨ 9月にGenerative AI Leader認定資格の勉強会が全国で開催予定です GDG Cloud Oita♨では9月11日から隔週開催 https://gdgcloudoita.connpass.com/