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
150
コミュニティとおかねの話 / Community and Money
kgsi
0
140
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.8k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
850
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.4k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
4
3.4k
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
kgsi
1
620
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.7k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
710
Other Decks in Technology
See All in Technology
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
3
230
バッチ処理で悩むバックエンドエンジニアに捧げるAWS Glue入門
diggymo
3
180
AI時代に非連続な成長を実現するエンジニアリング戦略
sansantech
PRO
3
1.2k
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
130
Django's GeneratedField by example - DjangoCon US 2025
pauloxnet
0
110
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
100
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
3
680
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
220
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
860
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
1
370
研究開発と製品開発、両利きのロボティクス
youtalk
1
510
ZOZOマッチのアーキテクチャと技術構成
zozotech
PRO
3
1.4k
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
74
5k
Why Our Code Smells
bkeepers
PRO
339
57k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fireside Chat
paigeccino
39
3.6k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Bash Introduction
62gerente
615
210k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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