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
45
スタイルガイドを開発に導入した
2017年に作ったスライド。ちょと古いです
m-yoshiro
December 05, 2017
Tweet
Share
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
120
デザイントークンの適用率計測とその活用
myoshiro
0
1k
画像の減色処理とOctree
myoshiro
1
280
CSS Houdiniであそぶ
myoshiro
0
130
Template Literal Typesであそぶ
myoshiro
1
170
Selector-2-regexp というツールを作った
myoshiro
0
220
わたしたちのコーディングのUX
myoshiro
1
240
Data Studio Community Visualizationを触ってみた
myoshiro
1
520
UIデザインと関わろう
myoshiro
0
490
Other Decks in Design
See All in Design
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.5k
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.8k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
120
実利の世界で、表現者である
kiyou77
3
110
Night Shift concept 9/15/2024
cpineda57
0
750
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
ZKK_001.pdf
nicholaspegu
0
1.4k
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
Design System for training program
mct
0
300
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
580
Dive Deep into Communication
yomtsu
0
110
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
33
3k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Facilitating Awesome Meetings
lara
50
6.1k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Building Adaptive Systems
keathley
38
2.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
RailsConf 2023
tenderlove
29
940
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
440
How to train your dragon (web standard)
notwaldorf
88
5.7k
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 ͦ͏ɺσβΠϯγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ