Flutter で "Hello World!! #ゆるWeb札幌

ゆるWeb勉強会@札幌 #26 の発表資料
https://mild-web-sap.connpass.com/event/308416/

Transcript

1. Flutter で "Hello World!!" ゆるWeb勉強会@札幌 #26 2024/04/27 tacck (Kihara, Takuya) ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 1
2. ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 2 木原 卓也 Kihara, Takuya / @tacck 生活協同組合コープさっぽろ デジタル推進本部システム部 Amplify Japan User Group 運営メンバー ゆるWeb勉強会@札幌 主催 AWS Community Builder Since Q2 2021 / Category: Front-end Web and Mobile 好きなフィギュアスケートの技 スプレッド・イーグル
3. Flutter - Google 謹製で OSS - マルチプラットフォームアプリ - Mobile - iOS, Android - Web - Desktop - Windows, macOS, Linux ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 3
4. 良いところ - 複数のプラットフォーム向けのコードがほぼ共通 - WebViewベースではなく、ネイティブなコードとして動く。 - ので、動きはかなり自然。 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 4
5. 難しいところ - Dart 言語が Flutter くらいでしかみない - とはいえ、 React / Next.js あたりをやっていれば、 それほど辛みは感じない。(個人の感想) - ネイティブ側の知識が必要になってくるとハードル上がる - が、これはネイティブを直接開発していてもぶつかるやつ。 - 初心者からすると、隠れていた強敵っぽいので辛みが増す。 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 5
6. Flutter エンジニア・チームの 理想のスキルセット ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 6 スキルセット 開発利用頻度 開発難易度 備考 ネイティブのコードを ある程度書ける知識 低 高 必要になることは少ないが、で きるかできないかで大きな違い。 アプリストアリリースの知識 中 中 ある程度の自動化ノウハウも世 の中に多い。 Flutter / Dart の開発知識 高 中 TS + React などのフロントエ ンドWeb開発知識あると習得し やすい。
7. Android Studio Xcode Flutter ことはじめ 最難関は環境構築 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 7 Flutter Java Kotlin Gradle CocoaPods Ruby Swift Dart VSCode Pad Android iOS
8. Flutter ことはじめ 明示的にインストールするもの - 共通 - VSCode - Flutter - Android向け - Android Studio - iOS向け - Xcode - CocoaPods - Ruby 3.x ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 8
9. 実際にやってみる ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 9
10. まとめ - マルチプラットフォームアプリケーション開発環境はイマイチ そう思っていた時期が私にもありました。 - 現代の開発環境として、 Flutter は十分にイケてる。 - スマホアプリの開発中の確認として、Webが使えるのが楽。 - スマホアプリ開発の延長でデスクトップアプリも作れる。 - Apple Silicon の Mac だとシミュレータ・エミュレータ起動が爆速。 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 10
11. END ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 11