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
Webアプリエンジニアにこそ知ってほしい Flutterでのモバイルアプリ開発について
Search
qst_exe
December 08, 2022
Programming
0
29
Webアプリエンジニアにこそ知ってほしい Flutterでのモバイルアプリ開発について
「メタバース焚火会 #2 メタバースLT大会【VR機器不要】」で登壇したときのスライドです
https://metaverse-bonfire.connpass.com/event/267300/
qst_exe
December 08, 2022
Tweet
Share
More Decks by qst_exe
See All by qst_exe
Google I/O 2024 Firebase のアップデート内容
qst_exe
0
65
Babylon.js で始めるヘッドレス CMS/A headless CMS on Babylon.js
qst_exe
0
99
WebXR で Web をもっと楽しもう
qst_exe
0
160
今年のメタバースについての取り組みとこれから
qst_exe
0
150
今年のメタバースについての取り組みとこれから
qst_exe
0
45
visionOSアプリ開発について
qst_exe
0
88
visionOSアプリ開発のすゝめ
qst_exe
0
89
EDDのすゝめ 〜LT大会に参加しませんか?〜
qst_exe
0
32
オンラインイベントの失敗談と対応 〜「コロナ禍の鹿児島」のそれから〜
qst_exe
0
93
Other Decks in Programming
See All in Programming
LTのやり方
yosuke_furukawa
PRO
11
1.5k
Google Analytics でサイト速度を計測する / Measure site speed with Google Analytics
forrep
2
110
Are Your .NET 8 Applications Resilient for the Chaos-proof?
selcukusta
1
230
LangGraphを用いたマルチエージェント
yuto2000
2
620
最初にもらったフロントのタスクは半年以上かかりました
mitsu0428
1
130
ruby.wasm 最前線 2024 - wasmでMockServerをつくる #rubykaigi
lnit
2
380
deadcode超解剖
kuro_kurorrr
1
230
AFUP Day Lyon 2024 - DDD !== Archi hexagonale
bgalati
0
220
Ruby Function Composition
bkuhlmann
1
370
『改訂新版前処理大全』の話と Apache Parquet の話 #TokyoR
bob3bob3
0
130
record4s --- Extensible Records for Scala 3, and Domain Modeling with Structural Types
tarao
2
570
来週から実践できる! LayerXのバクラク事業部で行われている Go 関連の読書会のご紹介 / Bakuraku Go Reading Group
upamune
5
320
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
33
47k
How GitHub (no longer) Works
holman
305
140k
The Cost Of JavaScript in 2023
addyosmani
24
4.1k
Adopting Sorbet at Scale
ufuk
69
8.7k
Documentation Writing (for coders)
carmenintech
61
4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
15
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
7k
Side Projects
sachag
451
41k
A Tale of Four Properties
chriscoyier
153
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
Transcript
Webアプリエンジニアにこそ知ってほしい Flutterでのモバイルアプリ開発について メタバース焚火会 2022-12-08
❖ くすたん ❖ ヘッジホッグ.exe LLC / unimal Co.,Ltd. (モバイルアプリ, Webアプリ開発)
❖ Flutter, Firebase, Vue, Laravel ❖ 鹿児島.mk, メタバース焚火会 自己紹介
• モバイルアプリ開発においてざっくりした知見を得て、 モバイルアプリエンジニアと話がしやすくなる • Flutterが好きになる • Flutterを触ってみたくなる 目的
• モバイルアプリ開発の概要 • Flutterの概要 • Flutterのメリットとデメリット • Flutterを始めたい人へ お品書き
モバイルアプリ開発の概要
• Webアプリと異なりURLが存在しないため、直アクセスができない • 配信にはApple・Googleの審査が必要なので、AppleやGoogleが許し てくれるアプリを作る必要がある • ブラウザ上で動くわけではないため、実機(or シミュレータ)で都度ビルドし ての動作確認が必須 •
各OS(iOS・Android)用のアプリを開発するには、それぞれ別の言語での 開発が必要 • PUSH通知やカメラ、XR(AR/VR)等の端末の機能をフル活用できる モバイルアプリ開発について
Flutterの概要
• Google が提供しているクロスプラットフォームフレームワーク • Widgetと呼ばれるアプリケーション構築専用のHTMLタグのようなものを ツリー構造に組み合わせることで、UIを構築できる • 言語はDartでTypeScriptに近い書き味 • Hot
Reloadが搭載されているので、毎度ビルドし直さなくてよい • UIはGoogle推奨のマテリアルデザインになる • これ1つでiOS・Android、Windows、MacOSのアプリが開発できる Flutterの概要
メリット・デメリット
• 1つの言語で各OSのUIが組めるので、開発効率が上がる(OS毎の実装漏 れが減る) • (個人的に)宣言的UIだからかUIを組んでいて気持ちいい • Webのフロントエンドができる人なら、Flutterでのコーディングに関して は比較的容易に習得できる(アプリをリリースできるかは別) メリット
• XRやOS依存の特別な機能を利用するには、ネイティブ(Swift, Kotlin)の コードを書かないといけない • 各OSでデザインを変えたい場合(iOSはフラットデザイン, Androidはマテ リアルデザイン)は、開発効率が落ちる • できたばかりのフレームワークなので破壊的変更が多々ある
デメリット そうは言っても運用でカバーはできる
Flutterを始めたい人へ
• 状態管理のことは気にせずに、StatefulWidgetを使って何かアプリを 作ってみるのがオススメ • 公式もサンプル集を公開しているので、気になったものを少し改造してみ るとか • https://flutter.github.io/samples/# 細かいことは気にせずに作ってみる
12/17 にFlutterハンズオンもやります!
おまけ
None
Flutter WebでSEOスコア100を 獲得した方法
12月11日のアドベントカレンダーで 報告予定!!
EOF