Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
gatsby-imageをやめたいから勉強した話 -gatsbyをamp化したい-
sadnessOjisan
August 08, 2019
Technology
0
740
gatsby-imageをやめたいから勉強した話 -gatsbyをamp化したい-
sadnessOjisan
August 08, 2019
Tweet
Share
More Decks by sadnessOjisan
See All by sadnessOjisan
div 上にコメントを流す技術
sadnessojisan
0
78
Rust でパーソナルカラーを診断できる CLI を作った
sadnessojisan
0
45
サーバーアーキテクチャと非同期ランタイムいろいろ
sadnessojisan
0
400
SSG is a compiler
sadnessojisan
6
4.1k
不用品掲示サイトをMicroCMS + NextJS + vanilla-extract で作った話
sadnessojisan
3
710
preactの仕組みを理解する軽量版教育用preactを作ってる話
sadnessojisan
4
2.3k
Node.jsの非同期とI/Oについて調べてみた
sadnessojisan
2
650
TypeScriptのDIはどうすればいいの?
sadnessojisan
10
2.3k
簡単には届かなかったweb push/web-push-is-difficult#pwanight
sadnessojisan
2
290
Other Decks in Technology
See All in Technology
新規ゲームのリリース(開発)前からのSRE活動
tmkoikee
1
460
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
line_developers
PRO
3
1.8k
LIFF Deep Dive 2022
line_developers
PRO
1
620
HTTP Session Architecture Pattern
chiroito
1
410
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
500
事業の成長と共に歩む、ABEMA SRE探求の歴史 / SRE-Next 2022
nagaa052
0
390
tfcon-2022-cpp
cpp
5
5.2k
Data-Driven Healthcare - Techplay
kotaroito
0
120
Data Warehouse or Data Lake, which one do I choose?
ahana
0
130
プロダクション環境の信頼性を損ねず観測する技術
egmc
4
740
Dagu | オンプレ向けワークフローエンジン(WebUI 同梱)
yohamta
0
200
How We Foster Reliability in Diversity
nari_ex
PRO
10
3k
Featured
See All Featured
What's new in Ruby 2.0
geeforr
336
30k
Fantastic passwords and where to find them - at NoRuKo
philnash
25
1.5k
Web Components: a chance to create the future
zenorocha
303
40k
How STYLIGHT went responsive
nonsquared
85
3.9k
Producing Creativity
orderedlist
PRO
333
37k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
Why Our Code Smells
bkeepers
PRO
324
54k
Code Reviewing Like a Champion
maltzj
506
37k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Optimizing for Happiness
mojombo
365
63k
Automating Front-end Workflow
addyosmani
1351
200k
Transcript
HBUTCZJNBHFΛࣙΊͨͯ͘ษڧͨ͠ ૣ͍(BUTCZΛBNQͰͬͱૣ͘͢ΔͨΊʹ :VUB*EF !TBEOFTT0KJTBO .FHVSPFT
͋Δͷ ʮૣ͍αΠτ࡞Ζʯ
ઌഐʹ૬ஊ ʮૣ͍ͷΓ͍ͨʯ ʮ(BUTCZૣ͍Αʯ ʮ".1ૣ͍Αʯ
ʢ͖ͬͱɺʮૣ͍ ૣ͍ രʯͩͳʣ
Ͱɺ A A D
݁Ռ
ࠓ͢༰ɾɾɾ HBUTCZJNBHFͱ BNQ͕ڝ߹ͯ͠ɺHBUTCZJNBHFΛΊͨ͘ͳͬͨ HBUTCZJNBHFΛফͨ͢ΊʹɺHBUTCZJNBHFΛษڧͨ͜͠ͱͷ·ͱΊ
ͬ͘͟Γ(BUTCZͱ • 3FBDUͰॻ͚Δ੩తαΠτδΣωϨʔλ • OQNͳͲʹ͋ΔϓϥάΠϯͰػೳΛ֦ுͰ͖Δ • ύϑΥʔϚϯε͕ྑ͍ʢ͍ʣαΠτ͕ੜ͞ΕΔ • ී௨ͷαΠτΛരͳαΠτʹม͢ΔίϯύΠϥͱ͍͏ݟํ Ͱ͖Δ
- 2 ) 7/ 13 01 -7 . ) 7 1 )
HBUTCZJNBHFͱ • (BUTCZͷϓϥάΠϯ • ը૾पΓͷύϑΥνϡʔΛΑ͠ͳʹͬͯ͘ΕΔ
ը૾ͷ࠷దԽྫ
(BUTCZͰ#VJME (BUTCZʹೖΕͣʹɺૉͷ JOEFYIUNMʹը૾ΛೖΕͯܭଌ Yͷେ͖͍ը૾
HBUTCZJNBHFͱ HBUTCZJNBHF͏͚ͩͰྑ͍͜ͱ͋Γͦ͏ʂʂʢϑϥάʣ αΠζ.#ˠ # NTˠ NT ۃͳྫͰ͢Έ·ͤΜ
ϑϥάճऩ • HZQ&33OPEFHZQ • %*4"--08&%)5.- HBUTCZJNBHF͕ ੜͨ͠࠷దԽ )5.- ".1ͷ੍Λຬͨ͞ͳ͍
BNQରԠͭΒ͍ • HBUTCZJNBHFը૾Λ#BTFͰJOMJOFDTT CBDLHSPVOE JNBHF ͱͯ͠ల։͢Δ UBHͷ͞ʹ੍ݶ͕͋Δ*OMJOFͷ#BTFܗࣜ৯͍ͭͿ͢ • ͍ΖΜͳͷΛUBHͷBUUSJCVUFʹઃఆ͢Δ FYMPBEJOHlMB[Zz
JNBHF BNQJNBHF λά TSD BMUͳͲࢦఆ͞ΕͨBUUSJCVUF͠ ͔͑ͳ͍
ͰؤுΔΑ • HBUTCZJNBHFΛ֎ͤ".1ରԠͰ͖ͦ͏ • HBUTCZJNBHF͕ͯ͘͠Ε͍ͯΔ͜ͱΛࣗྗͰΖ͏ • HBUTCZJNBHF͕ԿΛ͍ͯ͠Δ͔ษڧ͢Δͧʂʂʂʂ ˞ͷࠊΛંΒͳ͍ͨΊʹ͜͜Ͱແࢹ͠·͕͢ɺHBUTCZJNBHF֎ͯ͠ɺ".1ରԠݫ ͍͠Ͱ͢ɻ ͯϒͷϘλϯɺΞΫηεܭଌͳͲɺࢼ࿅͕·ͩ·ͩͪड͚͍ͯ·͢
HBUTCZJNBHF͕͍ͬͯΔ͜ͱ̎ͭʂ ༩͑ΒΕͨΫΤϦΛݩʹɺը૾ΛTPVSDF͔Βऔಘ͢Δ ༩͑ΒΕͨΫΤϦΛݩʹը૾ͷมՃΛ͢Δ Ϗϧυ࣌ʹը૾Λ࠷దԽ͢Δ
HBUTCZJNBHF͕ߦ͏ม࠷దԽ ը૾αΠζղ૾Λ࠷దԽ σόΠεαΠζʹ͋ͬͨը૾Λෳछྨੜ ը૾͔ΒϝλσʔλΛআ ը૾ΛϨϯμϦϯά͢Δલʹग़ܰ͢ྔͳμϛʔը૾ੜ
5SBDFE47( (BUTCZͷը૾͕ʮ;Θͬʯͬ ͯදࣔ͞ΕΔཪଆʹ͋ΔΈ ܰྔͳ47(Λ༻ҙ͠ɺຊը૾ ͕ͰΔ·Ͱ47(Λදࣔͤ͞ Δ ຊը૾͕MPBE͞ΕͨΒΓସ ͑Δ // .
. /. /. . -
47(Ͱ͋Δඞཁʁ . 57 / 4 46 7.45 6 7:- /
- 7 46 ը૾ͷࠩ͠ସ͑ͨͩͷTLFMUPO WJFX ͱಉ͡Ͱ͋Γɺಛච͢ΔͷͰͳ͍ ͜ͷख๏͕͍͢͝ͱ͜Ζը૾͔Βɺͦ ΕΛτϨʔεͨ͠47(Λ࡞͍ͯ͠Δͱ ͜Ζɻ͔͠Ϗϧυ࣌ʹʂʂʂʂ ߥ͍ը૾47(ͷํ͕αΠζখ͘͞ ͍ʂ
HBUTCZJNBHFͷੜΛJOTQFDUPSͰΈΔͱ ը૾͕CBTFܗࣜͰJOMJOF ͰຒΊࠐ·Ε͍ͯΔ *NBHFλάʹṖͷQBEEJOH ͕ઃఆ͞Ε͍ͯΔ TSDTFUͰը૾Λࢦఆ //
. . /. /. . -
#BTFͰJOMJOFԽ͢Δཧ༝ ը૾ΛϑΝΠϧͱͯ͠%-͠ͳ͍ͷͰϦΫΤετΛݮΒͤΔ $44 CBDLHSPVOEJNBHFͳͲ ΛΠϯϥΠϯ$44Ͱࢦఆ͢Εɺ $44ϑΝΠϧͷϦΫΤετΛݮΒͤΔ
ಾͷQBEEJOH͕͋Δཧ༝ ٖࣅཁૉͷQBEEJOHΛͬͨɺ ը૾ͷΞεϖΫτൺΛมߋ͢ ΔςΫχοΫ HBUTCZJNBHF2VFSZΛ ͬͯɺ1$༻ɾ41༻ʹҟͳΔ ΞεϖΫτൺͷը૾Λు͖ग़ ͤΔ
TSDTFU͕͋Δཧ༝ σόΠεຖʹը૾Λग़͚͠ΔςΫχοΫ 3FUJOB͚ɺେ͖͍8JOEPX͚ʹग़͚͠ΒΕΔ ϒϥβʹΑΓ·͕͢ɺ͕ࣗඞཁͳը૾͚͕࣮ͩࡍʹ%-͞ΕΔ
HBUTCZJNBHF͔Βֶͨ͜ͱҰཡ ͜Εࣗ࡞ͨ͠ΒHBUTCZJNBHF͍Βͳ͍͡ΌΜ ը૾αΠζղ૾Λ࠷దԽ σόΠεαΠζʹ͋ͬͨը૾Λෳछྨੜ ը૾͔ΒϝλσʔλΛআ ը૾ΛϨϯμϦϯά͢Δલʹग़ܰ͢ྔͳμϛʔը૾ੜ
#BTFʹม ը૾Λ*OMJOFʹ ΞεϖΫτൺΛٖࣅཁૉͷQBEEJOHͰࢦఆ σόΠεຖʹෳը૾ੜ TSDTFUͰࢦఆ
Ͱ͖Δ͔ʔʔʔʂʂʂ
࠷దԽΛϕετΤϑΥʔτͰؤுΔ ͳΜͱ͔ͯ͠HBUTCZJNBHFΛಈ͔͢
ϕετΤϑΥʔτͰؤுΔ ༗ࣝऀᐌ͘ɺ͍αΠτը૾ͷ αΠζपΓ͕Ψό͍͚ͩɻ ͦΕΛؾΛ͚ͭΔ͚ͩͰૣ͘ͳΔ
ѹॖ͢Δ UJOZQOH σεΫτοϓͱϞόΠϧͰը૾Λ ͚Δ
ͳΜͱ͔ͯ͠HBUTCZJNBHFΛಈ͔͢ "NQͷ્Λ͠ͳ͍Α͏ʹHBUTCZJNBHFΛ࡞Γม͑Δ ˣ λάͷMPBEJOHͱ#BTFΛফͯ͠͠·͍͑Μͩʂ ˠ ࡞ͬͨɻʢਖ਼֬ʹHBUTCZSFNBSLJNBHFTͷQMVHJOʣ IUUQTXXXOQNKTDPNQBDLBHFHBUTCZSFNBSLJNBHFTXJUIPVUCH
ͳΜͱ͔ͯ͠HBUTCZJNBHFΛಈ͔͢ "NQͷ્Λ͠ͳ͍Α͏ʹHBUTCZJNBHFΛ࡞Γม͑Δ ˣ λάͷMPBEJOHͱTJ[FΛফͯ͠͠·͍͑Μͩʂ ˠ ࡞ͬͨɻʢਖ਼֬ʹHBUTCZSFNBSLJNBHFTͷQMVHJOʣ IUUQTXXXOQNKTDPNQBDLBHFHBUTCZSFNBSLJNBHFTXJUIPVUCH ಈ͖·ͤΜͰͨ͠
ͳΜͱ͔ͯ͠HBUTCZJNBHFΛಈ͔͢ "NQͷ્Λ͠ͳ͍Α͏ʹHBUTCZJNBHFΛ࡞Γม͑Δ ˣ λάͷMPBEJOHͱTJ[FΛফͯ͠͠·͍͑Μͩʂ ˠ ࡞ͬͨɻʢਖ਼֬ʹHBUTCZSFNBSLJNBHFTͷQMVHJOʣ IUUQTXXXOQNKTDPNQBDLBHFHBUTCZSFNBSLJNBHFTXJUIPVUCH ଥڠͯ͠ɺHBUTCZJNBHF֎͠·ͨ͠
·ͨɺ໌͔ΒؤுΖ͏ͱࢥ͍·͢ ࠙ձͰ (BUTCZ ".1 ʹৄ͍͠ਓ͍ͨΒ͓͠ฉ͔͍ͤͯͩ͘͞