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
360
objectのcloneを行う/How to clone of the object in js
kazunorikimura
0
370
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
kazunorikimura
0
620
How freelance programmer works
kazunorikimura
0
100
moment.js
kazunorikimura
0
75
sequelize.pdf
kazunorikimura
0
550
Toward the world of "ready player one"
kazunorikimura
0
78
npmの便利なパッケージ: forever, winser
kazunorikimura
0
950
npmの便利なパッケージ: Jest
kazunorikimura
0
120
Other Decks in Technology
See All in Technology
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
810
スクラムというコンフォートゾーンから抜け出そう!プロジェクト全体に目を向けるインセプションデッキ / Inception Deck for seeing the whole project
takaking22
3
230
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
Amazon Athenaから利用時のGlueのIcebergテーブルのメンテナンスについて
nayuts
0
130
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
130
AI-Driven-Development-20250310
yuhattor
3
290
Dify触ってみた。
niftycorp
PRO
0
100
MIMEと文字コードの闇
hirachan
2
1.5k
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
190
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
32
23k
20250309 無冠のわたし これからどう先生きのこれる?
akiko_pusu
9
1.4k
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.9k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
BBQ
matthewcrist
87
9.5k
Navigating Team Friction
lara
183
15k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Invisible Side of Design
smashingmag
299
50k
RailsConf 2023
tenderlove
29
1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A Philosophy of Restraint
colly
203
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
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" $%/