Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Flutter で "Hello World!! #ゆるWeb札幌
Search
Kihara, Takuya
PRO
April 27, 2024
Technology
0
150
Flutter で "Hello World!! #ゆるWeb札幌
ゆるWeb勉強会@札幌 #26 の発表資料
https://mild-web-sap.connpass.com/event/308416/
Kihara, Takuya
PRO
April 27, 2024
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
39
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
tacck
PRO
0
67
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
700
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
35
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
65
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
PRO
1
150
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
PRO
0
520
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
tacck
PRO
0
400
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
PRO
0
170
Other Decks in Technology
See All in Technology
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.7k
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
事業継続を支える自動テストの考え方
tsuemura
0
300
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
日経電子版 x AIエージェントの可能性とAgentic RAGによって提案書生成を行う技術
masahiro_nishimi
1
290
SCSAから学ぶセキュリティ管理
masakamayama
0
140
All you need to know about InnoDB Primary Keys
lefred
0
120
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.2k
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Bash Introduction
62gerente
610
210k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
For a Future-Friendly Web
brad_frost
176
9.5k
How to train your dragon (web standard)
notwaldorf
90
5.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Transcript
Flutter で "Hello World!!" ゆるWeb勉強会@札幌 #26 2024/04/27 tacck (Kihara, Takuya)
ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 1
ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 2 木原 卓也 Kihara, Takuya /
@tacck 生活協同組合コープさっぽろ デジタル推進本部システム部 Amplify Japan User Group 運営メンバー ゆるWeb勉強会@札幌 主催 AWS Community Builder Since Q2 2021 / Category: Front-end Web and Mobile 好きなフィギュアスケートの技 スプレッド・イーグル
Flutter - Google 謹製で OSS - マルチプラットフォームアプリ - Mobile -
iOS, Android - Web - Desktop - Windows, macOS, Linux ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 3
良いところ - 複数のプラットフォーム向けのコードがほぼ共通 - WebViewベースではなく、ネイティブなコードとして動く。 - ので、動きはかなり自然。 ゆるWeb勉強会@札幌 #26 /
#ゆるWeb札幌 4
難しいところ - Dart 言語が Flutter くらいでしかみない - とはいえ、 React /
Next.js あたりをやっていれば、 それほど辛みは感じない。(個人の感想) - ネイティブ側の知識が必要になってくるとハードル上がる - が、これはネイティブを直接開発していてもぶつかるやつ。 - 初心者からすると、隠れていた強敵っぽいので辛みが増す。 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 5
Flutter エンジニア・チームの 理想のスキルセット ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 6 スキルセット 開発利用頻度
開発難易度 備考 ネイティブのコードを ある程度書ける知識 低 高 必要になることは少ないが、で きるかできないかで大きな違い。 アプリストアリリースの知識 中 中 ある程度の自動化ノウハウも世 の中に多い。 Flutter / Dart の開発知識 高 中 TS + React などのフロントエ ンドWeb開発知識あると習得し やすい。
Android Studio Xcode Flutter ことはじめ 最難関は環境構築 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌
7 Flutter Java Kotlin Gradle CocoaPods Ruby Swift Dart VSCode Pad Android iOS
Flutter ことはじめ 明示的にインストールするもの - 共通 - VSCode - Flutter -
Android向け - Android Studio - iOS向け - Xcode - CocoaPods - Ruby 3.x ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 8
実際にやってみる ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 9
まとめ - マルチプラットフォームアプリケーション開発環境はイマイチ そう思っていた時期が私にもありました。 - 現代の開発環境として、 Flutter は十分にイケてる。 - スマホアプリの開発中の確認として、Webが使えるのが楽。
- スマホアプリ開発の延長でデスクトップアプリも作れる。 - Apple Silicon の Mac だとシミュレータ・エミュレータ起動が爆速。 ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 10
END ゆるWeb勉強会@札幌 #26 / #ゆるWeb札幌 11