mcpField
I
install-flutter-from-git

install-flutter-from-git

github.com/rodydavis開発6065 回インストール2 週間前に更新
リポジトリ

install-flutter-from-git について

Git から Flutter SDK を導入し、Web、モバイル、デスクトップ開発向けに環境を整えるスキルです。PATH の設定や依存関係の確認、各プラットフォーム固有の準備を扱います。

主な機能

  1. 01stable ブランチの Flutter を取得
  2. 02Flutter の PATH 設定
  3. 03flutter doctor による環境確認
  4. 04Web・モバイル・デスクトップの有効化

活用シーン

  1. 01新しいマシンへの Flutter 導入
  2. 02各プラットフォーム向け開発環境の準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rodydavis/skills --skill install-flutter-from-git

インストール後、Claude Code で/install-flutter-from-gitを入力して読み込まれたか確認します。

詳細

Git から Flutter をインストールする

このスキルでは、git clone を使用して Flutter SDK をインストールし、Web、モバイル、デスクトップ開発向けに環境を設定する手順を説明します。

1. 前提条件（すべてのプラットフォーム）

以下がインストールされていることを確認してください。

  • Git：Git をインストール
  • Curl/Unzip（macOS/Linux には通常インストールされています。Windows では通常、Git Bash などが必要です）

2. Flutter SDK をインストールする

macOS / Linux

ターミナルを開き、Flutter SDK の stable ブランチをクローンする以下のコマンドを実行します。

# Create a directory for development (e.g., ~/development)
mkdir -p ~/development
cd ~/development

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable
Windows

PowerShell またはコマンドプロンプトを開きます。

# Create a directory for development (e.g., C:\src)
mkdir C:\src
cd C:\src

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable

3. Flutter を PATH に追加する

任意のターミナルから flutter コマンドを実行するには、SDK の bin ディレクトリを PATH に追加する必要があります。

macOS（Zsh）/ Linux（Bash/Zsh）

  1. シェルの設定ファイル（例：~/.zshrc、~/.bashrc、または ~/.zshenv）を開きます。

  2. 以下の行を追加します（~/development/flutter は実際のパスに置き換えてください）。

    export PATH="$PATH:$HOME/development/flutter/bin"

  3. 現在のターミナルを更新します。

    source ~/.zshrc  # or ~/.bashrc
Windows
  1. Win + S を押して「env」と入力し、システム環境変数の編集を選択します。
  2. 環境変数をクリックします。
  3. ユーザー環境変数の下にある Path を選択し、編集をクリックします。
  4. 新規をクリックし、flutter\bin の完全なパス（例：C:\src\flutter\bin）を追加します。
  5. すべてのウィンドウで OK をクリックします。
  6. ターミナル/PowerShell を再起動します。

4. インストールを確認する

不足している依存関係を確認するには、以下のコマンドを実行します。

flutter doctor

5. プラットフォームの設定

Web（Chrome）
  1. Chrome をインストールする：Google Chrome がインストールされていることを確認します。
  2. Web サポートを有効にする（通常はデフォルトで有効です）。 
    flutter config --enable-web
  3. 確認する：flutter devices を実行し、「Chrome」が表示されることを確認します。
モバイル（iOS と Android）
iOS（macOS のみ）
  1. Xcode をインストールする：Mac App Store からダウンロードします。
  2. コマンドラインツールを設定する： 
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
  3. CocoaPods をインストールする（依存関係の管理に使用します）。 
    sudo gem install cocoapods
  4. シミュレーター：open -a Simulator で開きます。
Android（すべてのオペレーティングシステム）
  1. Android Studio をインストールする：こちらからダウンロード。
  2. SDK コンポーネントをインストールする：
    • Android Studio を開き、SDK Manager を選択します。
    • Android SDK Platform-Tools をインストールします。
    • Android SDK Command-line Tools (latest) をインストールします。
  3. ライセンスに同意する： 
    flutter doctor --android-licenses
    （すべてのライセンスに同意するには y を押します）。
  4. エミュレーター：AVD Manager でデバイスを作成します。
デスクトップ（macOS、Windows、Linux）
macOS デスクトップ
  1. Xcode をインストールする：（上記の iOS の手順と同じです）。
  2. macOS を有効にする： 
    flutter config --enable-macos-desktop
Windows デスクトップ
  1. Visual Studio をインストールする（VS Code ではありません）：VS Community をダウンロード。
  2. ワークロード：インストール時に C++ によるデスクトップ開発を選択します。
  3. Windows を有効にする： 
    flutter config --enable-windows-desktop
Linux デスクトップ
  1. 依存関係をインストールする（Ubuntu/Debian の例）： 
    sudo apt-get update
sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev liblzma-dev
  2. Linux を有効にする： 
    flutter config --enable-linux-desktop

6. 最終確認

もう一度 flutter doctor を実行し、必要なすべてのプラットフォームにチェックマークが付いていることを確認します。

flutter doctor -v

コメント

Markdown 対応