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
シンボルの効率的な作成・運用法とエンジニア連携についての取り組み / DIST18
Search
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
270
Designers Pit 01『Origamiを使ったプロトタイプ作成を学ぼう』
ryopan
0
250
Other Decks in Design
See All in Design
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
700
言幹と言葉(Stems & Leaves)
kakukoki
0
140
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
180
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
970
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.8k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.2k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
440
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
230
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
260
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
690
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
170
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Code Review Best Practice
trishagee
74
20k
Scaling GitHub
holman
464
140k
HDC tutorial
michielstock
2
740
Git: the NoSQL Database
bkeepers
PRO
432
67k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
870
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
320
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
RailsConf 2023
tenderlove
30
1.5k
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 ·ͩΕ͍ͯͳ͍͜ͱ