【Flutter】環境構築なし。ブラウザだけで動く Flutter Sandbox（DartPad）の使い方

対象読者

• Flutter を触ってみたいが、環境構築はしたくない人
• LT / デモ用に「すぐ動く Flutter UI」を見せたい人
• Mac / Windows 問わず試したい人

---

Flutter Sandbox とは？

Flutter Sandbox とは、ローカルに何もインストールせず、
ブラウザ上で Flutter アプリを実行できる環境のことです。

代表例が DartPad（Flutter モード）。

• インストール不要
• ブラウザだけで即実行
• UI デモ用途に最適

---

今回使うもの

• DartPad（Flutter モード）
• ブラウザ（Chrome / Safari など）

👉 https://dartpad.dev/?null_safety=true

---

DartPad（Flutter）の起動方法

1. 上記URLにアクセス
2. 上部メニューで Flutter が選択されていることを確認
3. 右側にプレビューが表示されていればOK

---