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
220
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
おれの使うさいきょうえでぃた
SaCSS Special 13のショートセッションスライド
redamoon
August 11, 2017
More Decks by redamoon
See All by redamoon
「速くなった」では足りない ─ Cursor Meetup Sapporo で話した、弥生の Cursor 組織導入1年
redamoon
0
370
もくテク_AI駆動開発の標準化を進める_-_プロセス整備とルール選定基準の整理.pdf
redamoon
0
2.1k
MTDDCMeetupTokyo_2023_LT.pdf
redamoon
0
180
Supabase + Nuxt3 の実装素振りで チャットアプリを作ってみた
redamoon
1
420
Movable Type を Headless CMS として活用した Jamstack開発手法
redamoon
0
230
Data APIを活用したWEBサイト構築手法
redamoon
1
79
sacss110_pdf.pdf
redamoon
1
150
Vue meet up sapporo Vue + Storybook導入について
redamoon
0
72
Movable Type 7を触ってみた
redamoon
0
250
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
A Modern Web Designer's Workflow
chriscoyier
698
190k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
350
Odyssey Design
rkendrick25
PRO
2
750
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Faster Mobile Websites
deanohume
310
32k
エンジニアに許された特別な時間の終わり
watany
108
250k
sira's awesome portfolio website redesign presentation
elsirapls
0
320
How to build a perfect <img>
jonoalderson
1
5.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Mobile First: as difficult as doing things right
swwweet
225
10k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
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⒎ͰมߋՕॴӾཡՄೳ
͓Ε͕ࠍΕͯ͠·ͬͨςʔϚػೳͷհ ػೳฤɿ%#ͷςʔϒϧՄࢹԽ
͓Εͷ·ͱΊ ɾ͋Δఔͷج४Λ͖ΊͯΤσΟλΛબผͯ͠ΈΔ ɾΤσΟλͷ͍͚ͳͲ໌֬ʹͯ͠ΈΔ ɾ·ͣࢼ͠ʹͬͯΈΔͱ͜Ζ͔Β࢝ΊͯΈΔ ɾ͍͍͍ͮ͢Β͍ΛѲͯ͠ۀʹऔΓೖΕͯΈΔ ɾෳਓͰ༻͍ͯ͠Δπʔϧ͕͑Δ͔͓͑ͯ͘