Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
The State of JavaScript in FECF 2018 #fec_fukuoka
Hiroyuki ANAI
December 08, 2018
Programming
1
230
The State of JavaScript in FECF 2018 #fec_fukuoka
Hiroyuki ANAI
December 08, 2018
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
pirosikick
4
950
pirosikick
0
310
pirosikick
2
540
pirosikick
24
19k
pirosikick
4
900
pirosikick
0
240
pirosikick
2
450
pirosikick
0
490
pirosikick
13
2.5k
Other Decks in Programming
See All in Programming
manfredsteyer
PRO
0
190
alperhankendi
1
140
prof18
0
920
naokioouchi
1
280
kentatada
0
400
manfredsteyer
PRO
0
250
keiichihirobe
1
110
grapecity_dev
0
180
abeta
1
190
manfredsteyer
PRO
0
150
danilop
0
220
grapecity_dev
0
170
Featured
See All Featured
deanohume
294
28k
eitanlees
112
10k
rasmusluckow
318
18k
shlominoach
176
7.5k
mojombo
358
62k
moore
125
21k
sugarenia
233
850k
ddemaree
273
31k
malarkey
192
8.6k
stephaniewalter
260
11k
malarkey
393
61k
sachag
267
17k
Transcript
5IF4UBUFPG+BWB4DSJQU JO '&$' !QJSPTJLJDL
ࣗݾհ w!QJSPTJLJDL w݀Ҫ wϠϑʔגࣜձࣾ wΤϯδχΞ wఱਆͷΦϑΟεʹډ·͢
5IF4UBUFPG+4 w IUUQTTUBUFPGKTDPN w 8FCϑϩϯτΤϯυʹؔ͢ΔΞϯέʔτ
IUUQTTUBUFPGKTDPNGSPOUFOEGSBNFXPSLTPWFSWJFX
ͬͨ͜ͱ͕͋Γɺ·͍͍ͨͨ ͬͨ͜ͱ͕͋Δ͕ɺ͏͍ͨ͘ͳ͍ ฉ͍ͨ͜ͱ͕͋ΓɺֶΜͰΈ͍ͨ ฉ͍ͨ͜ͱ͕͋Δ͕ɺڵຯ͕ͳ͍ ฉ͍ͨ͜ͱ͕ͳ͍
ϑϩϯτΤϯυ૯બڍ w ϠϑʔͷϒʔεͰ࣮ࢪͨ͠؆қ൛ʮ5IF4UBUFPG+4ʯ w ʮฉ͍ͨ͜ͱ͕ͳ͍ʯແ͠ɺ߲ݫબ w γʔϧͰථ w ݄ʹ։࠵͞Εͨ)5.-ΧϯϑΝϨϯεͰ࣮ࢪࡁΈ
ϑϩϯτΤϯυ૯બڍ JO)5.-ΧϯϑΝϨϯε wਪఆථਓɿਓʂ
64% 58% 3% 54% 56% 19% 16% 4% 33% 8%
2% 2% 8% 38% 5% 38% 4% 35% 38% 15% 50% 30% 2% 4% 3% 37% 6% 4% 29% 6% 9% 12% 26% 47% 4% 29% 27% 57% 15% ES201X TypeScript Flow React Vue Angular GraphQL gRPC jQuery in HTML5 ͬͨ͜ͱ͕͋Γɺ ·͍͍ͨͨ ͬͨ͜ͱ͕͋Δ͕ɺ ͏͍ͨ͘ͳ͍ ฉ͍ͨ͜ͱ͕͋Γɺ ֶΜͰΈ͍ͨ ฉ͍ͨ͜ͱ͕͋Δ͕ɺ ڵຯ͕ͳ͍ ແථ
ϑϩϯτΤϯυ૯બڍ JO'&$' wਪఆථਓɿਓʂ w͝ڠྗ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
ͬͨ͜ͱ͕͋Γɺ ·͍͍ͨͨ ͬͨ͜ͱ͕͋Δ͕ɺ ͏͍ͨ͘ͳ͍ ฉ͍ͨ͜ͱ͕͋Γɺ ֶΜͰΈ͍ͨ ฉ͍ͨ͜ͱ͕͋Δ͕ɺ ڵຯ͕ͳ͍ ແථ ΧϯϑΝϨϯεޙɺूܭ༧ఆ
68% 60% 10% 50% 61% 27% 32% 7% 19% 5% 10% 2% 7% 2% 52% 8% 28% 6% 32% 26% 31% 45% 49% 1% 38% 2% 6% 25% 3% 5% 19% 23% 6% 36% 14% 15% 19% 40% 8% ES201X TypeScript Flow React Vue Angular GraphQL gRPC jQuery in FECF2018
ൺֱ
͕ࣅ͍ͯΔͷ w ແථΛআ͘ͱࡉ͔͍ࠩ͋ΕͲ͕ࣅ͍ͯΔͷ w &49 w 5ZQF4DSJQU w 'MPX w
3FBDU w (SBQI2- w K2VFSZ
5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' &49ɿ Βͳ͍ਓ͕গͳ͍ɾܧଓ͍͍ͯͨ͠ਓ͕ଟ͍ 64% 58%
3% 54% 56% 8% 2% 2% 5% 38% 4% 35% 38% 4% 3% 37% 6% 4% 26% 47% 4% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue in HTML 68% 60% 5% 8% 28% 1% 23% 6% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript
64% 58% 3% 54% 56% 19% 8% 2% 2% 8%
5% 38% 4% 35% 38% 15% 4% 3% 37% 6% 4% 29% 26% 47% 4% 29% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' 5ZQF4DSJQUɿ ։ൃݴޠͷελϯμʔυʹͳ͍͖ͬͯͦ͏ 68% 60% 10% 5% 10% 8% 28% 6% 1% 38% 23% 6% 36% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow
64% 58% 3% 54% 56% 19% 16% 8% 2% 2%
8% 5% 38% 4% 35% 38% 15% 50% 4% 3% 37% 6% 4% 29% 6% 26% 47% 4% 29% 27% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular GraphQL in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' 'MPXɿ ͬͨ͜ͱ͕͋Δਓগͳ͍͜͠Ε͔Β૿͑ͳͦ͏ 68% 60% 10% 50% 5% 10% 2% 8% 28% 6% 32% 1% 38% 2% 23% 6% 36% 14% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React
64% 58% 3% 54% 56% 19% 16% 4% 8% 2%
2% 8% 5% 38% 4% 35% 38% 15% 50% 30% 4% 3% 37% 6% 4% 29% 6% 9% 26% 47% 4% 29% 27% 57% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular GraphQL gRPC in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' 3FBDUɿ ਓؾɺݏ͍ͳਓ͕গͳ͍ 68% 60% 10% 50% 61% 5% 10% 2% 7% 8% 28% 6% 32% 26% 1% 38% 2% 6% 23% 6% 36% 14% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue
3% 54% 56% 19% 16% 4% 33% 8% 2% 2%
8% 38% 4% 35% 38% 15% 50% 30% 2% 37% 6% 4% 29% 6% 9% 12% 47% 4% 29% 27% 57% 15% Flow React Vue Angular GraphQL gRPC jQuery in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' (SBQI2-ɿ ΈΜͳ͍͖͍ͬͯͨɺࠓޙࣄྫ͕૿͑ͦ͏ 68% 60% 10% 50% 61% 27% 32% 7% 5% 10% 2% 7% 2% 8% 28% 6% 32% 26% 31% 45% 49% 1% 38% 2% 6% 25% 3% 5% 23% 6% 36% 14% 15% 19% 40% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular GraphQL gRPC in FECF2018
% 16% 4% 33% % 38% % 50% 30% 2%
% 6% 9% 12% % 27% 57% 15% ular GraphQL gRPC jQuery 10% 50% 61% 27% 32% 7% 19% 10% 2% 7% 2% 52% 6% 32% 26% 31% 45% 49% 38% 2% 6% 25% 3% 5% 19% 36% 14% 15% 19% 40% 8% low React Vue Angular GraphQL gRPC jQuery in FECF2018 )5.-ΧϯϑΝϨϯε '&$' K2VFSZɿ ʮ·ͩ͏ͩΖ͏ʯͱ͍͏ਓ͕݁ߏډͨ
ҧ͍͕͋Δ͔ w "OHVMBS w 7VF
58% 3% 54% 56% 19% 16% 4% 33% 8% 2%
2% 8% 38% 38% 4% 35% 38% 15% 50% 30% 2% 3% 37% 6% 4% 29% 6% 9% 12% 47% 4% 29% 27% 57% 15% TypeScript Flow React Vue Angular GraphQL gRPC jQuery in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' "OHVMBSɿ Ԭར༻ऀଟ͍ʁؔ৺ߴ͍ʁ 68% 60% 10% 50% 61% 27% 32% 5% 10% 2% 7% 2% 8% 28% 6% 32% 26% 31% 45% 1% 38% 2% 6% 25% 3% 23% 6% 36% 14% 15% 19% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular GraphQL in FECF2018
64% 58% 3% 54% 56% 19% 16% 4% 33% 8%
2% 2% 8% 38% 5% 38% 4% 35% 38% 15% 50% 30% 2% 4% 3% 37% 6% 4% 29% 6% 9% 12% 26% 47% 4% 29% 27% 57% 15% ES201X TypeScript Flow React Vue Angular GraphQL gRPC jQuery in HTML5 5IF4UBUFPG+4 )5.-ΧϯϑΝϨϯε '&$' 7VFɿ 7VFઌਐࠃɺຊɻԬɺ7VFଟ͍ʁ 68% 60% 10% 50% 61% 27% 5% 10% 2% 7% 2% 8% 28% 6% 32% 26% 31% 1% 38% 2% 6% 25% 23% 6% 36% 14% 15% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% ES201X TypeScript Flow React Vue Angular in FECF2018
·ͱΊ w &49ेਁಁ͍ͯ͠Δ w 5ZQF4DSJQUελϯμʔυͬΆ͍ w ຊˍԬͷ7VFͷ͍͍͢͝ɻԬͷ"OHVMBSଟ͍ w ίϛϡχςΟͷӨڹେ͖͍ʁ w
(SBQI2-ΈΜͳͬͯΈ͍ͨɺ ͜Ε͔Βͷࣄྫʹظ
࠷ޙʹ
8FBSFIJSJOH w IUUQTBCPVUZBIPPDPKQIS
ʢਫʣʹ NFFUVQΓ·͢ w ϠϑʔԬ5FDI.FFUVQ w IUUQTZBIPPGVLVPLBDPOOQBTTDPNFWFOU
͋Γ͕ͱ͏ ͍͟͝·ͨ͠