訳者はじめに
FltuterとDartの3ヶ月ごとのバージョンアップに対してブログ記事がありますので、そちらの日本語訳をさせていたただいております。誤訳・改善点があればご連絡いただけると助かります。
こちらはKevin Chisholm さんの「What’s new in Flutter 3.32」の記事を訳しました。
Google I/O 2025のFlutter関連の翻訳記事
- What’s new in Flutter 3.32【日本語訳】(元記事: What’s new in Flutter 3.32)
- Announcing Dart 3.8【日本語訳】(元記事: Announcing Dart 3.8)
- GeminiがAndroid StudioでFlutterを完全にサポートしました！(元記事: Gemini in Android Studio now speaks fluent Flutter)
- Flutterのシームレスな相互運用性への道(元記事: Flutter’s path towards seamless interop)
はじめに
Flutter 3.32 へようこそ！このリリースには、開発を加速しアプリを強化するための機能が満載です。ウェブでのホットリロード、ネイティブ品質を再現する美しいCupertinoスクエア、Firebaseとの強力なAI統合など、新たな機能をお楽しみください。156名のユニークなコントリビューターから1024件のコミット（うち39名が初参加)が寄せられたFlutter 3.32は、コミュニティの素晴らしい成果を証明するリリースです。新機能を探索しましょう！
Web
ウェブでのホットリロード（実験的機能)
ウェブでのホットリロードが利用可能になりました！Flutterトラッカーで2番目に多く投票されたイシューであり、皆さんのプロジェクトでこの新機能をぜひ試していただきたいと思います。
この機能が開発者の期待に応えるものとなるよう、ご協力をお願いいたします。
問題が発生した場合は、DartのWeb Hot Reload issue templateからバグを報告してください。既知の問題はWeb Hot Reload Known Issuesでご確認いただけます。
使い方
Flutterを実行するときに、flutter run に --web-experimental-hot-reload を 指定してください。
VS Codeから実行する場合
VS Codeでデバッグ構成を使用している場合、launch.json ファイルに以下の設定を追加してください。
<div class="joplin-editable"><pre class="joplin-source" data-joplin-language="json" data-joplin-source-open="```json
" data-joplin-source-close="
```">{
"configurations": [
…,
{
"name": "Flutter for web （hot reloadable)",
"type": "dart",
"request": "launch",
"program": "lib/main.dart",
"args": [
"-d",
"chrome",
"--web-experimental-hot-reload"
]
}
]
}
最適な結果を得るために、VS Codeの「Dart：Flutter Hot Reload On Save」設定を有効にすることをおすすめします。
ホットリロードは、実行/デバッグパネルの ⚡ アイコンからも実行可能で、ホットリスタートは ⟳ ボタンでトリガーできます。
コマンドラインから実行
コマンドラインで「flutter run」を実行すると、以下の方法でウェブ上でホットリロードを実行できます。
flutter run -d chrome --web-experimental-hot-reload
ホットリロード有効時は、実行中のターミナルで r を押すとホットリロード、R を押すとホットリスタートが実行されます。
DartPadでのリロード
DartPadでも、新たに追加されたReloadボタンでホットリロードが可能になりました。Flutterアプリが検出された場合のみ利用できます。
DartPadのサンプルアプリでお試しください。
ウェブでのホットリロードの改善にご協力いただきありがとうございます！
フレームワーク
Materialライブラリからウィジェットライブラリへのロジック移行を継続しています。
今回、新たに Expansible ウィジェットを追加しました。これにより、異なるビジュアルテーマで展開・折り畳み可能なウィジェットを作成しやすくなりました。このウィジェットはMaterialスタイルの ExpansionTile の基盤ビルディングブロックです。
さらに、コミュニティメンバー @davidhicks980 による貢献として、RawMenuAnchor ウィジェットが追加されました。これはMaterialスタイルの MenuAnchor の基盤で、様々なテーマに対応したメニュー作成が可能です。RawMenuAnchor はスタイルなしのメニューとしても使え、外観を自由に制御できます。
このようなリファクタリングにより、Cupertino、Material、さらには他のデザイン言語において、コアウィジェットの共通サポートと一貫したインターフェースが実現されました。
Cupertino
Squircles
Flutterの形状機能に「rounded superellipse（丸みを帯びたスーパーエリプス)」が新たに追加されました。
これは「Apple squircle」とも呼ばれ、iOSのデザイン言語で伝統的な角丸長方形より滑らかで連続した曲線を特徴とします。Flutterコミュニティからの強い要望に応え、Appleプラットフォームでネイティブのような高忠実度UIを実現します。
CupertinoAlertDialog と CupertinoActionSheet はこの新形状に対応しました。
利用可能なAPI：
RoundedSuperellipseBorder（ウィジェットの形状や描画用)ClipRSuperellipse（クリッピング用)Canvas.drawRSuperellipse、Canvas.clipRSuperellipse、Path.addRSuperellipse（低レベルAPI)
※ 丸みを帯びたスーパーエリプスは現在開発中で、iOSとAndroidのみサポート、他プラットフォームは角丸長方形にフォールバックします。パフォーマンス最適化も進行中です。今後のアップデートにご期待ください。
シート
Cupertino シートに関するいくつかの問題が解決されました。これには、Android でシートが開かれた際にシステム UI テーマの設定方法を修正する内容が含まれます。
シートの調整により、ナビゲーション バーの高さが修正され、コンテンツが下部に切り取られないようにしました。以下のスクリーンショットは、この変更前の状態と変更後の状態を比較したものです。
このリリースでのその他の修正には、 PopupMenuButton とシートのトランジションが互換性がない問題の修正が含まれます。また、シートの角丸トランジションが、より多くのデバイスで正しく表示されるように改善されました。以前は、異なる角の半径を持つ一部の画面で正しく表示されませんでした。
さらに、CupertinoSheetRoute と showCupertinoSheet で enableDrag 引数が追加され、ドラッグダウンで閉じる動作を無効にできるようになりました。
ナビゲーションバー
CupertinoSliverNavigationBar.search は検索ビュー開閉時のアニメーションがより忠実になり、検索フィールドのプレフィックス・サフィックスアイコン配置が修正されました。
ルート間の CupertinoNavigationBars や CupertinoSliverNavigationBars の遷移は最新のiOS移行動作に更新されています。
Material
このリリースではMaterialライブラリに多くの機能強化とバグ修正が加わり、開発者体験が向上しました。
CarouselControllerに便利なanimateToIndexメソッドが追加され、固定サイズおよび動的サイズ（flexWeights使用)のアイテムに対してスムーズなインデックスナビゲーションが可能になりました。
TabBarにonHoverとonFocusChangeコールバックが追加され、ウィジェット表示状態に応じた外観制御が可能です。
SearchAnchorとSearchAnchor.barにそれぞれviewOnOpenとonOpenコールバックが追加され、開閉イベントの監視が強化されました。
CalendarDatePickerがcalendarDelegateを受け付けるようになり、グレゴリオ暦以外のカスタムカレンダー統合が可能になりました。例として、偶数月は21日、奇数月は28日、すべての月曜日始まりの仮想カレンダーがあります。
その他の マイナーな機能強化には、showDialog に [animationStyle](https://github.com/flutter/flutter/pull/164002) を追加し、 showAdaptiveDialog、および DialogRoute に追加し、ダイアログの表示/非表示時のアニメーションをカスタマイズ可能にしました；Divider は [borderRadius](https://main-api.flutter.dev/flutter/material/Divider/radius.html) をサポートし、特にDivider が太い場合に境界線をカスタマイズできるようになりました。
新機能に加え、このリリースでは Material ライブラリの DropdownMenu と Slider に関する複数のバグが修正されました：
DropdownMenuウィジェットのメニュー幅がテキストフィールドの幅より小さくなるようになりました。例が更新され、以前のRenderFlexオーバーフローエラーが解決されました。DropdownMenuのデフォルト幅は、テキストフィールド内のテキストラベルの幅を尊重するようになりました。RangeSliderのサムにホバーした際、ホバーしたサムのオーバーレイのみが表示されます。以前は両方のオーバーレイが誤って表示されていました。Sliderのサムは、トラックの色が透明の場合、トラックの両端まで到達できるようになりました。以前の制限で到達できなかった問題が解決されました。
バグ修正
-
DropdownMenuのメニュー幅がテキストフィールド幅より小さくなる問題を修正。例も更新され、RenderFlexオーバーフローエラーが解消されました。デフォルト幅はテキストラベルの幅を尊重します。 -
RangeSliderのサムホバー時、ホバーしたサムのオーバーレイのみ表示されるよう修正。 -
Sliderのサムは、トラックが透明でも端まで到達可能になりました。
アクセシビリティ
**最適化された **セマンティクス ツリー コンパイル
この機能により、セマンティクス コンパイル時間が約80%短縮されました。Flutter for webでは、セマンティクスを有効化した場合、フレーム時間が30%短縮されます。
細粒度のセマンティクス ロールの導入
新しい [SemanticsRole](https://api.flutter.dev/flutter/dart-ui/SemanticsRole.html) API が Semantics ウィジェットとその関連コンポーネントに統合され、開発者がアシスト技術による UI 要素の解釈をさらに精密に制御できるようになりました。この機能強化により、ウィジェットのサブツリー全体に特定の役割を割り当てるために、そのサブツリーを適切な役割を設定した Semantics ウィジェットで囲むだけで済みます。
利用可能な役割のリストは、公式 API ドキュメント に詳細に記載されています。現在、この高度なセマンティクス役割機能はウェブベースのアプリケーションで利用可能で、他のプラットフォームへの対応は今後のリリースで追加される予定です。
詳細については、セマンティクス役割によるアクセシビリティの向上 をご覧ください。
その他のアクセシビリティの改善
- ウィジェットとスクリーンリーダーのユーザー体験の向上： テキストフィールド、フォーカス処理、メニュー、スライダー、ドロップダウンなど、さまざまなウィジェットにおけるアクセシビリティのサポートとユーザー体験を向上させました。スクリーンリーダーは、これらの要素とインタラクションする際により詳細なフィードバックを提供します。
- セマンティクス有効時のウェブフォーカスナビゲーションの滑らか化： セマンティクスが有効な場合のウェブフォーカス動作を最適化し、ウィジェット間の急なフォーカス移動を大幅に削減し、直感的なナビゲーション体験を実現しました。
- Android TalkBackにおけるリンク認識の改善： Android TalkBackは、
Semantics.linkUrlまたはurl_launcherパッケージのLinkウィジェットで定義されたリンクを正しく識別し、読み上げられるようになりました。 - Flutter for webにおけるWindows高コントラストモード対応： Windowsの「強制カラー」モード（高コントラスト環境でよく使用される)に対応しました。開発者は
ThemeDataのuseSystemColorsブール値を設定することで、Flutterテーマにシステムカラーを自動的に適用し、これらの設定に依存するユーザーの視認性を向上させることができます。 - iOS Voice Control の体験を最適化： iOS Voice Control のユーザー体験を改善し、非操作可能なウィジェットに不要なラベルが表示されなくなったため、ユーザーがよりクリーンで集中したインタラクションを実現できます。
テキスト入力
このリリースではテキスト入力に以下の改善が施されました：
- iOS でシステムテキスト選択コンテキストメニューが実装され、以下の iOS セクションで参照されています。
AutocompleteウィジェットのオプションのレイアウトをOverlayPortalに移行し、パフォーマンスを向上させ、レイアウトのバグを修正しました。- テキストフィールドで
onTapUpOutsideの動作をカスタマイズできるようになりました （#162575)。 FormFieldのエラーメッセージとして、エラーテキストだけでなく任意のウィジェットを生成できるようになりました （#162255)。- Flutterの選択可能テキストのバグが軽減され （#162228)、ウェブでのパフォーマンスが向上しました （#161682)。
マルチウィンドウサポートの進捗
Canonical の貢献者により、デスクトップアプリケーションで複数のウィンドウを許可するための優れた進捗が達成されました！
Canonical は、アプリが複数のウィンドウを持つ場合に破損していた複数の機能を修正しました：
- アクセシビリティ： #164577
- アプリケーションライフサイクル通知： #164872
- フォーカス： #164296
- キーボードイベント： #162131， #163962
- テキスト入力： #163847， #164014
- マウスイベント： #163855
Canonicalは、DartコードがFFI経由でFlutterエンジンと直接通信できる機能を追加しました （#163430). これにより、Flutterの将来のウィンドウAPIの基盤が整いました。
最後に、CanonicalはLinuxにラスタースレッドを導入しました （#161879)。これにより、フレームスループットが向上し、複数のウィンドウを開いてもFlutter Linuxが滑らかに動作します。
デスクトップスレッドの統合
CanonicalはWindowsとmacOSをアップデートし、アプリがUIスレッドとプラットフォームスレッドをマージできるようにしました（#162883， #162935)。
統合されたスレッドにより、プラットフォームスレッドで呼び出す必要があるネイティブAPIと相互運用するためにDart FFIを使用できます。例えば、Windowsで統合スレッドを有効にすると、Dart FFIを使用してwin32 APIでアプリのウィンドウサイズを変更できます！
Windowsでは、windows/runner/main.cppファイルのwWinMainメソッド内に以下の行を追加することで、統合スレッドを有効にできます：
project.set\_ui\_thread_policy（UIThreadPolicy：：RunOnPlatformThread)
macOSでは、macos/Runner/Info.plistファイルの<dict>要素内に以下の行を追加することで、マージドスレッドを有効にできます：
<key>FLTEnableMergedPlatformUIThread</key>
<true />
今後のリリースでは、Windows と macOS でマージドスレッドをデフォルトで有効化します。この変更を試していただき、問題が発生した場合は バグ報告 をお願いします！
iOS
iOSのFlutterアプリで貼り付け体験を改善しました。カスタムアクションのない標準テキストフィールドでは、他アプリからの貼り付け時に確認ダイアログが表示されなくなり、全Flutter iOSアプリでデフォルト有効です。注意：アプリでカスタムアクション（例：コンテキストメニュー内の「メールで送信」など)を使用している場合、この機能はまだサポートされていません。
Android
Kotlin言語によるGradleツールの再実装
FlutterのGradleプラグインがGroovyからKotlinへ移行されました。このKotlinへの移行により、コードベースへの貢献が容易になり、プラグインへのユニットテストの導入も促進されます。追加されたテストに加え、動的型付けと実行言語から静的型付け言語への移行により、Flutter開発者向けのビルドプロセスがより安定かつ信頼性の高いものになることが期待されます。リライトによる動作の変更は予想されていませんが、Android ビルドの動作が予想と異なる場合は、Issue を報告してください。
Scribe / Stylus サポート
Android のテキストフィールドにスタイラスで手書き入力が可能になりました。これは、Flutter iOS アプリで既に機能している Apple Pencil の手書き入力と同じ方式です。ユーザーは、Flutter のテキスト入力フィールド上に直接手書きで入力でき、手書き文字がフィールド内にテキストとして表示されます。すべてのジェスチャーは未対応ですが、これらの機能の追加を継続的に進めています。この機能は Android 14 以降でサポートされており、必要に応じてTextField.stylusHandwritingEnabledまたは CupertinoTextField.stylusHandwritingEnabledパラメーターで無効化可能です。
エンジン
Impeller on Android
3.29.3 リリースから、Android API レベル 28（Android 9)以前のデバイスで実行される Flutter アプリは、レガシー Skia レンダラーを使用します。この変更により、古い Android デバイスでの Flutter の安定性が向上します。Impeller は、API レベル 29（Android 10)以降のデバイスで引き続きデフォルトのレンダラーとして使用されます。
ユーザーからのフィードバックを反映し、ImpellerのVulkanとOpenGLESバックエンドの使用対象デバイスを調整しました。特に、今回のリリースでは以下のデバイスがVulkanの代わりにOpenGLESを使用します：Androidエミュレーター、APIバージョン31未満のMediaTekデバイス、CXT以前のPowerVRデバイス、およびVulkan 1.3をサポートしないSamsungのXClipse GPUの古いバージョン。
以前のリリース同様、Impellerを無効にするには、これらの手順に従ってください。Impellerの安定性とパフォーマンスに対する信頼が高まったため、今後の安定リリースでは、新しいAndroidデバイスでのImpellerの無効化機能が削除されます。
最後に、Flutter 3.27には、Vulkan対応デバイスでのImpellerレンダリングに関連するレンダリングバグとクラッシュが複数存在しますが、これらは3.29以降で修正されています。これらの変更を3.27にホットフィックスで適用する予定はありません。3.29以降へのアップデートを強く推奨します。アップデートが不可能な場合、AndroidデバイスでのImpellerのオプトアウトを推奨します。
その他のImpeller更新
このリリースでは、Impellerのテキストレンダリングが改善されました。特に、Impellerのグリフアトラスに高解像度のグリフを採用したことにより、テキストアニメーションの滑らかさが向上し、ちらつきが軽減されました。また、浮動小数点演算における丸め誤りの修正も行われました。詳細については、flutter#149652 をご参照ください。
-
改善前
-
改善後
このリリースには、以下の機能を含むさまざまな忠実度とパフォーマンスの改善が含まれています：
- 円錐曲線は近似処理されなくなり、直接テッセレーション処理されるようになりました
- 部分的な再描画が最適化され、頻繁なメモリ割り当てを回避するように改善されました
- ブラー速度が、不要なアタッチメントの削除により向上しました
- テキストの回転が正確に180度回転した場合の方向の修正が行われました。
DevToolsとIDE
[新機能］ Flutter プロパティ エディター
新しいプロパティ エディター ツールを使用すると、ウィジェットのプロパティを簡単に編集したり、ドキュメントを確認したりできます。このツールは、Flutter プロパティ エディター サイドバー パネル（VS Code)またはツール ウィンドウ（Android Studio / IntelliJ)からアクセスできます。
-
VSCode
-
Android Studio & IntelliJ
DevToolsの改善
DevTools全体で追加の改善が行われました。具体的には、ネットワーク画面のオフライン対応、レビュー履歴に関連する問題のバグ修正、インスペクターのエラー修正、ディープリンクツールの改善、CPUプロファイラーとメモリ画面のデータ改善などが含まれます。このリリースでは、DevToolsのパフォーマンスとメモリに関する複数の改善も実施され、データ読み込み時間の短縮とメモリ関連クラッシュの減少が実現されます。
これは今回のリリースにおける主な変更点のほんの一部です。Flutter 3.32 に含まれるすべての更新内容については、DevTools 2.44.0 および 2.45.0 のリリースノートをご確認ください。
アナライザーの改善
Dart Analyzer の改善を継続的に行い、開発者の体験を向上させてきました。これには、ドキュメントコメント内で外部要素を実際にインポートせずに参照できる新しいコメントベースの構文「doc imports」の追加が含まれます。詳細は dart.dev をご確認ください。また、クイックフィックス、アシスト機能、リネーム機能の改善も複数実施しました。
Android StudioのGeminiサポート
Gemini for Android Studioは、DartとFlutterの開発に対して本格的なサポートを提供開始しました！これにより、お気に入りのIDE内でGeminiの機能を直接活用し、これまで以上に迅速かつ簡単に美しい高パフォーマンスなFlutterアプリを構築できます。
このブログ記事を読むで詳細を確認してください。
DartとFlutterのModel Context Protocol （MCP) サポートが間もなく提供されます
Model Context Protocol （MCP) および最近公開された Dart MCP SDK のサポートが積極的に進められています。現在開発中の新しい Dart Tooling MCP Server は、DartとFlutterの静的、実行時、およびエコシステムツールをMCPクライアント（IDEなど)に公開します。
これにより、DartとFlutter開発者には以下のメリットがもたらされます：
- より正確で適切なコード生成。
- レイアウトの問題の修正、依存関係の管理、または実行時エラーの解決など、複雑なタスクが実現可能になります。これは、MCPプロトコルが_実際のDartとFlutterツール_からセマンティック情報を公開するためです。
今後の展開にご注目ください！
AIを活用した開発
Firebase AI Logicの登場
FirebaseのクライアントSDKであるVertex AIをご存知の方、またはご使用されたことがある方もいらっしゃるかもしれません。Vertex AIは、Gemini API駆動の機能をFlutterアプリに直接統合するためのツールです。
多くのユーザーから、Gemini Developer APIを使用し、Vertex AIの代わりに豊富な無料プランを活用して、コストをかけずに生成AIを追加したいというご要望をいただきました。ご要望にお応えして、本日よりFirebase内のVertex AIをFirebase AI Logicに進化させます。これにより、単一のFlutter SDKでGemini APIプロバイダーの両方にアクセスできるようになります。Flutterアプリから直接GeminiとImagenモデルを使用できるようになり、サーバーサイドSDKが不要になります。
新しい機能の詳細は、firebase_ai パッケージをご確認ください。既にfirebase_vertexai パッケージをご利用の場合、当面は現在のままご利用いただけますが、新しいパッケージへの移行を推奨いたします。
AIモニタリングダッシュボード
Firebase コンソールの新機能である AI モニタリング ダッシュボードは、Gemini API の使用状況に関する詳細で具体的な洞察を提供します。これには、使用パターンの可視化、パフォーマンス メトリクス、および潜在的な問題の検出が含まれます。これにより、データ駆動型の意思決定が可能になり、Gemini API を最も効率的な方法で利用できるようになります。AI モニタリングは、Gemini API の使用状況をデバッグし、予期しない動作を特定して対処するのを支援します。
重要な変更と廃止予定機能
Androidのアクセシビリティについて
Androidでは、セマンティックアナウンスメントイベントはAPI 36以降で非推奨になりました。代わりに、SemanticProperties.liveRegionを構成して「polite」な暗黙のアナウンスメントを使用してください。現在、フォーカス不可なテキストをアナウンスする際の既知の制限があります。この制限の詳細と解決計画については、Issue #165857 を参照してください。代替ソリューションを確認するには、SemanticService.announce のドキュメントを参照してください。
廃止されたパッケージ6つ
Flutter 3.29 リリースブログ記事で計画・共有したとおり、以下のパッケージのサポートを終了いたします：
flutter_markdown； 詳細は flutter_markdown の廃止予定 #162966ios\_platform\_images； 詳細は ios_platform_images の廃止予定 #162961css_colors； 詳細は css_colors の廃止予定 #162962palette_generator； 参照： palette_generator の廃止予定 #162963flutter_image； 参照： flutter_image の廃止 #162964flutter\_adaptive\_scaffold； 参照： flutter_adaptive_scaffold の廃止予定 #162965
コミュニティのメンバーは、各イシューの議論を参照して代替案をご確認ください。
iOS/macOSの最小バージョン
Flutterは、次の安定版リリースでiOS 12およびmacOS 10.14（Mojave)へのサポートを廃止し、iOS 13およびmacOS 10.15（Catalina)を最低限の対応対象とします。これにより、今後のFlutterバージョンでビルドされたアプリは、iOS 12またはmacOS 10.14では実行できなくなります。
その他の互換性変更
このリリースにおけるその他の重大な変更と非推奨機能には、以下の内容が含まれます：
- Material レイヤーの
ExpansionTileControllerを非推奨とし、Widgets レイヤーの新しい再利用可能なExpansibleControllerに置き換えました。 SelectionChangedCause.scribble（非推奨) を、Apple の Scribble 機能が Android の Scribe と統合されたため、SelectionChangedCause.stylusHandwritingにリネームしました。- Material テーマの標準化を継続する一環として、
ThemeData.indicatorColorは廃止され、TabBarThemeData.indicatorColorに置き換えられました。また、cardTheme、dialogTheme、tabBarThemeのコンポーネントテーマタイプは、それぞれCardThemeData、DialogThemeData、TabBarThemeDataに遷移する必要があります。 SpringDescriptionの式が一部の動作で修正されました。この変更により、一部のパラメーター組み合わせで実際の物理法則と一致しない動作が発生し、臨界減衰点付近で不連続性が生じる問題が解決されます。この変更は、減衰比が1未満で質量が1以外のアンダーダンピングスプリングに影響します。この変更以前に作成されたスプリングは、アップグレード後に異なるバウンス動作を示す可能性があります。以前のアニメーション動作を復元するには、Spring Description Underdamped breaking change guideに従ってスプリングパラメーターを更新してください。同ガイドには、パラメーター調整を計算するツールも含まれています。
このリリースにおけるすべての非推奨機能や互換性破綻の変更に関する移行ガイドを確認するには、breaking changesページを参照してください。更新後にdart fixを実行すると、これらの変更の一部が自動的に移行されます。
まとめ
Flutter 3.32は、コミュニティの皆さんの素晴らしいご尽力により、また一歩前進しました。ウェブホットリロードやプラットフォームの継続的な改善など、新たな機能をお届けできることを大変嬉しく思っています。皆さんのご貢献は大変貴重で、皆さんが何を作り上げるのかを楽しみにしています。詳細なリリースノートと変更履歴を確認して、包括的な概要をご確認ください。開始するには、単に「flutter upgrade」を実行し、最新のバージョンに飛び込んでみてください！
