Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
シンボルの効率的な作成・運用法とエンジニア連携についての取り組み / DIST18
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Ryo Yoshitake
November 14, 2017
Design
2.3k
7
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
シンボルの効率的な作成・運用法とエンジニア連携についての取り組み / DIST18
Ryo Yoshitake
November 14, 2017
More Decks by Ryo Yoshitake
See All by Ryo Yoshitake
THE GUILD勉強会『Atomic Design & Sketch』
ryopan
27
15k
ガンダムの世界にスタートアップの概念を持ち込んでみる #第3回ガンダム勉強会
ryopan
0
280
Designers Pit 01『Origamiを使ったプロトタイプ作成を学ぼう』
ryopan
0
260
Other Decks in Design
See All in Design
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
7.3k
言語化しきれなくてもいい〜勉強会を「完璧な成果を出す場」から「不確実な刺激と体験を持ち帰る場へ〜
hott3
0
130
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.4k
プレゼンスライド作成で意識していること
kimichan
0
150
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.8k
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.9k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
510
Basket_of_love.pdf
terencebasart
0
370
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
440
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
940
Figmaを使わなくなった私が、最近していること
mela_dayo
0
130
【2026】ポートフォリオ_大坪明日香
tsubo52
0
140
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
46
8.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
It's Worth the Effort
3n
188
29k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
290
Faster Mobile Websites
deanohume
310
32k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
800
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Practical Orchestrator
shlominoach
192
12k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.6k
Transcript
γϯϘϧͷޮతͳ࡞ɾӡ༻๏ͱ ΤϯδχΞ࿈ܞʹ͍ͭͯͷऔΓΈ ٢ྒྷ
͘͡ ɾ؆୯ͳհ ɾγϯϘϧͷޮతͳ࡞ɾӡ༻๏ ɾΤϯδχΞͱͷ࿈ܞʹ͍ͭͯͷऔΓΈ %*45
؆୯ͳհ
ࣗݾհ ٢ɹྒྷ ͔ΒϑΣϯϦϧגࣜձࣾʹͯΞϓϦͷاըɾ6*σβΠϯʹैࣄɻ ݄ΑΓ45"/%"3%ࢀըɻ6*σβΠϯΛத৺ʹɺ৽نࣄۀͷԾઆݕূαʔϏεઃܭɺ νʔϜϏϧσΟϯάͳͲڞʹ͚ͨΞϓϩʔνʹऔΓΜͰ͍·͢ɻ %*45 Α͚ͨ͠ Γΐ͏ !SZP@QBO
None
None
None
ࣗݾհ %*45 ࠾༻ࢧԉ πʔϧಋೖࢧԉ ϫʔΫγϣοϓ
ࣗݾհ %*45
ࣗݾհ %*45
%*45 45"/%"3%ʹ͓͚ΔσβΠϯϓϩηε
45"/%"3%ͷσβΠϯϓϩηε %*45
45"/%"3%ͷσβΠϯϓϩηε %*45
%*45 ͓ͷલʹ ΫϥΠΞϯτϫʔΫͰͷ͓Ͱ͢ ৽نαʔϏεʢΞϓϦʣͷݱͰ͢ ϕετͷํ๏ͱࢥͬͯ·ͤΜ
γϯϘϧͷޮతͳ࡞ɾӡ༻๏
%*45 γϯϘϧͷ࡞Γํʢࣗݾྲྀʣ ֊ͷ׆༻ ϚεΫͷ׆༻ ׂͱϝδϟʔʹͳ͖͔ͬͯͨͳʜʁ
%*45 ֊ͷ׆༻
%*45 ֊ͷ׆༻ 5JUMF 5JUMF )VTI MJUUMFCBCZ EPOUTBZBXPSE .BNBTHPJOHUPCVZZPVBNPDLJOHCJSE "OEJGUIBUNPDLJOHCJSEEPOUTJOH .BNBTHPJOHUPCVZZPVBEJBNPOESJOH
"OEJGUIBUEJBNPOESJOHUVSOTCSBTT .BNBTHPJOHUPCVZZPVBMPPLJOHHMBTT )VTI MJUUMFCBCZ EPOUTBZBXPSE .BNBTHPJOHUPCVZZPVBNPDLJOHCJSE "OEJGUIBUNPDLJOHCJSEEPOUTJOH .BNBTHPJOHUPCVZZPVBEJBNPOESJOH "OEJGUIBUEJBNPOESJOHUVSOTCSBTT .BNBTHPJOHUPCVZZPVBMPPLJOHHMBTT "VUIPSOBNF "VUIPSOBNF "VUIPSOBNF MW MW MW MW
%*45 ֊ͷ׆༻ ! " ϘϦϡʔϜϕʔεͰͷγϯϘϧͷཧ ࠶ར༻ੑͷߴ͍ίϯϙʔωϯτͷੜ ൺֱత࡞Γ͍͢ɾղ͍͢͠ ࣄલͷఆ͕ٛඞཁ ཻͷࠞࡏ
%*45 ֊ͷ׆༻ ࠷ۙͷϓϩδΣΫτͷγϯϘϧΛ͑ͯΈͨ
%*45 ֊ͷ׆༻ MWMJTU MWCMPDL MWCUO MWJDPO MWCUO MWDPMPS
τʔλϧݸ͘Β͍
%*45 ֊ͷ׆༻ MWͱMWͷҧ͍͕͍͋·͍!
%*45 ֊ͷ׆༻ ఆٛʹ͍ͭͯվΊͯߟ͑ͯΈͨ
%*45 ֊ͷ׆༻ MW MW MW MW நͷߴ͍ͷ ίϯϙʔωϯτΛߏ͢Δཁૉ MW ΛؚΉ͕ίϯϙʔωϯτͱͯ͠ಠཱͯ͠ͳ͍ͷ
MW ΛؚΈɺίϯϙʔωϯτͱͯ͠ಠཱͯ͠Δͷ ΧϥʔɺςΩετɺΠϝʔδ ΞΠίϯ୯ମɺϘλϯ୯ମɺαϜωΠϧ୯ମɺ؆ૉͳϦετ ཁૉͷଟ͍Ϙλϯɺཁૉͷଟ͍ςΩετ ϦετɺϒϩοΫɺϝχϡʔ
%*45 ֊ͷ׆༻ ͜ΕͳΒ࡞ɾӡ༻ͦ͠͏
%*45 ϚεΫͷ׆༻
%*45 ϚεΫͷ׆༻ γϯϘϧΛଟ༻͢Δঢ়گͰ4UZMFͰྗෆײ͕͋Δ
%*45 ϚεΫͷ׆༻ #VUUPO #VUUPO #VUUPO #VUUPO
%*45 ϚεΫͷ׆༻ ! " γΣΠϓͰෳύλʔϯੜͰ͖Δ ༷ͷมߋʹڧ͍ ίϯϙʔωϯτؒͰϧʔϧԽ͍͢͠ γΣΠϓมߋ͕গ͠खؒ ͪΐͬͱ)BDLײ͕͋Δ શͯʹ͜ͷํ๏͕͑ΔΘ͚Ͱͳ͍
γϯϘϧͱݴ͑ %*45
ग़·ͨ͠Ͷ %*45
ʘ-JCSBSJFTʗ %*45
%*45 -JCSBSJFT "TLFUDI #TLFUDI TZNCPMTLFUDI
%*45 -JCSBSJFT "TLFUDI #TLFUDI TZNCPMTLFUDI
-JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ %*45
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ "TLFUDI #TLFUDI TZNCPMTLFUDI HSPCBMTLFUDI
HSPCBMTLFUDIʹMWΛ·ͱΊ͓ͯ͘ͱཧͰ͖Δʁ %*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ நతͳใͷཧˠ۩ମతͳใͷద༻
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ J04"OESPJEΛͲ͏͚ͯӡ༻͢Δ͔
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ HSPCBMTLFUDI HSPCBM JPT BOESPJE ɾΧϥʔ ɾΠϝʔδ ɾςΩετ ɾΞΠίϯ
ɾςΩετ ɾΞΠίϯ
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ JPTTLFUDI BOESPJETLFUDI TZNCPM@JPTTLFUDI TZNCPM@BOESPJETLFUDI HSPCBMTLFUDI
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻ ·ͩࢼߦࡨޡத ͜͜·Ͱࡉ͔͘͠ͳ͍͍͔ͯ͘
%*45 -JCSBSJFTΛ׆༻ͨ͠γϯϘϧͷཧɾӡ༻
ΤϯδχΞͱͷ࿈ܞʹ͍ͭͯͷऔΓΈ
ͳʹΛڞ༗͢Δͷ͔ʁ %*45
%*45 ͳʹΛڞ༗͢Δͷ͔ʁ 6*ͷཪʹ͋Δจ຺త ը໘6* ࣮ʹඞཁͳΞηοτ 7*ΨΠυϥΠϯ 6*·ΘΓʹߜͬͨͩΑʂ
ڞ༗͢Δతʁ %*45
%*45 తʁ ઃܭࢦඪ หऀ ༷Ѳ
%*45 ઃܭࢦඪ ԿΛ࡞Δͷ͔ɾͳͥ࡞Δͷ͔ νʔϜͰಉ͡ํΛ؍ΔཱͪฦΔ
%*45 หऀ σβΠφʔෆࡏ࣌ͷόοΫΞοϓ डୗ੍࡞ͷ߹ɺඞͣ͢Δγʔϯ͕ͬͯ͘Δ
%*45 ༷Ѳ Ͳ͏࡞Δͷ͔ ࡉ͔͍༷ϧʔϧΛ͑Δ
Ͳ͏ͬͯڞ༗͢Δͷ͔ʁ %*45
%*45 Ͳ͏ͬͯڞ༗͢Δͷ͔ʁ 6*ͷཪʹ͋Δจ຺త ը໘6* ࣮ʹඞཁͳΞηοτ 7*ΨΠυϥΠϯ
%*45 6*ͷཪʹ͋Δจ຺త
%*45 6*ͷཪʹ͋Δจ຺త IUUQUFDIMJGFDPPLQBEDPNFOUSZ
%*45 Ͳ͏ͬͯڞ༗͢Δͷ͔ʁ 6*ͷཪʹ͋Δจ຺త ը໘6* ࣮ʹඞཁͳΞηοτ 7*ΨΠυϥΠϯ
%*45 ը໘6*
%*45 Ͳ͏ͬͯڞ༗͢Δͷ͔ʁ 6*ͷཪʹ͋Δจ຺త ը໘6* ࣮ʹඞཁͳΞηοτ 7*ΨΠυϥΠϯ
%*45 ࣮ʹඞཁͳΞηοτ
%*45 ࣮ʹඞཁͳΞηοτ γϯϘϧΛΞηοτ༻ͷϖʔδʹ·ͱΊͯڞ༗ Ճɾมߋ͕͋ͬͨ߹ͱҰॹʹฒΔ
%*45 Ͳ͏ͬͯڞ༗͢Δͷ͔ʁ 6*ͷཪʹ͋Δจ຺త ը໘6* ࣮ʹඞཁͳΞηοτ 7*ΨΠυϥΠϯ
%*45 7*ΨΠυϥΠϯ σβΠϯγεςϜϨϕϧʹͳΔͱผखஈ͔ͳ
%*45 7*ΨΠυϥΠϯ MW MWͷίϯϙʔωϯτΛϖʔδʹ·ͱΊͯڞ༗ Ϛʔδϯ͝ͱʹ৭Λม͑ͨγϯϘϧΛ࡞ͯ͠ΦʔόʔϨΠ
%*45 ͦ͏͍͑
%*45 ग़·͢Ͷ
%*45 7*ΨΠυϥΠϯ
%*45
͓·͚ɿ·ͩΕ͍ͯͳ͍͜ͱ
%*45 ·ͩΕ͍ͯͳ͍͜ͱ