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 STYLIGHT went responsive
nonsquared
100
5.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
790
Writing Fast Ruby
sferik
628
61k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Language of Interfaces
destraynor
158
25k
For a Future-Friendly Web
brad_frost
179
9.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
How GitHub (no longer) Works
holman
314
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
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⒎ͰมߋՕॴӾཡՄೳ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%#ͷςʔϒϧՄࢹԽ
͓Εͷ·ͱΊ ɾ͋Δఔͷج४Λ͖ΊͯΤσΟλΛબผͯ͠ΈΔ ɾΤσΟλͷ͍͚ͳͲ໌֬ʹͯ͠ΈΔ ɾ·ͣࢼ͠ʹͬͯΈΔͱ͜Ζ͔Β࢝ΊͯΈΔ ɾ͍͍͍ͮ͢Β͍ΛѲͯ͠ۀʹऔΓೖΕͯΈΔ ɾෳਓͰ༻͍ͯ͠Δπʔϧ͕͑Δ͔͓͑ͯ͘