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
そうだ、Tシャツ着よう
Search
ah-kutsu
December 01, 2017
0
64
そうだ、Tシャツ着よう
2017年12月に行われたWordBench Tokyo のLT大会で発表したスライドです
ah-kutsu
December 01, 2017
Tweet
Share
More Decks by ah-kutsu
See All by ah-kutsu
テーマがあるからできる! 一人親方的Web制作術
kutsu123
0
70
『Snow Monkey』と がっつりお付き合いしたからこそ見つけた マネタイズ・ブランディング
kutsu123
0
990
世界の中心で、(Snow Monkeyへの)愛を叫ぶ
kutsu123
3
1.3k
世界の中心から(Snow Monkeyへの)愛を叫ぶ
kutsu123
0
380
そうだ、Tシャツ着よう Osaka.ver
kutsu123
0
71
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Building Applications with DynamoDB
mza
96
6.6k
Code Review Best Practice
trishagee
72
19k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Rails Girls Zürich Keynote
gr2m
95
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Transcript
ͦ͏ͩɹ5γϟπ ɺணΑ͏ ΞΫπɹϢϛ 8PSE#FODI౦ژ݄
ਆಸݝ౻ࢢ͔Βདྷ·ͨ͠ ԣͷ8FC੍࡞ձࣾͰϚʔΫΞοϓΤϯδχΞ Ҏ্ϑϩϯτΤϯυΤϯδχΞະຬͯ͠·͢ ʢΧελϜϑΟʔϧυۀͯ͠ΔΑʣ ʻ8PSE1SFTTؔ࿈ͷ׆ಈʼ w 8PSE$BNQ5PLZP൝൝ w ͨ·ʹѪͯ͠·ͳ͍ϓϥάΠϯʹԼखͦ͘ͳ ӳޠͰײँͷؾ࣋ͪΛ͑ͨΓɺΛ͚ͭΔ
͜ͱͯ͠·͢ ࣗݾհ Ϋπ
͋ͱ 5γϟπେ͖Ͱ͢ʂ
ຊͷ͓ɾɾɾ 5γϟπͷ͜ͱׂ͕̕Ͱ͢ ͳͷͰ
ຊͷ͓ɾɾɾ 5γϟπͷ͜ͱׂ͕̕Ͱ͢ ͳͷͰ ΑΖ͓͘͠ئ͍͠·͢ʂ
໌ަྲྀձʂɹखݩʹ໊͕ͳ͍ʂʂ ໊͋Δ͚Ͳձ໊͔ࣾ͠ͳ͍ʂʂͲ͏͠Α͏ʂ ໊ަͨ͠ͷʹɺ֮͑ͯΒ͑ͳ͍Α͏ͳ ؾ͕͢Δɾɾɾ ͯ͞ɺຊ ͜Μͳ͜ͱ͋Γ·ͤΜ͔ʁ
ͦΜͳ͋ͳͨΦεεϝ
ૉఢͳ5γϟπΛ ண͍ͯ͜͏
͑ʂʁ5γϟπΛணΔ͚ͩͰʂʁ ӕͰ͠ΐ͏ʁʂ
ຊͰ͢ʂ ૉఢͳ5γϟπΛணΔ͚ͩͰ ֮͑ͯΒ͑·͢ʂ
࣮ྫ
ΞΫπڈૉఢͳ5γϟπΛணͯ8PSE'FT/BHPZB8PSE$BNQ 5PLZPʹࢀՃ͠·ͨ͠ ʢ͜ͷͱ͖8PSE1SFTTίϛϡχςΟք۾ͰΓ߹͍ਓʣ ˢݟͮΒ͍Ͱ͕͢ΧϨʔ5ண͍ͯΔΞΫπ͕͍·͢
࠙ձ͓ധ·ΓձɺϋοΧιϯͳͲʹࢀՃͨ͠Β 8PSE1SFTTք۾ʹ͓Γ߹͍͕Ͱ͖·ͨ͠ʂʂ
ͪΖΜͨ͘͞Μ͓͍͍͔ͤͯͨͩͨ͞Β ͱ͍͏ͷ͓͓͍ʹ͋Γ·͢ɻ
͕ɺͦΕҎ֎ʹɾɾɾ ࠓͷ8PSE$BNQ5PLZPͰɺࡢ໊ަͯ͠ ѫࡰఔͷձ͔͍ͯ͠͠ͳ͍ํʹ͓ձ͍ͨ͠ ͱ͖ʹ
ʮڈ5γϟπணͯͨࢠͩΑͶʂʯ ʮΞΫπ͞Μ͓ٱ͠ͿΓͰ͢ʯ
͍֮͑ͯͯ͘Εͯͨʂʂʂ ʘ ?P? ʗ
ͦͷͱ͖֬৴͠·ͨ͠
͋ͬ5γϟπ ͍͚Μ͡ΌͶʁʁ
ͦ͏ͩʂ͜ΕΛ ʰ5γϟπϚʔέςΟϯάʱ ͱ໊͚ͯप͠Α͏ʂ ʢωʔϛϯάదʣ
ࠓʹࢸΔ
5γϟπϚʔέςΟϯά ͬͯΈ͍ͨʂ͚Ͳෆ҆ɾɾɾ ͦΜͳ͋ͳͨ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̍ ૉఢͳ5γϟπ͓ͬͯߴ͍Ͱ͠ΐ͏ʁ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̍ ૉఢͳ5γϟπ͓ͬͯߴ͍Ͱ͠ΐ͏ʁ ҆৺͍ͯͩ͘͠͞ʂ ҆ͯ͘ૉఢͳ5γϟπ͍ͬͺ͍͋Γ·͢ ɹ˓·ΉΒͱ͔Ϣ˓Ϋϩͱ͔ʹ͋ΔΑʂ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̎ ͰɺͬͺΓૉఢͳ5γϟπͬͯ Լͱ͔·Ͱߦ͔ͳ͍ͱɾɾɾ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̎ ͰɺͬͺΓૉఢͳ5γϟπͬͯ Լͱ͔·Ͱߦ͔ͳ͍ͱɾɾɾ ҆৺͍ͯͩ͘͠͞ʂ શࠃνΣʔϯళͰे͍͚·͢ ɹɹ˓·ΉΒͱ͔ϢχɾɾɾʢҎԼུ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ ૉఢͳ5γϟπΛண͍ͯ͘ͱ͖ͷ ҙ͋Γ·͔͢ʁ
ಛʹ͋Γ·ͤʜ Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ ૉఢͳ5γϟπΛண͍ͯ͘ͱ͖ͷ ҙ͋Γ·͔͢ʁ
ಛʹ͋Γ·ͤʜ Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ ૉఢͳ5γϟπΛண͍ͯ͘ͱ͖ͷ ҙ͋Γ·͔͢ʁ ಥવͷ5γϟπܑ͓͞Μ͔ΒͷΞυόΠείʔφʔˑ 5γϟπͱ͍͏ͱͲ͏ͯ͠దʹணͯΔΜͰ͠ΐʁײΛ࣋ͨ Εͯ͠·͏͜ͱ͕ଟ͍ͷͰɺϘτϜΞλʔͳͲࠓͷ τϨϯυ͓͠ΌΕΛҙ͓ࣝͯ͘͠ͱɺ5γϟπ͋͑ͯணͯ ͍Δ͜ͱ͕ΘΔͷͰ͍͍ͧʂ
ΞΫπͰ͖ͯͳ͍͜ͱଟ͍͚Ͳͳʂ
ͱ͜͜·Ͱ5γϟπਪ͠ ͠·͕ͨ͠ɾɾɾ
ผʹ5γϟπͰͳ͍͍ͯ͘ ྫ͑ɾɾɾ w ͱ͔ w ͱനͷγϚγϚͷΛຖճணͯ͘Δͱ͔ w ࠓͷقઅͩͱ௧ηʔλʔ͋ͨΓ͕ͬͪΓ͔
ݟͨͰউෛ͠ͳͯ͘ྑ͍ ອըେ͖ʂʂͱ͔ɺຍҭͯͯ̏̌ͱ͔Λಊʑͱ Ξϐʔϧ͢ΔͷͰେৎʢͩͱࢥ͏ʣ
݁ہɺ͍͍͍ͨ͜ͱ
ؾෛΘͣࣗΒ͘͠ࢀՃ͍͚ͯ͠ɺ ҙ֎ʹ֮͑ͯΒ͑Δ
ͩͬͯɺ 5γϟπ͖ͷͬΆ͜ʔϚϯͷ ࢲͰ͜͏ͯ͠ελοϑ-5Λ ͍ͬͯΔͷ͔ͩΒ
ͰɺࣗΒ͘͠Λ Ͳ͏͍͍͔ͬͯΘ͔Βͳ͍ͱ͖ʹ
ʮͦ͏ͩ5γϟπɺணΑ͏ʯ
5γϟπΛͥͻҰ ͓ࢼ͍ͩ͘͠͞
͓ΘΓ ฉ͍ͯ͘Εͯ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
͓·͚ɿউखʹ࣭ٙԠ w ͲΜͳ5γϟπ͕ૉఢͩͱࢥͬͯ·͔͢ʁ ˠ̎ίϚ5γϟπʢදͱཪͷֆฑ͕ετʔϦʔʹͳͬͯΔʣ͕͙ͬͱ͖·͢ w 5γϟπΛҙࣝͩͨ͠͠ͷ͍͔ͭΒʁ ˠ໌֬ʹɺͷϢχΫϩͷφΪΠψ5γϟπʹΩϡϯͱ͖ͨͱ͖͔ΒͰ͢ɻ Ͱɺߴߍͷͱ͖ʹૉఢ5γϟπΛண͍ͯͨͷͰଟͣͬͱ5γϟπҙࣝͯͨ͠Μͩ ͱࢥ͍·͢ɻ w
5γϟπ͖ͱ͍͍ͳ͕Β࠷ۙ5γϟπணͯͳ͍ͷͳΜ ͰͰ͔͢ʁ ˠ͓͠ΌΕզຫ͕Ͱ͖ͳ͍͔ΒͰ͢ɻ ͕͢͞ʹ5γϟπΛݟͤΔϑΝογϣϯפ͍ͷͰ͋·Γண͍ͯ·ͤΜɻ