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
コミュニティとおかねの話 / Community and Money
kgsi
0
110
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.7k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
820
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.4k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
3
3.3k
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
kgsi
1
610
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.6k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
670
デザインエンジニアとフロントエンド / Bridge the gap between design and engineering
kgsi
13
15k
Other Decks in Technology
See All in Technology
AIコーディングの最前線 〜活用のコツと課題〜
pharma_x_tech
3
1.9k
白金鉱業Meetup_Vol.18_AIエージェント時代のUI/UX設計
brainpadpr
1
150
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
160
Would you THINK such a demonstration interesting ?
shumpei3
1
220
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
240
Running JavaScript within Ruby
hmsk
3
340
クォータ監視、AWS Organizations環境でも楽勝です✌️
iwamot
PRO
1
320
生成AIによるCloud Native基盤構築の可能性と実践的ガードレールの敷設について
nwiizo
7
980
Porting PicoRuby to Another Microcontroller: ESP32
yuuu
4
440
「経験の点」の位置を意識したキャリア形成 / Career development with an awareness of the “point of experience” position
pauli
4
100
Cross Data Platforms Meetup LT 20250422
tarotaro0129
1
690
AWS Control Towerを 数年運用してきての気づきとこれから/aws-controltower-ops-tips
tadayukinakamura
0
160
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
530
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Designing for Performance
lara
608
69k
Become a Pro
speakerdeck
PRO
27
5.3k
How GitHub (no longer) Works
holman
314
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
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