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
RailsConf 2023
tenderlove
30
1.1k
It's Worth the Effort
3n
184
28k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
780
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
GitHub's CSS Performance
jonrohan
1031
460k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Designing for Performance
lara
609
69k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Cost Of JavaScript in 2023
addyosmani
50
8.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Code Reviewing Like a Champion
maltzj
524
40k
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⒎ͰมߋՕॴӾཡՄೳ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%#ͷςʔϒϧՄࢹԽ
͓Εͷ·ͱΊ ɾ͋Δఔͷج४Λ͖ΊͯΤσΟλΛબผͯ͠ΈΔ ɾΤσΟλͷ͍͚ͳͲ໌֬ʹͯ͠ΈΔ ɾ·ͣࢼ͠ʹͬͯΈΔͱ͜Ζ͔Β࢝ΊͯΈΔ ɾ͍͍͍ͮ͢Β͍ΛѲͯ͠ۀʹऔΓೖΕͯΈΔ ɾෳਓͰ༻͍ͯ͠Δπʔϧ͕͑Δ͔͓͑ͯ͘