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シャツ着よう Osaka.ver
Search
ah-kutsu
June 30, 2018
0
70
そうだ、Tシャツ着よう Osaka.ver
WordCamp Osaka 2018で発表したLTのスライドです
ah-kutsu
June 30, 2018
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シャツ着よう
kutsu123
0
63
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7.1k
How to Ace a Technical Interview
jacobian
279
23k
A Modern Web Designer's Workflow
chriscoyier
695
190k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
How GitHub (no longer) Works
holman
315
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Become a Pro
speakerdeck
PRO
29
5.5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Fireside Chat
paigeccino
39
3.6k
Transcript
ͦ͏ͩɹ5γϟπ ɺணΑ͏ ΞΫπɹϢϛ 8PSE$BNQ0TBLBϥΠτχϯάτʔΫ
·͍ͲʂΞΫπͰ͢ Ϋπ
ভೆͰ͓ͳ͡Έͷਆಸݝ౻ࢢ͔Βདྷ·ͨ͠ Ո͔Βւ·Ͱెา̎࣌ؒʂ·ͬͨ͘ভೆͷ෩͕ײ͡Βͳ͍ਓੜຬ٤தʂ ԣͷ8FC੍࡞ձࣾͰϚʔΫΞοϓΤϯδχΞҎ্ ϑϩϯτΤϯυΤϯδχΞະຬͯ͠·͢ ʢΧελϜϑΟʔϧυۀͯ͠ΔΑʣ ·͍ͲʂΞΫπͰ͢ Ϋπ
ভೆͰ͓ͳ͡Έͷਆಸݝ౻ࢢ͔Βདྷ·ͨ͠ Ո͔Βւ·Ͱెา̎࣌ؒʂ·ͬͨ͘ভೆͷ෩͕ײ͡Βͳ͍ਓੜຬ٤தʂ ԣͷ8FC੍࡞ձࣾͰϚʔΫΞοϓΤϯδχΞҎ্ ϑϩϯτΤϯυΤϯδχΞະຬͯ͠·͢ ʢΧελϜϑΟʔϧυۀͯ͠ΔΑʣ Ͳ͍ͬ͜ɺ݄͔̓Β౦ژͷঁʹͳΓ·͢ ɹɹɹɹɹɹɹ ·͍ͲʂΞΫπͰ͢ Ϋπ ʹ+PJO༧ఆ
º
8PSE1SFTTؔ࿈ͷ׆ಈ w 8PSE$BNQ5PLZP൝൝ w 8PSE$BNQ5PLZP෭ҕһ w ϓϥάΠϯ࡞͍ͬͯ·ͤΜʢʣ w ެࣜςʔϚ࡞ͬͯ·ͤΜʢେʣ w
(VUFOCFSHΛάʔσϯόʔάͬͯ͠Β͘ಡΜͰ·ͨ͠PS[ ศརͦ͏ͬͯࢥ͍ͳ͕Β·ͩNN৮Ε߹ͬͯ·ͤΜɻ w ͨ·ʹѪͯ͠·ͳ͍ϓϥάΠϯʹԼखͦ͘ͳӳޠͰײँͷؾ࣋ͪΛ͑ͨΓɺ Λ͚ͭΔ͜ͱͯ͠·͢ Ϋπ ·͍ͲʂΞΫπͰ͢
ͦͯ͠ 5γϟπେ͖Ͱ͢ʂ
ຊͷ͓ɾɾɾ 5γϟπͷ͜ͱׂ͕̕Ͱ͢ ͳͷͰ
ຊͷ͓ɾɾɾ 5γϟπͷ͜ͱׂ͕̕Ͱ͢ ͳͷͰ ΑΖ͓͘͠ئ͍͠·͢ʂ
ࠓ࠙ձʂɹखݩʹ໊͕ͳ͍ʂʂ ໊͋Δ͚Ͳձ໊͔ࣾ͠ͳ͍ʂʂͲ͏͠Α͏ʂ ͯ͞ɺຊ ͜Μͳ͜ͱ͋Γ·ͤΜ͔ʁ
ͦΜͳ͋ͳͨΦεεϝ
ͦΜͳͰͥͻ ૉఢͳ5γϟπΛ ண͍ͯ͜͏
͑ʂʁ5γϟπΛணΔ͚ͩͰʂʁ ӕͰ͠ΐ͏ʁʂ
ຊͰ͢ʂ ૉఢͳ5γϟπͬͯ ͪΐͬͱͨ͠ύʔςΟ࠙ձʹ ͓͢͢ΊͳΜͰ͢ʙ
࣮ྫ
ΞΫπաڈૉఢͳ5γϟπΛணͯ8PSE'FT/BHPZB8PSE$BNQ 5PLZPʹࢀՃ͠·ͨ͠ ʢ͜ͷͱ͖8PSE1SFTTίϛϡχςΟք۾ͰΓ߹͍ਓʣ ˢݟͮΒ͍Ͱ͕͢ΧϨʔ5ண͍ͯΔΞΫπ͕͍·͢
࠙ձ͓ധ·ΓձɺϋοΧιϯͳͲʹࢀՃͨ͠Β 8PSE1SFTTք۾ʹ͓Γ߹͍͕Ͱ͖·ͨ͠ʂʂ
ͪΖΜͨ͘͞Μ͓͍͍͔ͤͯͨͩͨ͞Β ͱ͍͏ͷ͓͓͍ʹ͋Γ·͢ɻ
͕ɺͦΕҎ֎ʹɾɾɾ ࠓͷ8PSE$BNQ5PLZPͰɺࡢ໊ަͯ͠ ѫࡰఔͷձ͔͍ͯ͠͠ͳ͍ํʹ͓ձ͍ͨ͠ ͱ͖ʹ
ʮڈ5γϟπணͯͨࢠͩΑͶʂʯ ʮΞΫπ͞Μ͓ٱ͠ͿΓͰ͢ʯ
͍֮͑ͯͯ͘Εͯͨʂʂʂ ʘ ?P? ʗ
ͦͷͱ͖֬৴͠·ͨ͠
͋ͬ5γϟπ ͍͚Μ͡ΌͶʁʁ
ͦ͏ͩʂ͜ΕΛ ʰ5γϟπϚʔέςΟϯάʱ ͱ໊͚ͯप͠Α͏ʂ ʢωʔϛϯάదʣ
݄ ౦ຊ࠷େࢢ50,:0ʹͯڭ׆ಈ։࢝
ຯΛΊɺ ຊ࠷ڧࢢ0TBLBʹͯ ࠓڭ׆ಈͳ͏
໊ͷΘΓ͚ͩ͡Όͳ͍ ࣮͜Μͳ͜ͱʹ 5γϟπେ׆༂ʂ
ˑԿΛ͍͍͔ͯ͠Θ͔Βͳ͍ʂ ɹۓுͰޱ͔ΒңӷͰͦ͏ɻ ˑ͍ɻॳࢀՃͰ͢ɻͪΖΜιϩɻܦݧ̌ɻ ɹݱࡏઈதͰ͢ɻ ༐ؾΛग़ͯ͠དྷͨ࠙ձɻ Ͱɺ͜Μͳෆ҆͋Γ·ͤΜ͔ʁ
ͦΜͳͰͥͻ ૉఢͳ5γϟπΛ ண͍ͯ͜͏
ͦ͏ʂૉఢͳ5γϟπΛண͚ͯɺͦͷͰ͍ ొΔ͜ͱؒҧ͑ͳ͠ʂʢগͳ͘ͱࢲ͘ͳΔΑʣ ԿΛ͍͍ͤͷ͔ɾɾɾͬͯΉ͜ͱͳ͘ɺεοͱձͰ͖Δ ·͢ʂ Α͘ɺఱؾͷమ൘ͩͱ͔ݴΘΕͯ·͕͢ɺ ࠙ձͰఱؾͷ͜ͱ͢ͷ͚ͬ͜͏͍͠ʢ͍͠ͱײ͡ͳ͍ਓ ͦͦձ্ख͔ͩΒΜͰͳ͍ͱࢥ͏ʣͷͰɺ5γϟπͷ΄͏͕ ͖ͬͱ؆୯Ͱ͢ʂ
5γϟπϚʔέςΟϯά ͬͯΈ͍ͨʂ͚Ͳෆ҆ɾɾɾ ͦΜͳ͋ͳͨ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̍ ૉఢͳ5γϟπ͓ͬͯߴ͍Ͱ͠ΐ͏ʁ
҆৺͍ͯͩ͘͠͞ʂ ҆ͯ͘ૉఢͳ5γϟπ͍ͬͺ͍͋Γ·͢ ɹ˓·ΉΒͱ͔Ϣ˓Ϋϩͱ͔ʹ͋ΔΑʂ Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̍ ૉఢͳ5γϟπ͓ͬͯߴ͍Ͱ͠ΐ͏ʁ
Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̎ ͰɺͬͺΓૉఢͳ5γϟπͬͯ ϛφϛͱ͔·Ͱߦ͔ͳ͍ͱɾɾɾ
҆৺͍ͯͩ͘͠͞ʂ શࠃνΣʔϯళͰे͍͚·͢ ɹɹ˓·ΉΒͱ͔ϢχɾɾɾʢҎԼུ Α͋͘Δʢ͔͠Εͳ͍ʣ ෆ҆ͦͷ̎ ͰɺͬͺΓૉఢͳ5γϟπͬͯ ϛφϛͱ͔·Ͱߦ͔ͳ͍ͱɾɾɾ
ͳͷͰࠓ͔ΒͰؒʹ߹͍·͢ ࠓ͔Β͓ళμογϡͩʂ ˞͔͜͜Β˓χΫϩ0TBLBళ·Ͱ࠷ʂ
ຊؒʹ߹Θͳ͔ͬͨ߹Ͱɾɾɾ 8PSE$BNQ5PLZP͕݄̕ʹ͋ΔΑ ʢˢ࿐ࠎͳ$.ʣ ͥͻɺؔ౦ͷΈΜͳ͕؊Λൈ͘ૉఢͳ5γϟπͰࢀՃ͠Α͏ʂ
ͱ͜͜·Ͱ5γϟπਪ͠ ͠·͕ͨ͠ɾɾɾ
ผʹ5γϟπͰͳ͍͍ͯ͘ ྫ͑ɾɾɾ w ͱ͔ w ͱനͷγϚγϚͷΛຖճணͯ͘Δͱ͔
ݟͨͰউෛ͠ͳͯ͘ྑ͍ ອըେ͖ʂʂͱ͔ɺຍҭͯͯ̏̌ͱ͔Λಊʑͱ Ξϐʔϧ͢ΔͷͰେৎʢͩͱࢥ͏ʣ
݁ہɺ͍͍͍ͨ͜ͱ
ؾෛΘͣࣗΒ͘͠ࢀՃͯ͠0, ҆৺͍ͯͩ͘͠͞ʂ ҙ֎ʹ֮͑ͯΒ͑Δ͠ όονϦަྲྀͰ͖·͢ʂ
ͩͬͯɺ 5γϟπ͖ͷͬΆ͜ͳ ࢲͰ͜͏ͯ͠-5Λ ͍ͬͯΔͷ͔ͩΒ
ͰɺࣗΒ͘͠Λ Ͳ͏͍͍͔ͬͯΘ͔Βͳ͍ͱ͖ʹ
ʮͦ͏ͩ5γϟπɺணΑ͏ʯ
5γϟπΛͥͻҰ ͓ࢼ͍ͩ͘͠͞
͓ΘΓ ฉ͍ͯ͘Εͯ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ