Windowsダウンロード&インストール公式サイトからダウンロードします。gitforwindows.orgダウンロードしたファイルを実行します。こだわりがなければすべてデフォルトのまま「Next」をクリックし、インストールを完了してください。Web編〜』から来られた方は【2'】にお進みください下記リンクよりWindowsのVersion1.17.3をダウンロードします。1.20.2をインストールしてください。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ダウンロードしたZIPファイルをユーザーディレクトリ直下にフォルダを作成し、解凍してください。(注:ユーザー直下にしないでください。)「develop」というユーザーを使用しておりますので、「develop」の部分をご自身のアカウント名に変更する必要があります。Studioのダウンロード&インストール公式サイトからダウンロードします。https://developer.android.com/studio/?hl=jaダウンロードしたファイルを実行します。すべて「Next」で進み、「Finish」で完了してください。Theme」では著者の好みで「Darcula」を選択していますが、どちらでも構いません。この画面になれば完了です。hatchout.net【4】パスの設定まず始めに左下の検索窓で「環境変数」と検索してください。パスを設定される方と、以前に設定したことのある方で作業内容が少し変わります。自分に合った工程を進めてください。1初めてパスを通す方ユーザー環境変数に「Path」を追加します。(変数名はPathで行います。)変数値の「develop」の部分をご自身のアカウント名に変更して追加してください。環境変数「Path」が既に設定されていると思います。その「Path」を選択し、編集ボタンをクリックすると、以下の画面が表示されます。右にある新規ボタンからflutterのbinフォルダのパスを設定します。doctor」を実行し、以下のようになれば完了です。すべて緑色のマークになれば、Flutterを正しく動かすことのできる環境が整ったということになります。上の画像を例に挙げると、一番の上の項目以外はまだ問題があるのでFlutterを正しく動かすことはできません。ほとんどの場合、赤色の×マークの後に理由や解決方法が出力されているのでそれを見ながら解決していきましょう。」以降のコマンドを実行すれば解決できます。Enterを押すと行うことができます。doctor」を実行してください一番の上にあった赤色の「×」マークが緑色のマークに変わりました。設定でFlutterとDartのプラグインを追加することで解決することができます。Studioを起動し、右下の「Configure」から「Plugins」をクリックしてください。「Flutter」と検索してプラグインを見つけ、「Install」ボタンをクリックします。「Yes」でDartプラグインも同時にインストールします。Studioを再起動します。doctor」を実行してください。device」以外は緑色のマークになりました。device」を緑色のマークにするには、アプリの実行を確認するために実機を接続するか、エミュレータを起動すると解決します。本書ではエミュレータにて実行確認を行いますので、後にその起動を行います。project」をクリックします。Application」を選択したまま、「Next」をクリックします。path」にFlutterSDKを解凍したパスを入力し、「Next」をクリックします。そのままで「Finish」をクリックします。デモアプリが作成されました。来られた方はここで下の記事に戻ってください。【8】Emulatorの実装アプリの実行のために必要なデバイスを用意します。実機を接続しても構いませんが、本書ではエミュレータを使用しますので、その起動を行います。Manager」ボタンをクリックします。Device...」をクリックします。2」を選択し「Next」をクリックします。「Pie」ダウンロードし、選択した状態で「Next」をクリックします。「Finish」をクリックします。エミュレータが用意できたので、実行します。実行ボタンをクリックします。(右向きの三角形ボタンで実行。)エミュレータが起動できれば完了です。device」も緑色のマークになり、すべての準備が完了しました。Studioの実行ボタン(右上にある緑色の三角ボタン)をクリックして、デモアプリが実行できれば完了です。最初の実行は時間がかかる場合があるのでご注意ください。環境構築完了!これにてWindowsに置ける環境構築は完了です。クリエイターへのお問い合わせフィードバッククリエイターの。