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
63
そうだ、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
68
『Snow Monkey』と がっつりお付き合いしたからこそ見つけた マネタイズ・ブランディング
kutsu123
0
980
世界の中心で、(Snow Monkeyへの)愛を叫ぶ
kutsu123
3
1.3k
世界の中心から(Snow Monkeyへの)愛を叫ぶ
kutsu123
0
380
そうだ、Tシャツ着よう Osaka.ver
kutsu123
0
70
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
4 Signs Your Business is Dying
shpigford
184
22k
How STYLIGHT went responsive
nonsquared
100
5.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Bash Introduction
62gerente
614
210k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Documentation Writing (for coders)
carmenintech
73
5k
Navigating Team Friction
lara
188
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
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γϟπΛݟͤΔϑΝογϣϯפ͍ͷͰ͋·Γண͍ͯ·ͤΜɻ