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
dev.toが与えたインパクト
Search
Kazunori-Kimura
November 18, 2017
Technology
12
3.4k
dev.toが与えたインパクト
dev.toの何がすごいのか、とPWA、CDNの紹介
Kazunori-Kimura
November 18, 2017
Tweet
Share
More Decks by Kazunori-Kimura
See All by Kazunori-Kimura
path-parser
kazunorikimura
0
340
objectのcloneを行う/How to clone of the object in js
kazunorikimura
0
340
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
kazunorikimura
0
590
How freelance programmer works
kazunorikimura
0
92
moment.js
kazunorikimura
0
63
sequelize.pdf
kazunorikimura
0
510
Toward the world of "ready player one"
kazunorikimura
0
63
npmの便利なパッケージ: forever, winser
kazunorikimura
0
910
npmの便利なパッケージ: Jest
kazunorikimura
0
100
Other Decks in Technology
See All in Technology
OCI Security サービス 概要
oracle4engineer
PRO
0
6.5k
隣接領域をBeyondするFinatextのエンジニア組織設計 / beyond-engineering-areas
stajima
1
270
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
AGIについてChatGPTに聞いてみた
blueb
0
130
The Role of Developer Relations in AI Product Success.
giftojabu1
0
120
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
490
Lambdaと地方とコミュニティ
miu_crescent
2
370
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
220
元旅行会社の情シス部員が教えるおすすめなre:Inventへの行き方 / What is the most efficient way to re:Invent
naospon
2
340
Terraform未経験の御様に対してどの ように導⼊を進めていったか
tkikuchi
2
430
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
We Have a Design System, Now What?
morganepeng
50
7.2k
The Cult of Friendly URLs
andyhume
78
6k
What's new in Ruby 2.0
geeforr
343
31k
Adopting Sorbet at Scale
ufuk
73
9.1k
4 Signs Your Business is Dying
shpigford
180
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
860
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Unsuck your backbone
ammeep
668
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Transcript
EFWUP͕༩͑ͨ ΠϯύΫτ
EFWUP
࣍ ݱঢ়ͷ8FC"QQͷ՝ 18" $%/
࣍ ݱঢ়ͷ8FC"QQͷ՝ 18" $%/
ݱঢ়ͷ8FC"QQͷ՝ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ ˣ όϯυϧʢ୯ҰϑΝΠϧͷੜʣ ˣ όϯυϧͷංେԽ
ݱঢ়ͷ8FC"QQͷ՝ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ ˣ όϯυϧʢ୯ҰϑΝΠϧͷੜʣ ˣ όϯυϧͷංେԽ
ίϯϙʔωϯτԽͷ )551ͷ੍ ˣ ϑΝΠϧϩʔυ࣌ؒͷ૿େ
ίϯϙʔωϯτԽͷ )551ͷ੍ ˣ ϑΝΠϧϩʔυ࣌ؒͷ૿େ
)551
ίϯϙʔωϯτԽͷ )551ͷ੍ ˣ ϑΝΠϧϩʔυ࣌ؒͷ૿େ
όϯυϧ ୯ҰϑΝΠϧͷੜ )551ͷ੍ ˣ ϑΝΠϧϩʔυ࣌ؒͷ૿େ ˣ όϯυϧ ୯ҰϑΝΠϧͷੜ ʹΑͬͯ ϦΫΤετճΛݮ
ݱঢ়ͷ8FC"QQͷ՝ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ ˣ όϯυϧʢ୯ҰϑΝΠϧͷੜʣ ˣ όϯυϧͷංେԽ
όϯυϧʢ୯ҰϑΝΠϧͷੜʣ
όϯυϧͷංେԽʹΑΔฐ 41"ͷྲྀߦ ˣ ͯ͢ͷػೳ͕ϑΝΠϧʹόϯυϧ ˣ όϯυϧϑΝΠϧ͕ඦ,#ʹ
ݱঢ়ͷ8FC"QQͷ՝ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ ˣ όϯυϧʢ୯ҰϑΝΠϧͷੜʣ ˣ όϯυϧͷංେԽ
ݱঢ়ͷ8FC"QQͷ՝ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ ˣ όϯυϧʢ୯ҰϑΝΠϧͷੜʣ ˣ όϯυϧͷංେԽ
࣍ ݱঢ়ͷ8FC"QQͷ՝ 18" $%/
18" 1SPHSFTTJWF8FC"QQT ࠷৽ͷ8FCٕज़Λ׆༻͠ɺਐత 1SPHSFTTJWF ʹߴͳϢʔβʔମݧΛఏڙ
18" 1SPHSFTTJWF8FC"QQT ࠷৽ͷ8FCٕज़Λ׆༻͠ɺਐత 1SPHSFTTJWF ʹߴͳϢʔβʔମݧΛఏڙ ˣ ࣄΛঃʑʹਐΊ͍ͯ͘
131- ͺʔΔ 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE 8FC$PNQPOFOUT 4FSWJDF8PSLFS )551
4FSWFS1VTIͱ͍ͬͨ8FCͷ࠷৽ٕज़Λ׆༻͠ ͨɺ18"ͷ۩ମతͳ࣮ύλʔϯͷͻͱͭ
131- ͺʔΔ PRPL ύλʔϯ | Web | Google Developers https://developers.google.com/web/fundamentals/performance/prpl-
pattern/?hl=ja ࣮ࡍͷϓϩδΣΫτͷଟ͘ɺPRPL ͷϏδϣϯΛ࠷७ਮ͔ͭ શͳܗͰ࣮ײͰ͖Δஈ֊ʹࢸ͍ͬͯͳ͍Ͱ͠ΐ͏ɻ ͔͠͠ɺͦͷߟ͑ํΛऔΓೖΕɺ͋ΒΏΔ֯ͰͦͷϏδϣϯͷ ٻʹணख͢Δͷʹૣ͗͢Δ͜ͱ͋Γ·ͤΜɻ
131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE
131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE
1VTI 8FC$PNQPOFOUTʹΑΔΧελϜཁૉͷఆٛ )5.-͔Β)5.-*NQPSUTʹΑΔར༻એݴ )5514FSWFS1VTI
8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM
8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM
8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM
)5.-*NQPSUT JOEFYIUNM MJOLSFMlJNQPSUzISFGlNFOVIUNMz MJOLSFMlJNQPSUzISFGlJUFNIUNMz NFOVIUNM JUFNIUNM
)551
)5514FSWFS1VTI
131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE
3FOEFS ϨϯμϦϯάͷ࠷దԽ ϨϯμϦϯάπϦʔͷߏஙɺϨΠΞτɺϖΠϯτ c8FCc(PPHMF%FWFMPQFST IUUQTEFWFMPQFSTHPPHMFDPNXFC GVOEBNFOUBMTQFSGPSNBODFDSJUJDBMSFOEFSJOH QBUISFOEFSUSFFDPOTUSVDUJPO IMKB
ϨϯμϦϯάͷϑϩʔ
ϨϯμϦϯάͷϑϩʔ ϒϥβͷ͘͠Έ࠷৽Σϒϒϥβͷ෦ߏ)5.-3PDLT IUUQTXXXIUNMSPDLTDPNKBUVUPSJBMTJOUFSOBMT IPXCSPXTFSTXPSL
ϨϯμϦϯάͷϑϩʔ
+BWB4DSJQUͷӨڹ
+BWB4DSJQUͷඇಉظ࣮ߦ BTZODଐੑ TDSJQUTSDlBQQKTzBTZODTDSJQU %0.ߏஙΛϒϩοΫͤͣʹεΫϦϓτͷ ಡΈࠐΈՄೳ
131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE
4FSWJDF8PSLFSʹΑΔ$BDIF 1SFDBDIF Ҏ߱ͷը໘ͰඞཁͱͳΔίϯϙʔωϯτϦιʔ εΛόοΫάϥϯυͰࣄલʹμϯϩʔυɺ 4FSWJDF8PSLFSΛ༻͍Ωϟογϡͱͯ͠อଘ
4FSWJDF8PSLFSͱ 4FSWJDF8PSLFSϒϥβ͕8FCϖʔδͱ ผʹόοΫάϥϯυͰ࣮ߦ͢ΔεΫϦϓτ w ϓογϡ௨ w όοΫάϥϯυಉظ w Ωϟογϡػೳ
4FSWJDF8PSLFSͱ 4FSWJDF8PSLFSϒϥβ͕8FCϖʔδͱ ผʹόοΫάϥϯυͰ࣮ߦ͢ΔεΫϦϓτ w ϓογϡ௨ w όοΫάϥϯυಉظ w Ωϟογϡػೳ
131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE
ը૾ͳͲͷԆಡΈࠐΈ ϑΝʔετϏϡʔʹදࣔ͞Εͳ͍ը૾ϑΝΠϧ ίϯϙʔωϯτͳͲΛ༏ઌͷ͍ͷͱͯ͠એݴ ϒϥβ͜ΕΒͷϦιʔεͷμϯϩʔυॱ൪ͷ ༏ઌΛԼ͛ɺϑΝʔετϏϡʔʹຊʹඞཁͳ ͷΛ༏ઌͯ͠දࣔ
࣍ ݱঢ়ͷ8FC"QQͷ՝ 18" $%/
$%/ $POUFOU%FMJWFSZ/FUXPSL ΣϒίϯςϯπΛΠϯλʔωοτܦ༝Ͱ৴ ͢ΔͨΊʹ࠷దԽ͞ΕͨωοτϫʔΫ w 'BTUMZ w $MPVEJOBSZ
'BTUMZ
'BTUMZ w ϢʔβʔʹΑΓ͍ۙαʔόʔ͔Β ίϯςϯπΛ৴ w ॠ࣌ͷΩϟογϡফڈߋ৽Ͱ ಈతίϯςϯπΛѻ͑Δ
$MPVEJOBSZ
$MPVEJOBSZ ը૾ಈըͷ৴ʹಛԽͨ͠$%/ ϒϥβʹΑͬͯ࠷దͳܗࣜͷը૾Λฦ͢ ʢ$ISPNFͳΒXFCQ 4BGBSJͳΒKQFHʣ
·ͱΊ EFWUP͕18"͕࣮ݱՄೳͰՁͷ͋ΔͷͰ͋ Δ͜ͱΛࣔͯ͘͠Εͨ ͯϒ͕ࣔ͢ͱ͓Γɺ6*69ʹͱͬͯૣ͕͞ ॏཁͰ͋Δ͜ͱΛ࠶ೝࣝͤ͞ΒΕͨ $%/͍͢͝
࣍ ݱঢ়ͷ8FC"QQͷ՝ 18" $%/