<p>なんでこんなことやってるのかは<a href="https://qiita.com/e99h2121/items/22bebc9e69d499aa3d8f" target="_blank" rel="nofollow noopener noreferrer">2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話</a> 参照、Win10 の私の庭でその後の進捗報告。</p>
<p><a href="https://qiita.com/matsushou/items/f62ca1fb249670d7dbbc" target="_blank" rel="nofollow noopener noreferrer">Flutterに入門してクソアプリを作るまで</a><br>
と <a href="https://flutter.dev/docs/get-started/install/windows" target="_blank" rel="nofollow noopener noreferrer">https://flutter.dev/docs/get-started/install/windows</a> に倣い落としてきたものを設定。</p>
<p><code>set path=%path%;C:\src\flutter\bin;</code><br>
<code>flutter doctor</code> がともかく色々チェックするコマンドらしい</p>
<div class="code-block-container"><pre><code>C:\src&gt;flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.5, on Microsoft Windows [Version 10.0.19041.450], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[!] Android Studio (version 4.1.0)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.52.1)
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.
</code></pre></div><p>すると何やら怒られた。プラグインが入れられないようなので予め入れられていたAndroid studioの画面の方から入れることにする。<br>
Windows の場合は、<code>File &gt; Settings &gt; Plugins</code></p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--E5aUTzaF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/a4624994-183c-b41e-fb39-531ff747135d.png" alt="image.png" loading="lazy" class="md-img"></p>
<p>Android studioを再起動。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--kDKpRgdc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/83dd8e27-deb2-a0dc-cb79-532cf3d61faf.png" alt="image.png" loading="lazy" class="md-img"></p>
<p><code>flutter plugin not installed this adds flutter specific functionality.</code><br>
android studio 4.1 windows<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__92184481f070b" src="https://embed.zenn.studio/card#zenn-embedded__92184481f070b" data-content="https%3A%2F%2Fstackoverflow.com%2Fquestions%2F64369971%2Fandroid-studio-dart-and-flutter-plugin-is-not-installed" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://stackoverflow.com/questions/64369971/android-studio-dart-and-flutter-plugin-is-not-installed" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackoverflow.com/questions/64369971/android-studio-dart-and-flutter-plugin-is-not-installed</a></p>
<p><code>Flutter create command was unsuccessful</code> と言われてしまったが、コマンドライン上から<br>
<code>flutter create my_app</code> で成功。</p>
<p>Android Studio から my_app を開く。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--IXNpqBYS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/4487b4ff-f294-1550-91c5-58432e5fce4d.png" alt="image.png" loading="lazy" class="md-img"></p>
<p>さらに<code>No devices available</code> 等と言われる…</p>
<div class="code-block-container"><pre><code>C:\src&gt;flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, 1.26.0-1.0.pre, on Microsoft Windows [Version 10.0.19041.450], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Android Studio (version 4.1.0)
[√] VS Code (version 1.52.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

C:\src&gt;flutter devices
No devices detected.

Run "flutter emulators" to list and start any available device emulators.

If you expected your device to be detected, please run "flutter doctor" to diagnose potential issues. You may also try
increasing the time to wait for connected devices with the --device-timeout flag. Visit https://flutter.dev/setup/ for
troubleshooting tips.
</code></pre></div><p>emulatorは入ってるんだけどなと思いつつ対応...たしかにここまでStackoverflowが色々頼りだ。</p>
<div class="code-block-container"><pre><code>C:\src&gt;flutter emulators
1 available emulator:

Pixel_3a_API_30_x86 • Pixel_3a_API_30_x86 • Google • android

To run an emulator, run 'flutter emulators --launch &lt;emulator id&gt;'.
To create a new emulator, run 'flutter emulators --create [--name xyz]'.

You can find more information on managing emulators at the links below:
  https://developer.android.com/studio/run/managing-avds
  https://developer.android.com/studio/command-line/avdmanager

C:\src&gt;flutter emulators --launch Pixel_3a_API_30_x86
</code></pre></div><p>多少外見を書き換えて、emulatorをローンチ。</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--yIIPZpSx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/21ed71d9-2354-9ba9-fef4-4db6581feec9.png" alt="image.png" loading="lazy" class="md-img"></p>
<p>my_app階層で <code>flutter run</code> をしたところようやくボタン押下回数をカウントするだけのプログラムにたどり着いた！</p>


Flutterでありますまいか

Discussion