Slide 1
Slide 1 text
ΣϒϑϩϯτΤϯδχΞ͔ΒݟΔ
Flutter Webͷ
ݱࡏ
ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ2022
Slide 2
Slide 2 text
ຊͷεϥΠυ
iA PresenterͰ࡞
https://ia.net/presenter
Slide 3
Slide 3 text
Profile
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
͗ͦ͜ | SHINICHI KOGISO
UXJUUFSΞΧϯτ!LHTJ
r
ຊ৬ͷਓࣄ࿑ͳձࣾͷϓϩμΫτσβΠφʔ
r
ݱࡏࣾʹΤϯδχΞɾσβΠφʔͱͯ͠෭ۀࢀը
த
r
ຊҰ෭ۀઌͷϑϩϯτΤϯυΤϯδχΞਓ֨Ͱ
ొஃ
r
ॅϩʔϯ͋ͱͬͯ·͢
r
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
Talking today
Slide 8
Slide 8 text
'MVUUFS8FC͑Δͷ͔ʁ
r
'MVUUFS8FCͷྑ͍ѱ͍
r
'MVUUFS8FCͷະདྷ
r
Slide 9
Slide 9 text
Not talking
Slide 10
Slide 10 text
ଞͷΫϩεϓϥοτϑΥʔϜͷൺֱ
r
ωΠςΟϒΞϓϦʢJ04"OESPJEͳͲʣ෦
r
Slide 11
Slide 11 text
Services
created
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Why choose
Flutter web?
Slide 14
Slide 14 text
ωΠςΟϒԽΛ༧ఆ͍ͯ͠Δ͜ͱ
ϫϯιʔεͰ։ൃͰ͖Δ͜ͱ
ൺֱతظؒͰ։ൃͰ͖Δ͜ͱ
Slide 15
Slide 15 text
Development
System
Slide 16
Slide 16 text
։ൃϝϯόʔߏɿਓ
r
όοΫΤϯυΤϯδχΞ໊ɺϑϩϯτΤϯυ
ΤϯδχΞ໊ɺ1.໊
r
ٕज़ௐࠪɿϲ݄
r
͢Ͱʹ͋Δ3FBDUΞϓϦΛஔ͖͑ΒΕΔ͔
Ͳ͏͔
r
࣮ظؒɿϲ݄
r
෭ۀͷ࣌ؒΛ࠷େݶ͍ɺٽ͖ͳ͕Β։ൃ
r
Slide 17
Slide 17 text
Technical
Configuration
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
My impressions
of
Flutter web
Slide 21
Slide 21 text
Good :)
Slide 22
Slide 22 text
ϑϩϯτΤϯυΤϯδχΞ
ͱֶͬͯशίετ͕͍
Slide 23
Slide 23 text
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'
};
Slide 24
Slide 24 text
ωΠςΟϒମݧΛΣϒͰ
Slide 25
Slide 25 text
4LJBΤϯδϯʹΑΔൺֱతߴ͍࠶
ݱੑ
r
18"ʹඪ४ରԠ
r
Slide 26
Slide 26 text
։ൃڥपΓͷॆ࣮
Slide 27
Slide 27 text
74$PEF"OESPJE4UVEJPͷαϙʔ
τͷखް͞
r
σόοά͕ൺֱత༰қ
r
։ൃڥͷखް͞
r
Slide 28
Slide 28 text
׆ൃͳߋ৽ͱվम
Slide 29
Slide 29 text
'MVUUFSW
ςΫχΧϧϓϨϏϡʔެ
։
r
'MVUUFSW
ਖ਼ࣜʹ'MVUUFSʹػೳ౷
߹
r
'MVUUFSW
ϨϯμʔΤϯδϯ͕มߋ
r
'MVUUFSW
'MVUUFS8FC͕ਖ਼ࣜԽ
r
'MVUUFSW ݱࡏ
ύϑΥʔϚϯενϡʔχ
ϯά
r
Slide 30
Slide 30 text
ॆ࣮ͨ͠ΤίγεςϜ
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
Bad :(
Slide 33
Slide 33 text
ύϑΥʔϚϯε
՝ॾʑ͍ͬͺ͍
Slide 34
Slide 34 text
શମతͳύϑΥʔϚϯεͷ͞
r
όϯυϧϑΝΠϧͷංେԽ
r
ຊޠपΓͷαϙʔτͷऑ͞
r
ೖྗܥίϯϙʔωϯτͷόά
r
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
/PUFWFSZ)5.-TDFOBSJPJTJEFBMMZTVJUFE
GPS'MVUUFSBUUIJTUJNF'PSFYBNQMF
UFYU
SJDI
qPXCBTFE
TUBUJDDPOUFOUTVDIBT
CMPHBSUJDMFTCFOFpUGSPNUIFEPDVNFOU
DFOUSJDNPEFMUIBUUIFXFCJTCVJMUBSPVOE
SBUIFSUIBOUIFBQQDFOUSJDTFSWJDFTUIBUB
6*GSBNFXPSLMJLF'MVUUFSDBOEFMJWFS
)PXFWFS
ZPVDBOVTF'MVUUFSUPFNCFE
JOUFSBDUJWFFYQFSJFODFTJOUPUIFTF
XFCTJUFT
Slide 38
Slide 38 text
So why
choose Flutter
web?
Slide 39
Slide 39 text
Joy
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
Improvement
Slide 43
Slide 43 text
3FHBSEJOH'MVUUFSGPSXFCJO
QBSUJDVMBS
XFQMBOUPXPSLPO
JNQSPWJOHQFSGPSNBODF
QMVHJO
RVBMJUZ
BDDFTTJCJMJUZ
BOEDPOTJTUFODZ
BDSPTTCSPXTFST8FBMTPJOUFOEUP
NBLFJUNVDIFBTJFSUPFNCFE'MVUUFS
BQQMJDBUJPOTJOTJEFPUIFS
OPO'MVUUFS
)5.-QBHFT
'MVUUFS3PBENBQ
Slide 44
Slide 44 text
2023ʙ
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
Flutter4...?
'MVUUFS8FCͷύϑΥʔϚϯε্
r
.BUFSJBM%FTJHOͷϑϧαϙʔτ
r
*NQFMMFSʢJ04"OESPJE͚ͷ࣍ੈ
ϨϯμϦϯάϨΠϠʔʣͷϕʔλԽ
r
FUD
r
Slide 47
Slide 47 text
Flutter Web
has a future.
Slide 48
Slide 48 text
Summary
Slide 49
Slide 49 text
େલఏͱͯ͠
ΫϩεϓϥοτϑΥʔϜ
Խ༧ఆ͕ͳ͍߹બͿཧ༝ऑ͍
r
֤ϓϥοτϑΥʔϜͰΞϓϦέʔγϣ
ϯͷମݧΛఏڙ͍ͨ͠߹༗ྗͳબ
ࢶ
r
'MVUUFS8FCͷະདྷʹࢿ͢Δͱ͍͏
அ͕Ͱ͖ΔͳΒऔΓΉՁे
ʹ͋Δ
r
Slide 50
Slide 50 text
Advertising
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
Reference
Slide 53
Slide 53 text
r 8FCTVQQPSUGPS'MVUUFS
r qVUUFSBSDIJUFDUVSFCMVFQSJOUT
r 3FMBZ
r 'MVUUFS'MPX
r 'MVUUFS3PBENBQ