Flutterとは？

2025, Mar 13

Flutterとは？

Flutter は Google が開発した クロスプラットフォーム UI フレームワークで、Android、iOS、Web、Windows、macOS、Linux アプリケーションを構築するために使用されます。

🛠 環境のインストール

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

そしてhomebrewを使ってfvmをインストールします

brew tap leoafarias/fvm
brew install fvm

他のプラットフォームでもfvmをインストールできます興味がある方は直接ドキュメントを確認してください

a. (mac/windows)上のリンクから、公式提供のバージョンをダウンロード
flutter
b. またはfvmを使ってダウンロード

fvm install stable  # 最新の安定版をインストール

そしてデフォルトのFlutterバージョンをglobalに設定します

fvm global stable

(windows)環境変数に以下のパスを設定します（手動ダウンロードの場合は、対応するbinパスに置き換えます）

$HOME/fvm/default/bin

(macos)はターミナル設定で設定します、例えば一般的な.zshrcの場合：

open ~/.zshrc

そして.zshrcに以下を追加します

export PATH=$PATH:"$HOME/fvm/default/bin"

ターゲットデバイスで直接実行する

Flutterプロジェクトのルートディレクトリに移動します
直接実行すると、不足しているリソースやツールがダウンロードされ、その後実行したいターゲットプラットフォームを選択するよう求められます
```
  flutter run
```

Flutterプロジェクトのルートディレクトリに移動します
macOS向けのコンパイルが有効になっていることを確認します
```
  flutter config --enable-macos-desktop
```
特定のプラットフォーム向けにビルドします。以下の例はmacOS向けです
```
  flutter build macos
```
- ビルド完了後、xxx.appが生成されます
上記で生成されたxxx.appはまだアプリケーションにすぎません。.dmgが必要な場合は、さらにパッケージ化する必要があります
- プラグインcreate-dmgを使用する必要があるので、npmでインストールします
```
npm install -g create-dmg
```
- 先ほどビルドしたxxx.appをパッケージ化します：
  - --dmg-title：ディスク上のインストールパッケージの名前を設定できます
    create-dmg build/macos/Build/Products/Release/xxx.app --dmg-title="アプリケーション名" --overwrite

IDEを使用してプロジェクトを実行する (Cursor/vscode)

# flutter