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 Webの 現在地点 / Flutter web as of now
Search
kgsi
November 19, 2022
Technology
3
4.4k
ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now
フロントエンドカンファレンス沖縄2022の登壇資料です。
--
https://front-okinawa.connpass.com/event/263836/
kgsi
November 19, 2022
Tweet
Share
More Decks by kgsi
See All by kgsi
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
2.8k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
620
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.2k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
3
2.8k
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
kgsi
1
560
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.2k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
510
デザインエンジニアとフロントエンド / Bridge the gap between design and engineering
kgsi
13
14k
開発環境/本番環境を分けるシンプルな方法 with Ionic
kgsi
0
750
Other Decks in Technology
See All in Technology
なんで私に登壇依頼が?! ~頼られるエンジニアになるためには~ /
mixi_engineers
PRO
2
200
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
150
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
520
Autopsy of a Cascading Outage from a MySQL Crashing Bug
jfg956
0
200
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
20
4k
Tohoku.Tech #1 「EC-CUBE/AWSの構築をChatGPTに相談してみました」by テンダ
jun2882
0
140
Autify Company Deck
autifyhq
1
30k
やっていきテスト
k6s4i53rx
0
160
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
440
AWS アーキテクチャクイズ
yuu26
2
700
データ品質をコード化! LINEヤフーのMLOpsを最適化する "ACP Data Quality" の紹介
lycorptech_jp
PRO
2
160
今さら聞けない!? AWSの生成AIサービス Amazon Bedrock入門!
minorun365
PRO
11
2.3k
Featured
See All Featured
Docker and Python
trallard
33
2.6k
Product Roadmaps are Hard
iamctodd
43
9.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
What's new in Ruby 2.0
geeforr
335
31k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Building Adaptive Systems
keathley
29
1.8k
Navigating Team Friction
lara
177
13k
Clear Off the Table
cherdarchuk
82
310k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
Designing the Hi-DPI Web
ddemaree
275
33k
Transcript
ΣϒϑϩϯτΤϯδχΞ͔ΒݟΔ Flutter Webͷ ݱࡏ ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ2022
ຊͷεϥΠυ iA PresenterͰ࡞ https://ia.net/presenter
Profile
None
͗ͦ͜ | SHINICHI KOGISO UXJUUFSΞΧϯτ!LHTJ r ຊ৬ͷਓࣄ࿑ͳձࣾͷϓϩμΫτσβΠφʔ r ݱࡏࣾʹΤϯδχΞɾσβΠφʔͱͯ͠෭ۀࢀը த
r ຊҰ෭ۀઌͷϑϩϯτΤϯυΤϯδχΞਓ֨Ͱ ొஃ r ॅϩʔϯ͋ͱͬͯ·͢ r
None
Talking today
'MVUUFS8FC͑Δͷ͔ʁ r 'MVUUFS8FCͷྑ͍ѱ͍ r 'MVUUFS8FCͷະདྷ r
Not talking
ଞͷΫϩεϓϥοτϑΥʔϜͷൺֱ r ωΠςΟϒΞϓϦʢJ04"OESPJEͳͲʣ෦ r
Services created
None
Why choose Flutter web?
ωΠςΟϒԽΛ༧ఆ͍ͯ͠Δ͜ͱ ϫϯιʔεͰ։ൃͰ͖Δ͜ͱ ൺֱతظؒͰ։ൃͰ͖Δ͜ͱ
Development System
։ൃϝϯόʔߏɿਓ r όοΫΤϯυΤϯδχΞ໊ɺϑϩϯτΤϯυ ΤϯδχΞ໊ɺ1.໊ r ٕज़ௐࠪɿϲ݄ r ͢Ͱʹ͋Δ3FBDUΞϓϦΛஔ͖͑ΒΕΔ͔ Ͳ͏͔ r
࣮ظؒɿϲ݄ r ෭ۀͷ࣌ؒΛ࠷େݶ͍ɺٽ͖ͳ͕Β։ൃ r
Technical Configuration
None
None
My impressions of Flutter web
Good :)
ϑϩϯτΤϯυΤϯδχΞ ͱֶͬͯशίετ͕͍
void main() { print('Hello, World!'); } var name = 'Voyager
I'; var year = 1977; var antennaDiameter = 3.7; var flybyObjects = ['Jupiter', 'Saturn', 'Uranus', 'Neptune']; var image = { 'tags': ['saturn'], 'url': '//path/to/saturn.jpg' };
ωΠςΟϒମݧΛΣϒͰ
4LJBΤϯδϯʹΑΔൺֱతߴ͍࠶ ݱੑ r 18"ʹඪ४ରԠ r
։ൃڥपΓͷॆ࣮
74$PEF"OESPJE4UVEJPͷαϙʔ τͷखް͞ r σόοά͕ൺֱత༰қ r ։ൃڥͷखް͞ r
׆ൃͳߋ৽ͱվम
'MVUUFSW ςΫχΧϧϓϨϏϡʔެ ։ r 'MVUUFSW ਖ਼ࣜʹ'MVUUFSʹػೳ౷ ߹ r
'MVUUFSW ϨϯμʔΤϯδϯ͕มߋ r 'MVUUFSW 'MVUUFS8FC͕ਖ਼ࣜԽ r 'MVUUFSW ݱࡏ ύϑΥʔϚϯενϡʔχ ϯά r
ॆ࣮ͨ͠ΤίγεςϜ
None
Bad :(
ύϑΥʔϚϯε ՝ॾʑ͍ͬͺ͍
શମతͳύϑΥʔϚϯεͷ͞ r όϯυϧϑΝΠϧͷංେԽ r ຊޠपΓͷαϙʔτͷऑ͞ r ೖྗܥίϯϙʔωϯτͷόά r
None
None
/PUFWFSZ)5.-TDFOBSJPJTJEFBMMZTVJUFE GPS'MVUUFSBUUIJTUJNF'PSFYBNQMF UFYU SJDI qPXCBTFE TUBUJDDPOUFOUTVDIBT CMPHBSUJDMFTCFOFpUGSPNUIFEPDVNFOU DFOUSJDNPEFMUIBUUIFXFCJTCVJMUBSPVOE SBUIFSUIBOUIFBQQDFOUSJDTFSWJDFTUIBUB 6*GSBNFXPSLMJLF'MVUUFSDBOEFMJWFS
)PXFWFS ZPVDBOVTF'MVUUFSUPFNCFE JOUFSBDUJWFFYQFSJFODFTJOUPUIFTF XFCTJUFT
So why choose Flutter web?
Joy
None
None
Improvement
3FHBSEJOH'MVUUFSGPSXFCJO QBSUJDVMBS XFQMBOUPXPSLPO JNQSPWJOHQFSGPSNBODF QMVHJO RVBMJUZ BDDFTTJCJMJUZ BOEDPOTJTUFODZ BDSPTTCSPXTFST8FBMTPJOUFOEUP NBLFJUNVDIFBTJFSUPFNCFE'MVUUFS
BQQMJDBUJPOTJOTJEFPUIFS OPO'MVUUFS )5.-QBHFT 'MVUUFS3PBENBQ
2023ʙ
None
Flutter4...? 'MVUUFS8FCͷύϑΥʔϚϯε্ r .BUFSJBM%FTJHOͷϑϧαϙʔτ r *NQFMMFSʢJ04"OESPJE͚ͷ࣍ੈ ϨϯμϦϯάϨΠϠʔʣͷϕʔλԽ r FUD r
Flutter Web has a future.
Summary
େલఏͱͯ͠ ΫϩεϓϥοτϑΥʔϜ Խ༧ఆ͕ͳ͍߹બͿཧ༝ऑ͍ r ֤ϓϥοτϑΥʔϜͰΞϓϦέʔγϣ ϯͷମݧΛఏڙ͍ͨ͠߹༗ྗͳબ ࢶ r 'MVUUFS8FCͷະདྷʹࢿ͢Δͱ͍͏ அ͕Ͱ͖ΔͳΒऔΓΉՁे
ʹ͋Δ r
Advertising
None
Reference
r 8FCTVQQPSUGPS'MVUUFS r qVUUFSBSDIJUFDUVSFCMVFQSJOUT r 3FMBZ r 'MVUUFS'MPX r 'MVUUFS3PBENBQ