Zenn
Open18

Flutterはじめ

naokonakanishnaokonakanish

Xcodeいれる

AppStoreより。
最新版にしたら、Version16が入った。

macとiOSをいれておく。

CocoaPodsをいれる

sudo gem install cocoapodsする

ERROR:  Error installing cocoapods:
	The last version of drb (>= 0) to support your Ruby & RubyGems was 2.0.6. Try installing it with `gem install drb -v 2.0.6` and then running the current command again
	drb requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210.

とでる
gem install drb -v 2.0.する

ERROR:  While executing gem ... (Gem::Requirement::BadRequirementError)
    Illformed requirement ["2.0."]

だめそう

naokonakanishnaokonakanish

Rubyのバージョンを確認する
ruby -v
→ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.arm64e-darwin23]
たしかにRubyのバージョンが、drbのもとめる2.7.0以上になっていない。（drb何？）

dRuby(drb) は分散オブジェクトプログラミングのための標準添付ライブラリです。 Rinda はタプルスペースを扱う標準添付ライブラリです。 いわば、Ruby 版の Linda です。 Ring は Rinda 上でネーミングサービスを提供します。

ほう…（なるほどわからん）

naokonakanishnaokonakanish

macOSに最新のRuby環境をインストールしてみた
全く同じ状況の人いたので真似する

  • Homebrewもないのでインストールする
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • Homebrew入ったか確認
    brew -v→Homebrew 4.4.2入ってる
    export PATH="$PATH:/opt/homebrew/bin"でパスを通す
    vi ~/.zshrc→export PATH="$PATH:/opt/homebrew/bin"を追記し、:wqで保存して脱出→source ~/.zshrcで再度読み込み
  • rbenv（Rubyインストールのためのツール）をいれる
    brew install rbenv
  • ダウンロード可能なRubyのバージョン確認
    rbenv install -l 
3.1.6
3.2.5
3.3.5
jruby-9.4.8.0
mruby-3.3.0
picoruby-3.0.0
truffleruby-24.1.1
truffleruby+graalvm-24.1.1

Only latest stable releases for each Ruby implementation are shown.
Use `rbenv install --list-all' to show all local versions.
  • 新しいRubyをいれる
    rbenv install 3.3.5
    rbenv global 3.3.5で、今入れたRubyをデフォルトに設定する
    exec $SHELL -lでShell再起動
  • Rubyのバージョン確認する
    ruby -v →ruby 3.3.5 (2024-09-03 revision ef084cc8f4) [arm64-darwin23]

Good

naokonakanishnaokonakanish

Rosetta2も入れとく

Some Flutter components require the Rosetta 2 translation process on Macs running Apple silicon. To run all Flutter components on Apple silicon, install Rosetta 2.

Rosettaがないと実行できないコンポーネントがあるっぽいので、一応入れておく
sudo softwareupdate --install-rosetta --agree-to-license

naokonakanishnaokonakanish
  1. Launch VS Code.
  2. To open the Command Palette, press Command + Shift + P.
  3. In the Command Palette, type flutter.
    4.Select Flutter: New Project.
  4. VS Code prompts you to locate the Flutter SDK on your computer.
  5. Download SDK.を選択
naokonakanishnaokonakanish

トラストするかのダイアログのときに、ちゃんと読んで、☑したりしたら、中身が入ったやつができた

naokonakanishnaokonakanish

lib/main.dart を開いている間に、VS Code のウィンドウの右上にあるプレイ b0a5d0200af5985d.png ボタンをクリックします。

をしてみるとエラー

ProcessException: Process exited abnormally with exit code 72:xcrun: error: unable to find utility "xcodebuild", not a developer tool or in PATH Command: /usr/bin/arch, OS error code: 72

[tool_crash] ProcessException: Process exited abnormally with exit code 72:xcrun: error: unable to find utility "xcodebuild", not a developer tool or in PATH Command: /usr/bin/arch, OS error code: 72 #144479
これ通りにTerminalで
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
して、やりなおしたらできた

naokonakanishnaokonakanish

main.dart内

return Scaffold(
      body: Column(
        children: [
          Text('Hello World'), // 書き換えた
          Text(appState.current.asLowerCase),
        ],
      ),

⌘Sすると、画面上の表示も代わったのでOKそう