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
m-yoshiro
December 05, 2017
Design
64
0
Share
スタイルガイドを開発に導入した
2017年に作ったスライド。ちょと古いです
m-yoshiro
December 05, 2017
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
200
デザイントークンの適用率計測とその活用
myoshiro
0
1.2k
画像の減色処理とOctree
myoshiro
1
460
CSS Houdiniであそぶ
myoshiro
0
210
Template Literal Typesであそぶ
myoshiro
1
210
Selector-2-regexp というツールを作った
myoshiro
0
260
わたしたちのコーディングのUX
myoshiro
1
320
Data Studio Community Visualizationを触ってみた
myoshiro
1
610
UIデザインと関わろう
myoshiro
0
570
Other Decks in Design
See All in Design
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
830
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
570
CULTURE DECK/Creative Director
mhand01
0
1.2k
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.6k
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.9k
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
240
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
230
Design dependencies
teba_eleven
0
120
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
350
チームをデザイン対象にする / Design for your team
kaminashi
1
1.5k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.3k
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
450
Featured
See All Featured
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
260
Rails Girls Zürich Keynote
gr2m
96
14k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
960
Producing Creativity
orderedlist
PRO
348
40k
How GitHub (no longer) Works
holman
316
150k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
380
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
280
Making the Leap to Tech Lead
cromwellryan
135
9.9k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
130
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Transcript
ελΠϧΨΠυΛ ։ൃʹಋೖͨ͠ ੈքً͖ͩͨ͠ দຊ๕ !CFOOLZPVHJSBJ EFTJHOFS (.0ϖύϘגࣜձࣾϗεςΟϯάࣄۀ෦ϩϦϙοϓʂάϧʔϓ
দຊ๕ !CFOOLZPVHJSBJ d Ͱ͍͟ͳʔ
ίϯςϯπ ͡Ίʹ ελΠϧΨΠυΛͲ͏ಋೖ͔ͨ͠ ӡ༻ͯ͠ΈͯͷධՁ ݁ʮελΠϧΨΠυྑ͍ͷͩʂʯ
͡Ίʹ
͡Ίʹ w ͱ͋ΔϓϩδΣΫτͰελΠϧΨΠυΛಋೖͯ͠Έͨ ܦաใࠂͰ͋Δ w ݱࡏਐߦܗͰઓ͍ଓ͍͍ͯΔ ͡Ίʹ
ελΠϧΨΠυͱ w 6*ύλʔϯΛίϯϙʔωϯτ୯ҐͰཧ͢ΔͨΊͷΈ w σβΠϯσʔλͰͳ͘ɺίʔυͰཧ ৄ͘͠γΧ༷ͷهࣄɺಡΜͰ͐͐ IUUQUFDIQFQBCPDPNQFQBHSBN ͡Ίʹ 6*ύʔπͨͪ
ελΠϧΨΠυಋೖͷഎܠ w ϑϩϯτΤϯυଆʢओʹσβΠφʣͷࠔͬͨΛղফ͢Δͨ Ί w ಉ͡ύʔπΛ࡞ͬͨʂ w σβΠϯ͕όϥόϥʂ w ϩάΠϯ͠ͳ͍ͱදࣔ֬ೝͰ͖ͳ͍ʂʜͳͲͳͲ
w ϑϩϯτͱόοΫͷ։ൃΛԁʹਐΊΔͨΊ ͡Ίʹ IUUQTTQFBLFSEFDLDPNNZPTIJSPBUPNJD EFTJHOUPEF[BJOUPQVSPEBLVUP
ελΠϧΨΠυΛͲ͏ಋೖ͔ͨ͠
ϓϩδΣΫτͷഎܠ w ͱ͋ΔαʔϏεͷ৽ػೳ։ൃ w 3BJMT w ϑϩϯτͱόοΫͷ։ൃΛಉ࣌ʹਐΊΔඞཁ͕͋Δ ελΠϧΨΠυͷಋೖ
πʔϧͷબఆ 'SBDUBM w OPEFKTܥͷελΠϧΨΠυπʔϧ w ؆୯ɾαΫοͱ࢝Ί͍͢ w υΩϡϝϯτཧͰ͖Δ w ελϯυΞϩʔϯʢࣺ͍ͯ͢ʂʂʂʣ
w (VMQͷྗआΓ·ͨ͠ ελΠϧΨΠυͷಋೖ IUUQGSBDUBMCVJME
πʔϧͷબఆ ελΠϧΨΠυͷಋೖ ͜Μͳ ײ͡ ϓϨϏϡʔ υΩϡϝϯτ ίʔυ3&"%.&
ߏ w 3BJMTσΟϨΫτϦͱಉ֊ʹTUZMFHVJEFσΟϨΫτϦΛ ؒआΓɻ w 3BJMTଆͷTDTTΛ4UZMFHVJEFσΟϨΫτϦʹCVJME͔ͨͬ͠ ͨͷͰ(VMQͰλεΫΜͩɻ ελΠϧΨΠυͷಋೖ
ߏ ελΠϧΨΠυͷಋೖ BQQ 3BJMT TUZMFHVJEF (VMQͷλεΫେ͖͚ͯͭ͘ TUZMFHVJEF༻ͷ DTTΛCVJME TUZMFHVJEFΛىಈ TUZMFHVJEF
3BJMTͷTDTT ϑΝΠϧΛऔಘ CVJMEޙͷDTT ελΠϧΨΠυͷ ϑΝΠϧ͚ͩࢹ
ϫʔΫϑϩʔ σβΠϯͰ͖Δ ελΠϧΨΠυ্ͰίʔσΟϯά ελΠϧΨΠυΛݩʹ3BJMTʹө ɹ ΤϯδχΞσβΠφ ελΠϧΨΠυͷಋೖ
ӡ༻ͯ͠ΈͯͷධՁ ݱ࣌Ͱͷ
Α͔ͬͨ͜ͱ ίϯϙʔωϯτཧͷԸܙ w ޮྑ͍ઃܭɾίʔσΟϯά͕ߦ͑ͨ w ҰཡͰ͖ΔͷͰɺਐḿɾෆύʔπΛ֬ೝ͍͢͠ w मਖ਼͍͢͠ʢํܾఆ͕ૣ͍ɾΛݟ͚͍ͭ͢ w ൚༻తͳίϯϙʔωϯτ͕ग़དྷ্͕Δ
ӡ༻ͯ͠ΈͯͷධՁ
Α͔ͬͨ͜ͱ ελϯυΞϩʔϯͷԸܙ w ϓϩμΫτͷ༷ͷ੍Λड͚ͣίʔσΟϯάͰ͖Δ ϩάΠϯ ߪೖϑϩʔ w ελΠϧΨΠυ্Ͱϑϩϯτଆͷςετ͕Ͱ͖Δ ϒϥβνΣοΫ ӡ༻ͯ͠ΈͯͷධՁ
Α͔ͬͨ͜ͱ ϑϩϯτΤϯυͱόοΫΤϯυ w ޓ͍ͷਐḿͷӨڹΛड͚ͣʹ࡞ۀ͘͢͠ͳͬͨ w ίϯϙʔωϯτ໊Λࣔ͘͢͠ͳ͖ͬͯͨ w ελΠϧΨΠυͷ63-໊લͰύʔπΛࣔ͢ɻڞ௨ݴ ޠ͕ੜ·Εͭͭ͋Δʁ ӡ༻ͯ͠ΈͯͷධՁ
ΘΔ͔ͬͨ͜ͱ w πʔϧͷӡ༻ํ๏͕͏·͘ڞ༗Ͱ͖ͯͳ͔ͬͨ w গͣͭͬͯ͠Β͑ΔΑ͏ʹͳ͖ͬͯͨ w ӡ༻ϧʔϧ͕ʑͩͬͨ w πʔϧͷςϯϓϨʔτ͕TMJNʹରԠͯ͠ͳ͍ͷͰΤϯδχ ΞʹखؒΛ͔͚ͯΔ
ӡ༻ͯ͠ΈͯͷධՁ
૯ׅ
ελΠϧΨΠυྑ͍ͷͩʂ
૯ධ w ϑϩϯτΤϯυ։ൃͱ͍͏ͰɺޮΞοϓʂʂ w ࠷ॳେม͚ͩͲίϯϙʔωϯτ͕ἧ͔ͬͯΒͷεϐʔυ ײ͕͍ɻ w มߋ͕ൃੜͯ͠मਖ਼͕༰қɻʢରԠํͷܾఆָʣ ૯ׅ
૯ධ w ল w GSBDUBMͷฤूํ๏ɺυΩϡϝϯτԽͰ͖ͯͳ͍ʜ w ӡ༻ϧʔϧΡʂ w νʔϜͷίϯηϯαεେࣄʹ ૯ׅ
ελΠϧΨΠυͷ ελϯυΞϩʔϯԽ
ελϯυΞϩʔϯ w αʔϏεʹҰͭͷελΠϧΨΠυɺෳϓϩδΣΫτͰར ༻ w ઐ༻ͷϨϙδτϦͰཧ w TVNNPEVMFOQNͰ֤ϓϩδΣΫτʹΠϯετʔϧ w ෳͷϨϙδτϦʹލͬͯҰͭͷελΠϧΨΠυͰҰ؏
ͨ͠σβΠϯཧ͕Մೳɻ ϢʔβʹҰ؏ͨ͠69ΛఏڙͰ͖Δ w ͦ͏ɺσβΠϯγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ