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
330
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
90
moment.js
kazunorikimura
0
61
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
急成長中のWINTICKETにおける品質と開発スピードと向き合ったQA戦略と今後の展望 / winticket-autify
cyberagentdevelopers
PRO
1
160
Nix入門パラダイム編
asa1984
2
200
フルカイテン株式会社 採用資料
fullkaiten
0
36k
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
170
Amazon_CloudWatch_ログ異常検出_導入ガイド
tsujiba
4
1.4k
AWS re:Inventを徹底的に楽しむためのTips / Tips for thoroughly enjoying AWS re:Invent
yuj1osm
1
530
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
170
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.6k
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
110
20241031_AWS_生成AIハッカソン_GenMuck
tsumita
0
100
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
170
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
19
1.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Scaling GitHub
holman
458
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
4 Signs Your Business is Dying
shpigford
180
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
How to Ace a Technical Interview
jacobian
275
23k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
Thoughts on Productivity
jonyablonski
67
4.3k
The Cult of Friendly URLs
andyhume
78
6k
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" $%/