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
380
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
95
npmの便利なパッケージ: forever, winser
kazunorikimura
0
1k
npmの便利なパッケージ: Jest
kazunorikimura
0
130
Other Decks in Technology
See All in Technology
データエンジニアがこの先生きのこるには...?
10xinc
0
440
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
6
2.2k
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
960
FastAPIの魔法をgRPC/Connect RPCへ
monotaro
PRO
1
720
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
170
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
mdstoy
0
120
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
120
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
200
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
130
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.3k
生成AIを活用したZennの取り組み事例
ryosukeigarashi
0
200
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
110
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
What's in a price? How to price your products and services
michaelherold
246
12k
Typedesign – Prime Four
hannesfritz
42
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Writing Fast Ruby
sferik
629
62k
Six Lessons from altMBA
skipperchong
28
4k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Navigating Team Friction
lara
189
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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" $%/