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.5k
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
390
objectのcloneを行う/How to clone of the object in js
kazunorikimura
0
400
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
kazunorikimura
0
670
How freelance programmer works
kazunorikimura
0
130
moment.js
kazunorikimura
0
100
sequelize.pdf
kazunorikimura
0
590
Toward the world of "ready player one"
kazunorikimura
0
96
npmの便利なパッケージ: forever, winser
kazunorikimura
0
1k
npmの便利なパッケージ: Jest
kazunorikimura
0
140
Other Decks in Technology
See All in Technology
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
170
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
260
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
7
3.3k
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
600
AI時代、“平均値”ではいられない
uhyo
8
2.5k
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
110
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
260
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
120
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
350
ソースを読む時の思考プロセスの例-MkDocs
sat
PRO
1
160
Building a cloud native business on open source
lizrice
0
180
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
GraphQLとの向き合い方2022年版
quramy
49
14k
Embracing the Ebb and Flow
colly
88
4.9k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Music & Morning Musume
bryan
46
6.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Modern Web Designer's Workflow
chriscoyier
697
190k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
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" $%/