è¿‘æ³å ±å‘Šã«ãªã‚‹ãŒã€åŽ»å¹´æœ«ã‹ã‚‰æœ¬æ¥ä»•äº‹ã§IoT系プãƒã‚¸ã‚§ã‚¯ãƒˆã«é–¢ã‚ã£ã¦ã„ãŸãŒã€æœ€è¿‘ãã‚ŒãŒä¸€æ®µè½ã—ãŸã€‚ã“ã®ä»•äº‹ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆæ©Ÿã¯ESP32ã‚’æ載ã—ã¦ã„ã‚‹ãŒã€å°ç”Ÿã¯ãã®ãƒ•ã‚¡ãƒ¼ãƒ ウェアã®é–‹ç™ºã‚’è¡Œã£ãŸã€‚ã¾ãŸã€AWS上ã§ç¨¼åƒã™ã‚‹NestJSベースã®Webアプリ・サーãƒãƒ¼ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ”¹é€ も手ä¼ã£ãŸã‚Šã—ãŸã€‚ã“ã¡ã‚‰ã§å¾—ãŸæŠ€è¡“知見もブãƒã‚°è¨˜äº‹ã«æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã£ã¦ã„る。
本æ¥ã«å¾©å¸°ã™ã‚‹å‰ã®ä¸€æ˜¨å¹´ã‹ã‚‰åŽ»å¹´å‰åŠã¾ã§ï¼ˆã‚³ãƒãƒŠç¦ã®æœ€ç››æœŸï¼‰ã¯IT開発ã¯å‰¯æ¥ã¨ã—ã¦ã‚„ã£ã¦ã„ãŸãŒã€ä¸»ã«é–¢ã‚ã£ã¦ã„ãŸã®ã¯ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク（プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼‰ã¯Flutter（Dart）を使ã£ã¦ã„ãŸã€‚Flutterを好んã§ä½¿ã£ã¦ã„ãŸã®ã¯ã€ä¸€ã¤ã®ãƒ—ãƒã‚°ãƒ©ãƒ コードã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€Webã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®å…¨éƒ¨ã«å¯¾å¿œã§ãã‚‹ã‹ã‚‰ã 。モダンãªã‚ªãƒ–ジェクト指å‘＋宣言型ã®è¨€èªžãƒ‘ラダイムもç†è§£ã—易ãã¦ï¼ˆå°ç”Ÿã®å ´åˆã€ä½¿ã„ã“ãªã—ã¦ã„る自信レベルã®ç¿’å¾—ã«ï¼’ヶ月ã ã£ãŸï¼‰ã€ã„ã¾ã§ã‚‚スマホアプリ開発用ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・言語ã¨ã—ã¦Flutter/DartãŒãƒ™ã‚¹ãƒˆã®é¸æŠžã ã¨æ€ã£ã¦ã„る。
一年近ãブランクãŒã§ãã¦ã—ã¾ã£ãŸã®ã§ã€å†ã‚¹ã‚¿ãƒ¼ãƒˆã®ã¤ã‚‚ã‚Šã§æ”¹ã‚ã¦ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発ã«å–り組ã¿ãŸã„。クリーンインストール新調ã—ãŸMacã¨Ubuntuæ©Ÿã«Flutterã«ã‚ˆã‚‹ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発環境を構築ã—ãŸã®ã§ã€ãã®ä½œæ¥å†…容を記事ã«æ›¸ã„ã¦ã„ã。
å°ç”ŸãŒFlutterを使ã„始ã‚ãŸã®é ƒã¯ã™ã§ã«SDKãƒãƒ¼ã‚¸ãƒ§ãƒ³3.xã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ãŸãŒã€ã¾ã 2.xãŒä¸»æµã ã£ãŸã€‚ã„ã¾ã¯3.xãŒä¸»æµã«ãªã£ã¦ãŠã‚Šã€è‰²ã€…ã¨å¤‰ã‚ã£ã¦ã—ã¾ã£ã¦ã„る点ãŒã‚るよã†ã 。
Flutterã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
Flutter（Flutter SDK）ã¯ç´ ã®ã¾ã¾ç›´æŽ¥ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ãŒã€è¨€èªžãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãƒ„ールを利用ã—ãŸæ–¹ãŒãƒ—ãƒã‚°ãƒ©ãƒ 毎ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ãŒã‚„り易ããªã‚‹ã€‚
Flutter用ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãƒ„ールã¨ã—ã¦ã€FVM（Flutter Version Management）ã¾ãŸã¯asdfãŒåºƒã使ã‚ã‚Œã¦ã„るよã†ã 。
fvm.app
asdf-vm.com
FVMã«ã‚ˆã‚‹Flutterã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
FVMã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
% brew tap leoafarias/fvm
% brew install fvm
$ curl -fsSL https://fvm.app/install.sh | bash
Flutterãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
% fvm releases
% fvm install 3.19.6
% fvm list
Cache directory: /Users/LOGNAME/fvm/versions
Directory Size: 73.02 MB
┌─────────┬─────────┬─────────────────┬──────────────┬──────────────┬────────â”
│ Version │ Channel │ Flutter Version │ Dart Version │ Release Date │ Global │
├─────────┼─────────┼─────────────────┼──────────────┼──────────────┼────────┤
│ 3.19.6 │ │ Need setup │ │ │ │
└─────────┴─────────┴─────────────────┴──────────────┴──────────────┴────────┘
本記事執ç†æ™‚点ã®Flutter SDKã®æœ€æ–°Stable版ã¯3.19.6-stableãªã®ã§ã“れをインストールã—ã¦ã„ã‚‹ãŒã€ä»»æ„ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’指定ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã‚‚ã§ãる。
ã‚°ãƒãƒ¼ãƒãƒ«ãªFlutterãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¨å®š
プãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå¤–ã§ã‚‚Flutter SDKã®ã‚³ãƒžãƒ³ãƒ‰ãŒåˆ©ç”¨ã§ãるよã†ã«ã€ã‚°ãƒãƒ¼ãƒãƒ«ãªFlutterã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’è¨å®šã—ã¦ãŠãã“ã¨ã‚’è–¦ã‚る。
% fvm global 3.19.6
% cd
% fvm flutter --version
Flutter 3.19.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 54e66469a9 (2 weeks ago) • 2024-04-17 13:08:03 -0700
Engine • revision c4cd48e186
Tools • Dart 3.3.4 • DevTools 2.31.1
asdfã«ã‚ˆã‚‹Flutterã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
asdfã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ‰‹é †ã«ã¤ã„ã¦ã¯ä¸‹ã®è¨˜äº‹ã‚’å‚ç…§ã—ã¦ã»ã—ã„。
blog.ketus-ix.work
Flutterãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
% asdf plugin add flutter
% asdf list all flutter
% asdf install flutter latest
% asdf reshim
% asdf list flutter
3.19.6-stable
コマンド "asdf install flutter latest" ã¯Fluter SDKã®æœ€æ–°Stable版をインストールã™ã‚‹å ´åˆã ãŒã€ä¸‹ã®ã‚ˆã†ãªã‚³ãƒžãƒ³ãƒ‰ã«ã‚ˆã£ã¦æŒ‡å®šã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’インストールã™ã‚‹ã“ã¨ã‚‚ã§ãる。
% asdf install flutter 3.16.8-stable
è£œè¶³æƒ…å ±
Homebrew環境ã®asdfã§Flutter 3.0以é™ã‚’インストールã—よã†ã™ã‚‹ã¨ã€ä¸‹ã®ã‚ˆã†ãªã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã“ã¨ãŒã‚る。
% asdf install flutter latest
/Users/LOGNAME/.asdf/plugins/flutter/bin/install: line 25: jq: command not found
/Users/LOGNAME/.asdf/plugins/flutter/bin/install: line 26: jq: command not found
/Users/LOGNAME/.asdf/plugins/flutter/bin/install: line 27: [: -gt: unary operator expected
Cannot find the download url for the version: 3.19.6-stable
ã“ã®å ´åˆã¯ã€jqã¨ã„ã†ãƒ‘ッケージをインストールã™ã‚‹ã¨è§£æ±ºã§ãる。
% brew install jq
ã‚°ãƒãƒ¼ãƒãƒ«ãªFlutterãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¨å®š
プãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå¤–ã§ã‚‚Flutter SDKã®ã‚³ãƒžãƒ³ãƒ‰ãŒåˆ©ç”¨ã§ãるよã†ã«ã€ã‚°ãƒãƒ¼ãƒãƒ«ãªFlutterã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’è¨å®šã—ã¦ãŠãã“ã¨ã‚’è–¦ã‚る。
% asdf global flutter 3.19.6-stable
% cd
% flutter --version
Flutter 3.19.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 54e66469a9 (2 weeks ago) • 2024-04-17 13:08:03 -0700
Engine • revision c4cd48e186
Tools • Dart 3.3.4 • DevTools 2.31.1
å¿…è¦ãªãƒ„ールã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
Flutterã«ã‚ˆã‚‹Webアプリã®å‹•ä½œç¢ºèªã«ä½¿ã‚れるã®ã§ã€Google ChromeãŒå¿…è¦ã¨ãªã‚‹ã€‚Google Chromeã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰å…¥æ‰‹ã§ãる。
下ã®ã‚ˆã†ãªã‚³ãƒžãƒ³ãƒ‰ã«ã‚ˆã£ã¦ã€Homebrewを使ã£ã¦Google Chromeをインストールã™ã‚‹ã“ã¨ã‚‚ã§ãる。
% brew install --cask google-chrome
ãªãŠã€Chrome派生ã®ä»–ã®Webブラウザ（Vivaldiãªã©ï¼‰ã‚’使ã£ã¦ã„ã‚‹å ´åˆã¯ã€ç’°å¢ƒå¤‰æ•°CHROME_EXECUTABLEã«ãã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スを指定ã—ã¦ãŠã‘ã°ã€ãã¡ã‚‰ãŒä½¿ã‚れる。
Xcodeã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
macOSデスクトップ・アプリã®é–‹ç™ºã¯Xcodeを使ã‚ãªã„ã¨ã§ããªã„。Xcodeã¯iOSアプリã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€Xcodeをインストールã™ã‚Œã°ã“ã®ä¸¡æ–¹ã‚’開発ã§ãる。
最新版ã®Xcodeã¯App Storeã‹ã‚‰å…¥æ‰‹ã§ãる。ãŸã ã—ã€æœ€æ–°ç‰ˆXcodeã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¯èƒ½ãªmacOSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãã®æ™‚点ã®æœ€æ–°ç‰ˆã«é™å®šã•ã‚Œã¦ã„る。
apps.apple.com
最新版よりå¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯Apple Developerã®Xcodeå…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰å…¥æ‰‹ã§ãる。
developer.apple.com
ã‚ã‚‹ã„ã¯ã€Xcodesã¨ã„ã†ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¢ãƒ—リを使ã£ã¦Xcodeをインストールã“ã¨ã‚‚ã§ãる。Xcodesã«ã¤ã„ã¦ã¯ä¸‹ã®è¨˜äº‹ã‚’å‚ç…§ã—ã¦ã»ã—ã„。
blog.ketus-ix.work
Xcodesã«ã‚ˆã£ã¦Xcodeをインストールã—ãŸå ´åˆã¯ã€åŒã‚¢ãƒ—リã®ãƒ•ã‚¡ã‚¤ãƒ«å㯠/Applications/Xcode-VERSION.appã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€å¯¾è±¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚³ãƒ³ãƒ†ã‚ストメニューã‹ã‚‰ [Xcode.appã¨ã—ã¦ã‚·ãƒ³ãƒœãƒªãƒƒã‚¯ãƒªãƒ³ã‚¯ã‚’作æˆ] を実行ã—ã¦ãŠãã¨è‰¯ã„ã ã‚ã†ã€‚
Xcodeをインストールã—ãŸã‚‰ã€ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã—ã¦ãŠãã“ã¨ã€‚
% sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
Flutter開発環境ã®çŠ¶æ…‹ç¢ºèª
Flutter SDKã«ã¯Flutter開発環境ã®çŠ¶æ…‹ã‚’調ã¹ã¦ãれるコマンドãŒã‚る。下ã®ã‚³ãƒžãƒ³ãƒ‰ãŒãã‚Œã （FVMを使ã£ã¦ã„ã‚‹å ´åˆã®ã‚³ãƒžãƒ³ãƒ‰ã¯ "fvm flutter doctor"）。
% flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.6, on macOS 12.7.4 21H1123 darwin-x64, locale ja-JP)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
[!] Xcode - develop for iOS and macOS (Xcode 14.2)
✗ CocoaPods not installed.
CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/platform-plugins
To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.89.0)
[✓] Connected device (2 available)
[✓] Network resources
! Doctor found issues in 3 categories.
ã“ã“ã¾ã§ã®æ‰‹é †æ“作ãŒæ¸ˆã‚“ã§ã„ã‚Œã°ã€å¤šåˆ†ä¸Šã®ã‚ˆã†ãªè¡¨ç¤ºã«ãªã‚‹ã ã‚ã†ã€‚
å•é¡Œã¨ã—ã¦æŒ‡æ‘˜ã•ã‚Œã¦ã„ã‚‹ "Android toolchain - Unable to locate Android SDK."ã€"Android Studio (not installed)" ã¯Androidアプリã®é–‹ç™ºã«å¿…è¦ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã®ã§ã€Flutterã§Androidアプリã®é–‹ç™ºã‚’è¡Œã‚ãªã„å ´åˆã¯ç„¡è¦–ã—ã¦ã‚‚構ã‚ãªã„。"Xcode - CocoaPods not installed." ã§æŒ‡æ‘˜ã•ã‚Œã¦ã„ã‚‹CocoaPodsã¯iOSアプリã®é–‹ç™ºã«å¿…è¦ãªã‚‚ã®ã§ã€ã“ã®çŠ¶æ…‹ã§ã‚‚macOSデスクトップ・アプリã®é–‹ç™ºã¯è¡Œãˆã‚‹ã€‚Flutterã§iOSアプリã®é–‹ç™ºã‚’è¡Œã‚ãªã„å ´åˆã¯ã“ã®æŒ‡æ‘˜ã¯ç„¡è¦–ã—ã¦ã‚‚構ã‚ãªã„（ã“れらã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã«ã¤ã„ã¦ã¯æ¬¡ã®è¨˜äº‹ã§èª¬æ˜Žã™ã‚‹ï¼‰ã€‚
Flutterプãƒã‚¸ã‚§ã‚¯ãƒˆã®ç’°å¢ƒæ§‹ç¯‰
æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ
FVMを使ã£ã¦ã„ã‚‹å ´åˆ
% mkdir flutter_project
% cd flutter_project
% fvm use 3.19.6
No pubspec.yaml detected in this directory
✔ Would you like to continue? · yes
[WARN] Project is not a git repository.
But will set .gitignore as IDEs may use it,to determine what to index and display on searches,
You should add the fvm version directory ".fvm/" to .gitignore.
✔ Would you like to do that now? · yes
✓ Added .fvm/ to .gitignore
✗ Could not resolve dependencies. (0.9s)
Expected to find project root in current working directory.
The error could indicate incompatible dependencies to the SDK.
✔ Would you like to continue pinning this version anyway? · yes
✓ Project now uses Flutter SDK : SDK Version : 3.19.6
% fvm flutter create .
Recreating project ....
pubspec.yaml (created)
README.md (created)
lib/main.dart (created)
test/widget_test.dart (created)
windows/runner/flutter_window.cpp (created)
windows/runner/utils.h (created)
windows/runner/utils.cpp (created)
windows/runner/runner.exe.manifest (created)
windows/runner/CMakeLists.txt (created)
windows/runner/win32_window.h (created)
windows/runner/Runner.rc (created)
windows/runner/win32_window.cpp (created)
windows/runner/resources/app_icon.ico (created)
windows/runner/main.cpp (created)
windows/runner/resource.h (created)
windows/runner/flutter_window.h (created)
windows/flutter/CMakeLists.txt (created)
windows/.gitignore (created)
windows/CMakeLists.txt (created)
ios/Runner.xcworkspace/contents.xcworkspacedata (created)
ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings (created)
ios/Runner/Info.plist (created)
ios/Runner/Assets.xcassets/LaunchImage.imageset/[email protected] (created)
ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md (created)
ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json (created)
ios/Runner/Assets.xcassets/LaunchImage.imageset/[email protected] (created)
ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
ios/Runner/Base.lproj/LaunchScreen.storyboard (created)
ios/Runner/Base.lproj/Main.storyboard (created)
ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata (created)
ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings (created)
ios/Flutter/Debug.xcconfig (created)
ios/Flutter/Release.xcconfig (created)
ios/Flutter/AppFrameworkInfo.plist (created)
ios/.gitignore (created)
flutter_project.iml (created)
web/favicon.png (created)
web/index.html (created)
web/manifest.json (created)
web/icons/Icon-maskable-512.png (created)
web/icons/Icon-192.png (created)
web/icons/Icon-maskable-192.png (created)
web/icons/Icon-512.png (created)
macos/Runner.xcworkspace/contents.xcworkspacedata (created)
macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
macos/RunnerTests/RunnerTests.swift (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png (created)
macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png (created)
macos/Runner/DebugProfile.entitlements (created)
macos/Runner/Base.lproj/MainMenu.xib (created)
macos/Runner/MainFlutterWindow.swift (created)
macos/Runner/Configs/Debug.xcconfig (created)
macos/Runner/Configs/Release.xcconfig (created)
macos/Runner/Configs/Warnings.xcconfig (created)
macos/Runner/Configs/AppInfo.xcconfig (created)
macos/Runner/AppDelegate.swift (created)
macos/Runner/Info.plist (created)
macos/Runner/Release.entitlements (created)
macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
macos/Runner.xcodeproj/project.pbxproj (created)
macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme (created)
macos/Flutter/Flutter-Debug.xcconfig (created)
macos/Flutter/Flutter-Release.xcconfig (created)
macos/.gitignore (created)
android/app/src/profile/AndroidManifest.xml (created)
android/app/src/main/res/mipmap-mdpi/ic_launcher.png (created)
android/app/src/main/res/mipmap-hdpi/ic_launcher.png (created)
android/app/src/main/res/drawable/launch_background.xml (created)
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png (created)
android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png (created)
android/app/src/main/res/values-night/styles.xml (created)
android/app/src/main/res/values/styles.xml (created)
android/app/src/main/res/drawable-v21/launch_background.xml (created)
android/app/src/main/res/mipmap-xhdpi/ic_launcher.png (created)
android/app/src/main/AndroidManifest.xml (created)
android/app/src/debug/AndroidManifest.xml (created)
android/settings.gradle (created)
android/gradle/wrapper/gradle-wrapper.properties (created)
android/gradle.properties (created)
android/.gitignore (created)
android/app/build.gradle (created)
android/app/src/main/kotlin/com/example/flutter_project/MainActivity.kt (created)
android/build.gradle (created)
android/flutter_project_android.iml (created)
ios/RunnerTests/RunnerTests.swift (created)
ios/Runner/Runner-Bridging-Header.h (created)
ios/Runner/AppDelegate.swift (created)
ios/Runner.xcodeproj/project.pbxproj (created)
ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme (created)
analysis_options.yaml (created)
.idea/runConfigurations/main_dart.xml (created)
.idea/libraries/Dart_SDK.xml (created)
.idea/libraries/KotlinJavaRuntime.xml (created)
.idea/modules.xml (created)
.idea/workspace.xml (created)
linux/main.cc (created)
linux/my_application.h (created)
linux/my_application.cc (created)
linux/flutter/CMakeLists.txt (created)
linux/.gitignore (created)
linux/CMakeLists.txt (created)
Resolving dependencies... (1.4s)
Got dependencies.
Wrote 128 files.
All done!
You can find general documentation for Flutter at: https://docs.flutter.dev/
Detailed API documentation is available at: https://api.flutter.dev/
If you prefer video documentation, consider: https://www.youtube.com/c/flutterdev
In order to run your application, type:
$ cd .
$ flutter run
Your application code is in ./lib/main.dart.
コマンド "fvm use 3.19.6" ã«ã‚ˆã£ã¦ã€æŒ‡å®šãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Flutter SDKãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã®.fvmディレクトリã¸ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã‚‹ã€‚ã¾ãŸã€ã‚³ãƒžãƒ³ãƒ‰ "fvm flutter create ." ã«ã‚ˆã£ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã«pubspec.yamlファイルãŒä½œæˆã•ã‚Œã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åŸºæœ¬æ§‹æˆãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ï¼ˆã‚µãƒ³ãƒ—ルソースやビルド用ファイルãªã©ï¼‰ãŒè¿½åŠ ã•ã‚Œã‚‹ã€‚
è£œè¶³æƒ…å ±
FVMã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸFlutterを使用ã™ã‚‹å ´åˆã€Flutter SDKå´ã®ã‚³ãƒžãƒ³ãƒ‰å®Ÿè¡Œã¯ã™ã¹ã¦ "fvm flutter ..." ã¨ã„ã†å½¢å¼ã«ãªã£ã¦ã—ã¾ã†ã€‚
下ã®ã‚ˆã†ãªè¨˜è¿°ã‚’.bashrcã‚„.zshrcã«è¿½åŠ ã—ã¦ãŠãã¨ã€"fvm" ã‚’çœç•¥ã§ãã‚‹ã®ã§ä¾¿åˆ©ã ã‚ã†ã€‚
alias dart='fvm dart'
alias flutter='fvm flutter'
asdfを使ã£ã¦ã„ã‚‹å ´åˆ
% mkdir flutter_project
% cd flutter_project
% asdf local flutter 3.19.6-stable
% flutter --version
% flutter create .
æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½¿ç”¨
æ—¢å˜ã®Flutterプãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¯pubspec.yamlã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ãŒå«ã¾ã‚Œã¦ãŠã‚Šã€ã“ã‚Œã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒåˆ©ç”¨ã—ã¦ã„ã‚‹Flutter SDKã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸æƒ…å ±ãŒè¨˜è¼‰ã•ã‚Œã¦ã„る。
FVMを使ã£ã¦ã„ã‚‹å ´åˆ
% cd FLUTTER_PROJECT_DIR
% fvm use 3.19.6
% fvm flutter --version
% fvm flutter pub get
asdfを使ã£ã¦ã„ã‚‹å ´åˆ
% cd FLUTTER_PROJECT_DIR
% asdf local flutter 3.19.6-stable
% flutter --version
% flutter pub get
"flutter pub get" ã¯Flutterã®å…¬å¼ãƒ‘ッケージé…布サイトpub.devã‹ã‚‰ãƒ‘ッケージをå–å¾—ã™ã‚‹ã‚³ãƒžãƒ³ãƒ‰ã§ã€ã“ã®ã‚³ãƒžãƒ³ãƒ‰ã¯pubspec.yamlã®å†…容をå‚ç…§ã—ãªãŒã‚‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã™ã¹ã¦ã®ä¾å˜ãƒ‘ッケージをインストールã™ã‚‹ã€‚
pub.dev
Flutterã«ã‚ˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ 開発もVisual Studio Codeを使ã£ã¦è¡Œã£ã¦ã„ãŸã€‚iOS/Androidアプリã®é–‹ç™ºã§ã¯Xcodeã‚„Android Studioも併用ã—ã¦ã„ãŸãŒã€ã“れらã¯ã‚¢ãƒ—リã®ãƒ“ルドè¨å®šã®èª¿æ•´ã‚„シュミレータや実機ターゲットã§ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒ‡ãƒãƒƒã‚°ãƒ»å‹•ä½œç¢ºèªã®ç›®çš„ã«ã—ã‹ä½¿ã£ã¦ã„ãªã‹ã£ãŸã€‚
VSCode上ã§ã®Flutter開発ã®æº–å‚™
VSCodeを使ã£ã¦Flutterプãƒã‚°ãƒ©ãƒ ã®é–‹ç™ºã‚’è¡Œã†ã«ã‚ãŸã£ã¦ã€"Dart" 㨠"Flutter" ã¨ã„ã†ï¼’ã¤ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’入れã¦ãŠã。
ä»–ã«ã‚‚Flutter開発å‘ã‘ã®æ‹¡å¼µæ©Ÿèƒ½ãŒåœ¨ã‚‹ãŒã€æœ€åˆã¯æœ€ä½Žé™ã“ã®ï¼’ã¤ã‚’入れã¦ãŠã‘ã°è‰¯ã„ã ã‚ã†ã€‚
VSCodeã§ã®æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ
FVMを使ã£ã¦ã„ã‚‹å ´åˆ
VSCodeã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ [Manage (管ç†)]（左下ã®æ¯è»Šãƒžãƒ¼ã‚¯ï¼‰ > [Settings (è¨å®š)] ã«ã‚ˆã£ã¦è¨å®šç”»é¢ã‚’é–‹ãã€å·¦ä¸Šã® [Open Settings (JSON)]（書類マーク）ボタンを押ã™ã€‚
ã™ã‚‹ã¨ã€ä¸‹ã®ã‚ˆã†ãªç”»é¢ãŒé–‹ã。
ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®æ—¢å˜ã®å†…容ã«ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚’è¿½åŠ ã—ã¦ã€ç·¨é›†å†…容をä¿å˜ã™ã‚‹ã€‚
/Users/LOGNAME/Application Support/Code/User/setttings.json
{
"workbench.colorCustomizations": {},
"telemetry.telemetryLevel": "off",
"editor.minimap.enabled": false,
- "workbench.startupEditor": "none"
+ "workbench.startupEditor": "none",
+ "dart.flutterSdkPath": "/Users/LOGNAME/fvm/versions/3.19.6"
}
※"3.19.6" ã®éƒ¨åˆ†ã¯ä½œæˆã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨äºˆå®šã®ï¼ˆFVMã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã®ï¼‰Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€"LOGNAME" ã¯ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶å。
ãã®å¾Œã€VSCodeã‚’å†èµ·å‹•ã™ã‚‹ã‹ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レット・メニュー "Developer: Reload Window" を実行ã™ã‚‹ã€‚
VSCodeãŒå†èµ·å‹•ã—ãŸã‚‰ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レットã«"Flutter" ã¨å…¥åŠ›ã—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ "Flutter: New Project" ã‚’é¸æŠžã™ã‚‹ã¨ã€ã•ã‚‰ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ "Application"ã‚’é¸ã¶ã€‚
ã™ã‚‹ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžãƒ€ã‚¤ã‚¢ãƒã‚°ãŒé–‹ãã®ã§ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¿å˜å ´æ‰€ã‚’é¸ã‚“ã§ã‹ã‚‰ã€æ–°ã—ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã®åå‰ã‚’入力ã™ã‚‹ã€‚
上記ã®æ‰‹é †ã«å¾“ã£ã¦VSCode上ã§Flutterã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã¨ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãŒä½œæˆã•ã‚Œã€ãã®ä¸ã«pubspec.yamlã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åŸºæœ¬æ§‹æˆãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ãŒè¿½åŠ ã•ã‚Œã‚‹ã€‚
続ã‘ã¦ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ [Terminal (ターミナル)] > [New Terminal (æ–°ã—ã„ターミナル)] ã«ã‚ˆã£ã¦ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«ã‚’é–‹ãã€ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã€‚
% fvm use 3.19.6
※"3.19.6" ã®éƒ¨åˆ†ã¯æœ€åˆã®settings.json内ã§æŒ‡å®šã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨åŒä¸€ã§ã‚ã‚‹ã“ã¨ã€‚
ã“ã‚Œã«ã‚ˆã£ã¦ã€æŒ‡å®šãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Flutter SDKãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã®.fvmディレクトリã¸ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã€åŒæ™‚ã«ä¸‹ã®ã‚ˆã†ãªå†…容㮠.vscode/settings.json ファイルも作æˆã•ã‚Œã‚‹ã€‚
{
"dart.flutterSdkPath": ".fvm/versions/3.19.6"
}
ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®å†…容を下ã®ã‚ˆã†ã«ç·¨é›†ã—ãŸä¸Šã§ä¿å˜ã™ã‚‹ã€‚
{
- "dart.flutterSdkPath": ".fvm/versions/3.19.6"
+ "dart.flutterSdkPath": ".fvm/versions/3.19.6",
+ "search.exclude": {
+ "**/.fvm": true
+ },
+ "files.watcherExclude": {
+ "**/.fvm": true
+ }
}
エクスプãƒãƒ¼ãƒ©ãƒ‘ãƒãƒ«å†…ã®ãƒ•ã‚¡ã‚¤ãƒ« lib/main.dart ã‚’é¸æŠžã—ã¦ã„る状態ã§å³ä¸‹ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã® "{ }"（"Dart" ã®å·¦æ¨ªï¼‰ã‚’クリックã—ã¦ã€è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é …目㫠"3.19.6 - Flutter SDK"（"3.19.6" ã®éƒ¨åˆ†ã¯ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "fvm use VERSION" ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ–‡å—列ã¨ä¸€è‡´ï¼‰ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ã€‚å˜åœ¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€åŒé …ç›®å³æ¨ªã®ãƒ”ン・マークを押ã™ã€‚
ã™ã‚‹ã¨ã€ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã«ãã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®æœ€å¾Œã®æ“作ã¯ã‚ªãƒ—ションã ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¸¸ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹æ–¹ãŒåˆ¤ã‚Šæ˜“ããªã‚‹ã€‚
asdfを使ã£ã¦ã„ã‚‹å ´åˆ
VSCodeã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ [Manage (管ç†)]（左下ã®æ¯è»Šãƒžãƒ¼ã‚¯ï¼‰ > [Settings (è¨å®š)] ã«ã‚ˆã£ã¦è¨å®šç”»é¢ã‚’é–‹ãã€å·¦ä¸Šã® [Open Settings (JSON)]（書類マーク）ボタンを押ã™ã€‚ã™ã‚‹ã¨ã€/Users/LOGNAME/Application Support/Code/User/setttings.jsonã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ãŒç”»é¢ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®æ—¢å˜ã®å†…容ã«ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚’è¿½åŠ ã—ã¦ã€ç·¨é›†å†…容をä¿å˜ã™ã‚‹ã€‚
/Users/LOGNAME/Application Support/Code/User/setttings.json
{
"workbench.colorCustomizations": {},
"telemetry.telemetryLevel": "off",
"editor.minimap.enabled": false,
- "workbench.startupEditor": "none"
+ "workbench.startupEditor": "none",
+ "dart.flutterSdkPath": "/Users/LOGNAME/.asdf/installs/flutter/3.19.6-stable"
}
※"3.19.6-stable" ã®éƒ¨åˆ†ã¯ä½œæˆã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨äºˆå®šã®ï¼ˆasdfã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã®ï¼‰Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€"LOGNAME" ã¯ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶å。
ãã®å¾Œã€VSCodeã‚’å†èµ·å‹•ã™ã‚‹ã‹ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レット・メニュー "Developer: Reload Window" を実行ã™ã‚‹ã€‚
VSCodeãŒå†èµ·å‹•ã—ãŸã‚‰ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レットã«"Flutter" ã¨å…¥åŠ›ã—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ "Flutter: New Project" ã‚’é¸æŠžã™ã‚‹ã¨ã€ã•ã‚‰ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ "Application"ã‚’é¸ã¶ã€‚
ã™ã‚‹ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžãƒ€ã‚¤ã‚¢ãƒã‚°ãŒé–‹ãã®ã§ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¿å˜å ´æ‰€ã‚’é¸ã‚“ã§ã‹ã‚‰ã€æ–°ã—ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã®åå‰ã‚’入力ã™ã‚‹ã€‚
上記ã®æ‰‹é †ã«å¾“ã£ã¦VSCode上ã§Flutterã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã¨ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãŒä½œæˆã•ã‚Œã€ãã®ä¸ã«pubspec.yamlã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åŸºæœ¬æ§‹æˆãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ãŒè¿½åŠ ã•ã‚Œã‚‹ã€‚
続ã‘ã¦ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ [Terminal (ターミナル)] > [New Terminal (æ–°ã—ã„ターミナル)] ã«ã‚ˆã£ã¦ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«ã‚’é–‹ãã€ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã€‚
% asdf local flutter 3.19.6-stable
※"3.19.6-stable" ã®éƒ¨åˆ†ã¯æœ€åˆã®settings.json内ã§æŒ‡å®šã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨åŒä¸€ã§ã‚ã‚‹ã“ã¨ã€‚
ã•ã‚‰ã«ã€ä¸‹ã®ã‚ˆã†ãªå†…容㮠.vscode/settings.json ファイルを作æˆã™ã‚‹ï¼ˆæœ¬ãƒ•ã‚¡ã‚¤ãƒ«ãŒå˜åœ¨ã—ãªã„å ´åˆã¯ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レット・メニュー "Prefereces: Open Workspace Settings (JSON)" ã«ã‚ˆã£ã¦ä½œæˆã§ãる）。
{
"dart.flutterSdkPath": "/Users/LOGNAME/.asdf/installs/flutter/3.19.6-stable"
}
※"3.19.6-stable" ã®éƒ¨åˆ†ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨ã™ã‚‹Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼ˆä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "asdf local flutter VERSION" ã§æŒ‡å®šã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³æ–‡å—列）ã¨ä¸€è‡´ã—ã¦ã„ã‚‹ã“ã¨ã€‚"LOGNAME" ã¯ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶å。
エクスプãƒãƒ¼ãƒ©ãƒ‘ãƒãƒ«å†…ã®ãƒ•ã‚¡ã‚¤ãƒ« lib/main.dart ã‚’é¸æŠžã—ã¦ã„る状態ã§å³ä¸‹ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã® "{ }"（"Dart" ã®å·¦æ¨ªï¼‰ã‚’クリックã—ã¦ã€è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é …目㫠"3.19.6 - Flutter SDK" （"3.19.6" ã®éƒ¨åˆ†ã¯ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "asdf local flutter VERSION" ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ã¨ä¸€è‡´ï¼‰ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ã€‚å˜åœ¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€åŒé …ç›®å³æ¨ªã®ãƒ”ン・マークを押ã™ã€‚ã™ã‚‹ã¨ã€ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã«ãã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®æœ€å¾Œã®æ“作ã¯ã‚ªãƒ—ションã ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¸¸ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹æ–¹ãŒåˆ¤ã‚Šæ˜“ããªã‚‹ã€‚
VSCodeã§ã®æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½¿ç”¨
FVMを使ã£ã¦ã„ã‚‹å ´åˆ
VSCodeã‚’èµ·å‹•ã—ã¦ã€æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’é–‹ã。
メニュー [Terminal (ターミナル)] > [New Terminal (æ–°ã—ã„ターミナル)] ã«ã‚ˆã£ã¦ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«ã‚’é–‹ãã€ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã€‚
% fvm use 3.19.6
※"3.19.6" ã®éƒ¨åˆ†ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨äºˆå®šã®ï¼ˆFVMã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã®ï¼‰Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚
ã“ã‚Œã«ã‚ˆã£ã¦ã€æŒ‡å®šãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Flutter SDKãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã®.fvmディレクトリã¸ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã€åŒæ™‚ã«ä¸‹ã®ã‚ˆã†ãªå†…容㮠.vscode/settings.json ファイルも作æˆã•ã‚Œã‚‹ã€‚
{
"dart.flutterSdkPath": ".fvm/versions/3.19.6"
}
.vscode/settings.json ã®å†…容を下ã®ã‚ˆã†ã«ç·¨é›†ã™ã‚‹ã€‚
{
- "dart.flutterSdkPath": ".fvm/versions/3.19.6"
+ "dart.flutterSdkPath": ".fvm/versions/3.19.6",
+ "search.exclude": {
+ "**/.fvm": true
+ },
+ "files.watcherExclude": {
+ "**/.fvm": true
+ }
}
エクスプãƒãƒ¼ãƒ©ãƒ‘ãƒãƒ«å†…ã®ãƒ•ã‚¡ã‚¤ãƒ« lib/main.dart ã‚’é¸æŠžã—ã¦ã„る状態ã§å³ä¸‹ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã® "{ }"（"Dart" ã®å·¦æ¨ªï¼‰ã‚’クリックã—ã¦ã€è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é …目㫠"3.19.6 - Flutter SDK" （"3.19.6" ã¯ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "flutter use VERSION" ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ–‡å—列ã¨ä¸€è‡´ï¼‰ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ã€‚å˜åœ¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€åŒé …ç›®å³æ¨ªã®ãƒ”ン・マークを押ã™ã€‚ã™ã‚‹ã¨ã€ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã«ãã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®æ“作ã¯ã‚ªãƒ—ションã ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¸¸ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹æ–¹ãŒåˆ¤ã‚Šæ˜“ããªã‚‹ã€‚
コマンドパレットã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ "Flutter: Get Packages" を実行ã™ã‚‹ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã™ã¹ã¦ã®ä¾å˜ãƒ‘ッケージãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã‚‹ã€‚
asdfを使ã£ã¦ã„ã‚‹å ´åˆ
VSCodeã‚’èµ·å‹•ã—ã¦ã€æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’é–‹ã。
メニュー [Terminal (ターミナル)] > [New Terminal (æ–°ã—ã„ターミナル)] ã«ã‚ˆã£ã¦ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«ã‚’é–‹ãã€ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã€‚
% asdf local flutter 3.19.6-stable
※"3.19.6-stable" ã®éƒ¨åˆ†ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨äºˆå®šï¼ˆasdfã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã®ï¼‰Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚
ã•ã‚‰ã«ã€ä¸‹ã®ã‚ˆã†ãªå†…容ã®ãƒ•ã‚¡ã‚¤ãƒ« .vscode/settings.jsonを作æˆã™ã‚‹ï¼ˆæœ¬ãƒ•ã‚¡ã‚¤ãƒ«ãŒå˜åœ¨ã—ãªã„å ´åˆã¯ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レット・メニュー "Prefereces: Open Workspace Settings (JSON)" ã«ã‚ˆã£ã¦ä½œæˆã§ãる）。
{
"dart.flutterSdkPath": "/Users/LOGNAME/.asdf/installs/flutter/3.19.6-stable"
}
※"3.19.6-stable" ã®éƒ¨åˆ†ã¯ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "asdf local flutter VERSION" ã§æŒ‡å®šã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³æ–‡å—列ã¨ä¸€è‡´ã—ã¦ã„ã‚‹ã“ã¨ã€‚"LOGNAME" ã¯ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶å。
エクスプãƒãƒ¼ãƒ©ãƒ‘ãƒãƒ«å†…ã®ãƒ•ã‚¡ã‚¤ãƒ« lib/main.dart ã‚’é¸æŠžã—ã¦ã„る状態ã§å³ä¸‹ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã® "{ }"（"Dart" ã®å·¦æ¨ªï¼‰ã‚’クリックã—ã¦ã€è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é …目㫠"3.19.6 - Flutter SDK" （"3.19.6" ã®éƒ¨åˆ†ã¯ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ "asdf local flutter VERSION" ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ã¨ä¸€è‡´ï¼‰ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ã€‚å˜åœ¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€åŒé …ç›®å³æ¨ªã®ãƒ”ン・マークを押ã™ã€‚ã™ã‚‹ã¨ã€ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã«ãã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®æ“作ã¯ã‚ªãƒ—ションã ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹Flutter SDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¸¸ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹æ–¹ãŒåˆ¤ã‚Šæ˜“ããªã‚‹ã€‚
コマンドパレットã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ "Flutter: Get Packages" を実行ã™ã‚‹ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã™ã¹ã¦ã®ä¾å˜ãƒ‘ッケージãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã‚‹ã€‚
Flutterプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ“ルドã¨å‹•ä½œç¢ºèª
VSCodeã§ã®Flutterプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ“ルドã¨èµ·å‹•å®Ÿè¡Œã¯ç°¡å˜ã 。
最åˆã«ã€Flutterプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’é–‹ã„ã¦ã„る状態ã§ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹è¡¨ç¤ºã‚’押ã™ã€‚ã™ã‚‹ã¨ã€ä¸‹ã®ã‚ˆã†ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹ãã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®å®Ÿè¡Œå¯¾è±¡ãƒ‡ãƒã‚¤ã‚¹ã‚’é¸æŠžã™ã‚‹ã€‚
本記事ã®å†…容ã«å¾“ã£ã¦æ‰‹é †æ“作を行ã£ã¦ã„ã‚Œã°ã€Flutterã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã¨ã—ã¦ä¸Šã®ã‚ˆã†ã« "Chrome" 㨠"macOS" ã®ï¼’ã¤ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„ã¯ãšã 。
ターゲットデãƒã‚¤ã‚¹ã‚’é¸æŠžã™ã‚‹ã¨ã€ãã‚ŒãŒã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€‚
ã“ã®çŠ¶æ…‹ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ [Run (実行)] > [Start Debugging (デãƒãƒƒã‚°ã®é–‹å§‹)　F5] ã¾ãŸã¯ [Run Without Debugging (デãƒãƒƒã‚°ãªã—ã§å®Ÿè¡Œ)　^ F5] ã‚’é¸ã¶ã¨ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ“ルドãŒè¡Œã‚ã‚Œã€ãƒ“ルドãŒæˆåŠŸã™ã‚Œã°ã€ãƒ—ãƒã‚°ãƒ©ãƒ ãŒèµ·å‹•ã™ã‚‹ã€‚
　
次ã®è¨˜äº‹ã§ã€Flutterã«ã‚ˆã‚‹iOSã¨Androidアプリ開発環境ã®è¿½åŠ çš„ãªæ§‹ç¯‰æ‰‹é †ã«ã¤ã„ã¦æ›¸ãã¤ã‚‚ã‚Šã 。
ã€å‚照リンク】
zenn.dev
　　
