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
0
50
スタイルガイドを開発に導入した
2017年に作ったスライド。ちょと古いです
m-yoshiro
December 05, 2017
Tweet
Share
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
170
デザイントークンの適用率計測とその活用
myoshiro
0
1.1k
画像の減色処理とOctree
myoshiro
1
360
CSS Houdiniであそぶ
myoshiro
0
180
Template Literal Typesであそぶ
myoshiro
1
200
Selector-2-regexp というツールを作った
myoshiro
0
250
わたしたちのコーディングのUX
myoshiro
1
300
Data Studio Community Visualizationを触ってみた
myoshiro
1
570
UIデザインと関わろう
myoshiro
0
540
Other Decks in Design
See All in Design
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
790
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
840
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
420
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
Cyber Heart Online Book
hjnasby
0
170
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
アクセシビリティに取り組むメリット
magi1125
2
240
デザイナー向けフライル説明資料
toshiblues
0
110
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
770
Installing and Running decksh/pdfdeck
ajstarks
1
840
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
150
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
240
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Writing Fast Ruby
sferik
628
62k
Making Projects Easy
brettharned
117
6.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
Build your cross-platform service in a week with App Engine
jlugia
231
18k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
A Modern Web Designer's Workflow
chriscoyier
695
190k
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 ͦ͏ɺσβΠϯγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ