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 we...
Search
kgsi
November 19, 2022
Technology
3
5.1k
ウェブフロントエンジニアから見る 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
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
170
コミュニティとおかねの話 / Community and Money
kgsi
0
150
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.8k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
860
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.5k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
4
3.4k
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
kgsi
1
630
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.8k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
720
Other Decks in Technology
See All in Technology
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
310
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
510
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
500
[Codex Meetup Japan #1] Codex-Powered Mobile Apps Development
korodroid
2
990
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
1
200
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
380
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
1k
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
smt7174
2
150
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.9k
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
1
250
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
72
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Scaling GitHub
holman
463
140k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Speed Design
sergeychernyshev
32
1.2k
Navigating Team Friction
lara
190
15k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
A better future with KSS
kneath
239
18k
Writing Fast Ruby
sferik
629
62k
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