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
daikiimoto
October 04, 2022
Design
0
480
デザインチーム活性化とデザインシステムの話
daikiimoto
October 04, 2022
Tweet
Share
Other Decks in Design
See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
510
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
PF_濵村ひろみ_202503
maru_design78
0
180
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
150
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
560
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
240
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
600
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Statistics for Hackers
jakevdp
799
220k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
GitHub's CSS Performance
jonrohan
1031
460k
Fireside Chat
paigeccino
37
3.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Building Adaptive Systems
keathley
43
2.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Site-Speed That Sticks
csswizardry
10
660
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Documentation Writing (for coders)
carmenintech
72
4.9k
For a Future-Friendly Web
brad_frost
179
9.8k
Transcript
σβΠϯνʔϜ׆ੑԽͱσβΠϯγεςϜͷ SESSION 06
Ҫݩେو ϓϩμΫτ։ൃຊ෦69άϧʔϓ
Agenda 01 ϠϓϦͷϓϩμΫτσβΠφʔͷׂ 02 νʔϜͱͯ͠ͷΞτϓοτ্ͷऔΓΈ 03 σβΠϯγεςϜߏஙʹ͚ͯ
ϓϩμΫτσβΠφʔͷׂ 01
ϠϓϦͷ৫ମ੍ ϚʔέςΟϯά ຊ෦ ηʔϧεຊ෦ ΧελϚʔ αΫηεຊ෦ ϓϩμΫτ ։ൃຊ෦ ܦӦཧຊ෦ ϓϩμΫτ
σβΠφʔ ͜͜ʹॴଐ
69άϧʔϓνʔϜߏ
ཧը໘ͷઃܭ
ΞϓϦػೳͷઃܭ
Ϣʔβௐࠪ
νʔϜͱͯ͠ͷ Ξτϓοτ্ͷऔΓΈ 02
ϓϩμΫτσβΠϯͷଐਓԽ ϨϏϡʔ૬ஊձ࣌ͷϓϩμΫτཧղͷͣΕͷൃੜ ݱঢ়ͷମ੍ͱഎܠ
ϠϓϦͱͯ͠ͷମݧͷఏڙ͕͘͠ͳͬͯ͘Δ͔ ϓϩμΫτͷ࣭Λ୲อ͢Δͷݫ͍͠ʂ
w ϝϯόʔͰϑϩʔΛݟ͠ w ඞཁλεΫϨϏϡʔλΠϛϯά ͷೝࣝ߹Θͤ フロー検討時の fi gjam ۀϑϩʔͷઢ͋Θͤ 1
wνέοτϕʔεͰਐḿΛγΣΞ w.(3͔ΒͷγΣΞ νʔϜͰਐḿΛѲ ڞ༗ࣄ߲Λ͑Δ w'JHNBϕʔεͰ֤Ҋ݅ΛγΣΞ wࡉ͔͍νέοτҰཡԽ ΞτϓοτϕʔεͰ ٞ͢ΔΛઃஔʂ ఆྫձͷݟ͠ 2
վળͷ༨͋Γ ఆྫձͷݟ͠ͷৼΓฦΓ ͕ٞ׆ൃԽʂ ϓϩμΫτཧղ ΞτϓοτϕʔεͰ͢
ϓϩμΫτͷཧղΛਂΊͭͭ νʔϜͱͯ͠ͷΞτϓοτΛग़͢ʂ త ࣮ࢪํ๏ w िʹ࣌ؒϖΞͰ࣌ؒΛऔΔ w ΦʔφʔɺόσΟମ੍ͰΦʔφʔ ࣄલʹςϯϓϨʔτγʔτهೖ w
࠷ޙʹ֤ϖΞͰՌΛγΣΞ ϖΞσβΠϯͷ࣮ࢪ 3
࣮ࡍͷ༷ࢠ
6*࡞ˠ࣮ɾΞΫηγϏϦςΟ؍ΛਂΊΒΕͨ༰ʹ ϑϩϯτΤϯδχΞר͖ࠐΜͰͬͯΈͨ
ଐਓԽͭͭ͋͠ΔதͰɺ֤ϓϩμΫτͷղ૾Λ্͛ɺͬͱ༗ҙٛͳٞΛʂ ఆྫձͷݟ͠ ϖΞσβΠϯ ΞτϓοτϕʔεͰٞ ϓϩμΫτཧղ͕ਂ·Γ ͕ٞ׆ੑԽ ୲1+5Ҏ֎ʹ͍ͭͯߟ͑Δ ϓϩμΫτཧղ͕ΑΓਂ·Δ ଞਓͷεΩϧΛֶͿػձʹ ·ͱΊ
+ エンジニアを 巻き込み普段と 違う観点で考慮
/PUFͰৄ͘͠ॻ͍͍ͯ·͢
࠷ۙ$IBUXPSL༷ͱͷϫʔΫγϣοϓʂ ൪֎ฤ 4
σβΠϯγεςϜ࠶ߏஙͷ औΓΈ 03
ΨΠυϥΠϯͷܽ ίϯϙʔωϯτ·ͱ·ͬͯΔ͕ύʔπूʹͳ͍ͬͯͨ എܠ ༻్ͳͲ͕ᐆດʹ ϝϯς͞Ε͍ͯͳ͍Ξηοτ աڈʹ4LFUDIˠ'JHNBʹͦͷ··Ҡߦ ݱࡏΘΕ͍ͯΔͷͱ ϦϓϨΠε͞Εͨύʔπ͕ࠞࡏ ҙਤ͠ͳ͍͕ࠩੜ σβΠϯͱ࣮ͷဃ
'JHNBͷσβΠϯଆͷఆٛͱ࣮ଆͷఆٛͱͷဃ
طଘΞηοτΛϕʔεʹ τʔΫϯɾίϯϙʔωϯτΛ࠶ఆٛͯ͠ ϦϓϨΠε͍ͯ͘͜͠ͱΛࢦ͠·ͨ͠ʂ ࠷ॳͷείʔϓ
'JHNBͷσβΠϯଆͷఆٛͱ্࣮ͷఆٛͷরΒ͠߹Θͤʂ ΞϥΠϯ͢ΔͨΊϑϩϯτΤϯυଆͱ࿈ܞˍ࠶ఆٛʂ 'JHNB"1*͔ΒࣗಈͰ औΓࠐΉΈ 'JHNBͰύϒϦογϡͨ͠ͷ ͔Β$44ΧελϜϓϩύςΟΛ ࣗಈఆٛ͢ΔΈͷɻ τʔΫϯΛཧ 1
ίϯϙʔωϯτͷ࠶ߏங 2 Ϣʔεέʔεௐࠪ ίϯϙʔωϯτઃܭ ࣮ɾσβΠϯ֬ೝ
Ϣʔεέʔεௐࠪ ίϯϙʔωϯτઃܭ ࣮ɾσβΠϯ֬ೝ ίϯϙʔωϯτͷ࠶ߏங 2
Ϣʔεέʔεௐࠪ ίϯϙʔωϯτઃܭ ࣮ɾσβΠϯ֬ೝ ίϯϙʔωϯτͷ࠶ߏங 2
ڞ௨ݴޠ 3
μΠΞϩάʂ Ϟʔμϧʂ ϙοϓΞοϓʂ Χʔυʂ ڞ௨ݴޠ 3
ίϯϙʔωϯτ࠶ߏஙͰݺͼํ͔Βἧ͍͑ͨʂ ڞ௨ݴޠͷ࡞ʛίϯϙʔωϯτͷ໊শ 3
ϓϩύςΟՄೳͳݶΓ'JHNBͱ࣮Λ͋Θ͍ͤͨ 'JHNB 4UPSZCPPL ڞ௨ݴޠͷ࡞ʛϓϩύςΟͷ໊শ 3
֤εςʔΫϗϧμʔʹͱͬͯͷ ඞཁͳใͷཧ͔Β࢝Ί͍͖͍ͯͨ ՝υΩϡϝϯτඋ w ֤ίϯϙʔωϯτͷεςʔλε w ར༻έʔε w ϫʔΫϑϩʔ w
ݴ༿ͷཧ ộ ՝ͱ͜Ε͔Β 4
·ͩ·ͩऔΓΈ࢝Ί͔ͨΓͰ͕͢ ΑΓྑ͍ϓϩμΫτʹ͢ΔͨΊʹ ͜Ε͔Βਫ਼ਐ͠·͢ʂ
None