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
5k
ウェブフロントエンジニアから見る 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
130
コミュニティとおかねの話 / Community and Money
kgsi
0
130
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.7k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
840
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.4k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
3
3.4k
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
kgsi
1
610
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.6k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
700
Other Decks in Technology
See All in Technology
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
5
580
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
2
310
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
110
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
380
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
170
OPENLOGI Company Profile for engineer
hr01
1
33k
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
110
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
660
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
490
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
420
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Done Done
chrislema
184
16k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Writing Fast Ruby
sferik
628
62k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Git: the NoSQL Database
bkeepers
PRO
430
65k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Gamification - CAS2011
davidbonilla
81
5.3k
Being A Developer After 40
akosma
90
590k
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