はじめに
flutter で開発していますか？
ネイティブ(swift・kotlin)・react-native・.NET MAUIなど、アプリ開発の選択肢が多く、技術選定に悩むこの頃です…
クロスプラットフォームで開発したいな〜という時はflutterを選ぶことが多いのですが、そこで得た flutter コマンドのtipsを紹介します。
僕は ホットリスタート をしたい…
これまでホットリスタートする時に、毎回 flutter run を実行したいたのですが、Shift + R でホットリスタートができるらしい。
-> % flutter run
Connected devices:
macOS (desktop) • macos • darwin-arm64 • macOS 26.2 25C56 darwin-arm64
Chrome (web) • chrome • web-javascript • Google Chrome 143.0.7499.170
No wireless devices were found.
この状態でデバイスを選んで、Shift + R を入力すると、ホットリロードできました！！！(もっと早く知ってたら…)
他のコマンドも知りたい
flutter run でデバイスを選んだあと、h を入力するとヘルプが表示された。
(色々便利なコマンドがあるっぽい)
Flutter run key commands.
r Hot reload. 🔥🔥🔥
R Hot restart.
v Open Flutter DevTools.
w Dump widget hierarchy to the console. (debugDumpApp)
t Dump rendering tree to the console. (debugDumpRenderTree)
L Dump layer tree to the console. (debugDumpLayerTree)
f Dump focus tree to the console. (debugDumpFocusTree)
S Dump accessibility tree in traversal order. (debugDumpSemantics)
U Dump accessibility tree in inverse hit test order. (debugDumpSemantics)
i Toggle widget inspector. (WidgetsApp.showWidgetInspectorOverride)
p Toggle the display of construction lines. (debugPaintSizeEnabled)
I Toggle oversized image inversion. (debugInvertOversizedImages)
o Simulate different operating systems. (defaultTargetPlatform)
b Toggle platform brightness (dark and light mode). (debugBrightnessOverride)
P Toggle performance overlay. (WidgetsApp.showPerformanceOverlay)
a Toggle timeline events for all widget build methods. (debugProfileWidgetBuilds)
g Run source code generators.
h Repeat this help message.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device).
表にまとめてみた
| キー | アクション | 日本語での説明 |
|---|---|---|
| r | ホットリロード | コードの変更を即座に反映します（状態を維持） |
| R | ホットリスタート | アプリを再起動して変更を反映します（状態をリセット） |
| v | DevTools | Flutter DevTools をブラウザで開きます |
| w | ウィジェットツリー | ウィジェットの階層構造をコンソールに表示します |
| t | レンダリングツリー | レンダリングツリーの詳細をコンソールに表示します |
| L | レイヤーツリー | レイヤーの階層構造をコンソールに表示します |
| f | フォーカスツリー | 現在のフォーカス状態をコンソールに表示します |
| S | アクセシビリティ(順) | アクセシビリティツリーをトラバーサル順に表示します |
| U | アクセシビリティ(逆) | アクセシビリティツリーを逆ヒットテスト順に表示します |
| i | インスペクタ | ウィジェットインスペクタの表示を切り替えます |
| p | ガイド線表示 | レイアウト確認用の補助線（サイズ等）の表示を切り替えます |
| I | 巨大画像の反転 | オーバーサイズの画像を反転表示して特定しやすくします |
| o | OSシミュレート | AndroidやiOSなどのOS表示を切り替えます |
| b | 明るさ切り替え | ダークモードとライトモードを切り替えます |
| P | パフォーマンス | パフォーマンスオーバーレイの表示を切り替えます |
| a | ビルドタイムライン | 全ウィジェットのビルドイベント記録を切り替えます |
| g | コード生成 | ソースコードジェネレータを実行します |
| h | ヘルプ | コマンドのヘルプメッセージを再表示します |
| d | デタッチ | アプリは動かしたまま、コンソールとの接続を解除します |
| c | 画面クリア | コンソールのログ表示をクリアします |
| q | 終了 | アプリを終了してプロセスを停止します |
コメント