もがき系プログラマの日常

もがき系エンジニアの勉強したこと、日常のこと、気になっている技術、備忘録などを紹介するブログです。

flutterはじめてみた

はじめに

こんばんは。

今回はflutter触り始めてみました。

教材はこちら

とりあえず動かすところまで。

本題

インストール

自分はmacなので公式ページの言うとおりに落としました。

バージョンは以下

$ flutter --version
Flutter 3.3.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision eb6d86ee27 (9 weeks ago) • 2022-10-04 22:31:45 -0700
Engine • revision c08d7d5efc
Tools • Dart 2.18.2 • DevTools 2.15.0

事前にandroid studio等は入れてるので flutter doctorもこの通り。

$ flutter doctor
[✓] Flutter (Channel stable, 3.3.4, on macOS 13.0.1 22A400 darwin-arm, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.72.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

• No issues found!

教材では cocoapods なるものが必要だと書いてたのでそれもインストールしました。

$ sudo gem install cocoapods

プロジェクト作成

android studio 起動後、flutterのパスを設定します。

projectの作成をします。

できた。

android simを動かしてみる。

ios simを動かしてみる。

これだけなのにめっちゃおもしれぇぇ!!!

終わりに

ただただ面白いの一言

webじゃない開発ってワクワクするなぁ。

教材見てもっとやってみて、終わったら次の教材も買ってみよう。

現場からは以上です。