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
おれの使うさいきょうえでぃた
Search
redamoon
August 11, 2017
0
200
おれの使うさいきょうえでぃた
SaCSS Special 13のショートセッションスライド
redamoon
August 11, 2017
Tweet
Share
More Decks by redamoon
See All by redamoon
MTDDCMeetupTokyo_2023_LT.pdf
redamoon
0
150
Supabase + Nuxt3 の実装素振りで チャットアプリを作ってみた
redamoon
1
350
Movable Type を Headless CMS として活用した Jamstack開発手法
redamoon
0
170
Data APIを活用したWEBサイト構築手法
redamoon
1
59
sacss110_pdf.pdf
redamoon
1
120
Vue meet up sapporo Vue + Storybook導入について
redamoon
0
56
Movable Type 7を触ってみた
redamoon
0
230
HTML・CMSから考えるコンポーネント化について
redamoon
1
380
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
94
6.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Faster Mobile Websites
deanohume
307
31k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Six Lessons from altMBA
skipperchong
28
3.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
Speed Design
sergeychernyshev
32
1k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Building Adaptive Systems
keathley
43
2.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Transcript
͓Εͷ͏ ͍͖͞ΐ͏͑Ͱ͌ͨ SaCSS SPECIAL 13 2017.08.05 () at ࡳຈࢢຽϗʔϧ
ɾؔޱ༐थ ɾגࣜձࣾ)".803,4ϑϩϯτΤϯυΤϯδχΞʢϋϜϝϯφϯόʔʣ ɾओͳۀɿ)5.-ɾ$44ɾ+BWB4DSJQUɾ$.4ߏஙɾαʔόڥߏஙɾਐߦཧ ɾ͖ͳ$.4ɿ.PWBCMF5ZQFʢ࠷ۙɺ$SBGU$.4ʹුؾதʣ ɾ5XJUUFSɿ!SFEBNPPO ɾ(JUIVCɿSFEBNPPO ͓Εʹ͍ͭͯ
͡Ίʹ
λΠτϧʹʮ͓Εʯ͕ೖ͍ͬͯΔͨΊ ʮ͓ΕʯΛ࿈ݺ͢Δ͜ͱ͕ଟ͍Ͱ͢ɻ͢Έ·ͤΜɻɻ ʢΦϨΦϨٗ͡Όͳ͍Αʣ
ͳΜͰλΠτϧ͕ฏԾ໊ʁʁ ఱ͔ΒλΠτϧ͕ԼΓ͖ͯ·ͨ͠ɻɻ
ࠓ͞ͳ͍͜ͱ ɾ࠷ڧΤσΟλͷڭʢ˓˓࠷ߴͱ͔Ͷʣ ɾफڭνοΫͳ͓ʢͦ͏͍ͬͨٞಘҙ͡Όͳ͍ͬ͢ʣ ɾ%SFBNXFBWFSͱ#SBDLFUTͷʢಘҙͳํɻɻʣ
ࠓ͢͜ͱ ɾΤσΟλͷબͿج४ ɾѪ༻ΤσΟλͷ͍͚ʢ͓Εฤʣ ɾ͓Ε͕બΜͩཧ༝ ˞ॳֶऀͷํಋೖݕ౼தͷํͷࢀߟͱͯ͠
͋ͳͨͷϝΠϯΤσΟλʁ FUDʜ
͓Εͷ͏͍͖͞ΐ͏͑Ͱ͌ͨ 4VCMJNF5FYU 1IQ4UPSN લʹz࿀ʹམͪΔΤσΟλzͰਓؾ͕ग़ͨΤσΟλɻ ࠓͰࠜڧ͍ਓؾɻ ༗ঈϥΠηϯεʢແྉͰ͍ଓ͚Δ͜ͱՄೳʣ +FU#SBJOT͕ࣾ։ൃ͍ͯ͠Δ౷߹։ൃڥʢ*%&ʣɻ 1IQ4UPSNҎ֎ʹ༷ʑͳݴޠʹରԠ͍ͯ͠Δ ༗ঈϥΠηϯεʢαϜϥΠζϜ͔ΒߪೖՄೳʣ
ΤσΟλͷબͿج४
ΤσΟλͷબͿج४ʢʁʁʣ ߴػೳʁ ૢ࡞͕Θ͔Γ͍͢ʁ ͔͍͍ͬ͜ʁ ใ͕ଟ͍ʁ ਓؾ͔ͩΒʁ εχϖοτొʁ ิػೳʁ ςʔϚ͕ॆ࣮͍ͯ͠Δʁ จࣈ͕Έ͍͢ʁ
ֶशίετʁ
ΤσΟλͷબͿج४ ɾσϑΥϧτঢ়ଶͰػೳ͕උΘ͍ͬͯΔ ɾ&EJUPS$POpH͕ར༻Մೳ ɾ&NNFOU͕ར༻Մೳ ɾγϯλοΫεϋΠϥΠτΛࣗ༝ʹมߋͰ͖Δ ɾεχϖοτొͰ͖Δ ɾΟϯυׂͰ͖Δ ɾݕࡧஔʢਖ਼نදݱ͕͑Δʣ͕Ͱ͖Δ ɾςʔϚΛมߋͰ͖ΔʢμʔΫͰϚοτͳ࣭ײ͕ݸਓతΈʣ ɾઃఆϑΝΠϧΛڞ༗Ͱ͖Δ
Ѫ༻ΤσΟλͷ͍͚ʢ͓Εฤʣ
Ѫ༻ΤσΟλͷ͍͚ʢ͓Εฤʣ 4VCMJNF5FYU ɾϚʔΫμϯͰϝϞॻ͖ɾυΩϡϝϯτɾϒϩάΛॻ࣌͘ ɾٸ͍Ͱ͍Δͱ͖ͪΐͬͱͨ͠ιʔεௐͳͲΛߦ͏࣌ 1IQ4UPSN ɾϓϩδΣΫτཧͯ͠ιʔεΛॻ࣌͘ ɾϑΝΠϧ͕ଟ͘ԣஅݕࡧ͕ଟ͍࣌ ɾλʔϛφϧૢ࡞Λ·ͱΊͯૢ࡞͍ͨ࣌͠ ɾϑΝΠϧͷϦϏδϣϯ͕΄͍࣌͠ ɾ%J⒎ΛऔΔ࣌
ɾ1)1Λ͍͡Βͳ͍ͱ͍͚ͳ͍࣌
Ѫ༻ΤσΟλͷ͍͚ʢ͓Εฤʣ ۀφϨοδษڧͨ͜͠ͱͳͲΛ (JUͷϦϙδτϦͰϚʔΫμϯͰཧ
͓Ε͕બΜͩཧ༝
͓Ε͕બΜͩཧ༝ 4VCMJNF5FYU ɾىಈ͕ͱʹ͔͍͘ ɾςʔϚใ͕๛ ɾ͍͍ͨϓϥάΠϯ͕๛ʢ֦ு࣍ୈͰɺ΄΅ຬͨ͞ΕΔʣ ɾεχϖοτ͕๛ ɾࣗͷཁ݅ʹ߹͍ͬͯΔ ɾͪΐͬͱͨ͠ϝϞʢ.BSLEPXO1SFWJFX͕͍͍͢ʣ ɾ༻ྺ͕͍ʢͨͿΜ༻ྺ͘Β͍ʣ ɾϚʔΫΞοϓपΓͷΤσΟλͱͯ͠ฮϨϕϧ
ɾͨͿΜ·ͩΈΜͳѪ͍ͯ͠Δͣ ˞4VCMJNF5FYUͷલʢԕ͍աڈʣɺ&N&EJUPSΛѪ༻ͯ͠·ͨ͠ɻ
͓Ε͕બΜͩཧ༝ 1IQ4UPSN ɾσϑΥϧτঢ়ଶͰػೳ͕๛ʢແବʹ֦ுͤͣʹ͑Δʣ ɾ4VCMJNF5FYUҎ্ʹߴػೳ ɾڧྗͳίʔυิɾʢϓϩδΣΫτͲ͔͜ΒͰग़ͯ͘͠ΕΔʣ ɾΤσΟλʹλʔϛφϧඋ ɾ(JUͷ(6*උ ɾϓϩδΣΫτ୯ҐͰͷݕࡧൣғ͕͍ ɾϑΝΠϧ୯ҐͰϦϏδϣϯΛ͍࣋ͬͯΔ ɾࣗಈΠϯσϯτػೳʢॻ͍ͨޙ͔ΒͰίʔυܗ͢Δ͜ͱՄೳʣ
ɾίϐʔͨ͠จࣈྻΛཤྺ͔ΒऔΓग़͢͜ͱ ɾ42-ʹՄࢹԽͱଓ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ 1IQ4UPSN
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ 5IFNFɿ.BUFSJBM5IFNF6*༻
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ,FZNBQɿTVCMJNFQIQTUPSNLFZNBQ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿΤσΟλͰλʔϛφϧ͕͑Δ λεΫϥϯφʔ44)ͷ࡞ۀपΓͳͲ༻
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ50%0ػೳ ࣍ͷʹΕͳ͍ͨΊͷ࣮ϝϞͱͯ͠༻
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿؔɾม໊ͷݕࡧʢ4IJGU PQUJPO Pʣ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ4IJGUΩʔճͰ৭ʑݕࡧ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ&NNFUϥΠϒϓϨϏϡʔ ల։͞ΕΔܗΛݟͳ͕Βζϥζϥͱॻ͚Δ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿΤσΟλʹ(JUͷ(6*͕ࡌ͞Ε͍ͯΔ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿίϛοτ࣌ʹίʔυϨϏϡʔະఆٛͳͷͳͲΛநग़
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%J⒎ͰมߋՕॴӾཡՄೳ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%#ͷςʔϒϧՄࢹԽ
͓Εͷ·ͱΊ ɾ͋Δఔͷج४Λ͖ΊͯΤσΟλΛબผͯ͠ΈΔ ɾΤσΟλͷ͍͚ͳͲ໌֬ʹͯ͠ΈΔ ɾ·ͣࢼ͠ʹͬͯΈΔͱ͜Ζ͔Β࢝ΊͯΈΔ ɾ͍͍͍ͮ͢Β͍ΛѲͯ͠ۀʹऔΓೖΕͯΈΔ ɾෳਓͰ༻͍ͯ͠Δπʔϧ͕͑Δ͔͓͑ͯ͘