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
62
0
Share
スタイルガイドを開発に導入した
2017年に作ったスライド。ちょと古いです
m-yoshiro
December 05, 2017
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
190
デザイントークンの適用率計測とその活用
myoshiro
0
1.2k
画像の減色処理とOctree
myoshiro
1
440
CSS Houdiniであそぶ
myoshiro
0
200
Template Literal Typesであそぶ
myoshiro
1
200
Selector-2-regexp というツールを作った
myoshiro
0
260
わたしたちのコーディングのUX
myoshiro
1
310
Data Studio Community Visualizationを触ってみた
myoshiro
1
590
UIデザインと関わろう
myoshiro
0
560
Other Decks in Design
See All in Design
TWCP#21 UXデザインと哲学のはなし
shinn
0
330
kintone Style Book
kintone
6
12k
Diverse Design Team Deck
diverse
0
1.2k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.2k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
310
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
190
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
AIでデザインをつくる:基礎編
kenichiota0711
4
3k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
170
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
770
デザインを信じていますか
sekiguchiy
1
1.1k
ドルちゃん
design_dolphins
0
600
Featured
See All Featured
エンジニアに許された特別な時間の終わり
watany
106
240k
Facilitating Awesome Meetings
lara
57
6.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.6k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
370
Documentation Writing (for coders)
carmenintech
77
5.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.2k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
160
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
500
Context Engineering - Making Every Token Count
addyosmani
9
790
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 ͦ͏ɺσβΠϯγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ