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
180
おれの使うさいきょうえでぃた
SaCSS Special 13のショートセッションスライド
redamoon
August 11, 2017
Tweet
Share
More Decks by redamoon
See All by redamoon
MTDDCMeetupTokyo_2023_LT.pdf
redamoon
0
130
Supabase + Nuxt3 の実装素振りで チャットアプリを作ってみた
redamoon
1
300
Movable Type を Headless CMS として活用した Jamstack開発手法
redamoon
0
150
Data APIを活用したWEBサイト構築手法
redamoon
1
56
sacss110_pdf.pdf
redamoon
1
100
Vue meet up sapporo Vue + Storybook導入について
redamoon
0
55
Movable Type 7を触ってみた
redamoon
0
220
HTML・CMSから考えるコンポーネント化について
redamoon
1
340
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
427
64k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
The Pragmatic Product Professional
lauravandoore
32
6.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
KATA
mclloyd
29
14k
Building Applications with DynamoDB
mza
92
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
97
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Done Done
chrislema
182
16k
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⒎ͰมߋՕॴӾཡՄೳ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%#ͷςʔϒϧՄࢹԽ
͓Εͷ·ͱΊ ɾ͋Δఔͷج४Λ͖ΊͯΤσΟλΛબผͯ͠ΈΔ ɾΤσΟλͷ͍͚ͳͲ໌֬ʹͯ͠ΈΔ ɾ·ͣࢼ͠ʹͬͯΈΔͱ͜Ζ͔Β࢝ΊͯΈΔ ɾ͍͍͍ͮ͢Β͍ΛѲͯ͠ۀʹऔΓೖΕͯΈΔ ɾෳਓͰ༻͍ͯ͠Δπʔϧ͕͑Δ͔͓͑ͯ͘