$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
良いUIをエンジニアに作ってもらうために、デザイナーができること
Search
usagi-f
July 23, 2016
Technology
1
82
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagi-f
July 23, 2016
Tweet
Share
More Decks by usagi-f
See All by usagi-f
フロントエンド実装から見たAtomic Design開発のポイント
usagif
3
6.9k
Take into Accessibility in React
usagif
1
680
platoを使ったコードメトリクス生成
usagif
0
300
How Github works and How Google works
usagif
0
120
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
110
Frontend summary in 2015 summer
usagif
0
53
なるべく噛み砕いたGit基礎講習
usagif
1
82
position: fixed;を上手に飼う方法
usagif
2
350
Other Decks in Technology
See All in Technology
手動から自動へ、そしてその先へ
moritamasami
0
300
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
0
1k
regrowth_tokyo_2025_securityagent
hiashisan
0
230
AI-DLCを現場にインストールしてみた:プロトタイプ開発で分かったこと・やめたこと
recruitengineers
PRO
2
100
MLflowで始めるプロンプト管理、評価、最適化
databricksjapan
1
210
MLflowダイエット大作戦
lycorptech_jp
PRO
1
110
新 Security HubがついにGA!仕組みや料金を深堀り #AWSreInvent #regrowth / AWS Security Hub Advanced GA
masahirokawahara
1
1.9k
5分で知るMicrosoft Ignite
taiponrock
PRO
0
360
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
280
Fashion×AI「似合う」を届けるためのWEARのAI戦略
zozotech
PRO
2
310
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
taketo1113
1
280
因果AIへの招待
sshimizu2006
0
970
Featured
See All Featured
KATA
mclloyd
PRO
32
15k
Speed Design
sergeychernyshev
33
1.4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Side Projects
sachag
455
43k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Docker and Python
trallard
47
3.7k
For a Future-Friendly Web
brad_frost
180
10k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Transcript
ྑ͍6*ΛΤϯδχΞʹ࡞ͬͯΒ͏ ͨΊʹɺσβΠφʔ͕Ͱ͖Δ͜ͱ %..DPN-BCPੴڮܒଠ
ࣗݾհ ੴڮܒଠʢΠγόγέΠλʣ %..DPN-BCP 6*σβΠφʔϑϩϯτΤϯυΤϯδχΞ ɾσβΠϯ̑͘Β͍ ɾϑϩϯτΤϯυ̍͘Β͍
ࠓͷ͓ͷର w ӡ༻վળΛ͍͖͍ͯͨ͠αʔϏεͷ6* w ྑ͍6*Λ࡞Γଓ͚͍ͯ͘͜ͱ
ࣗͷׂ 8IBUT:PVS3PMF
σβΠφʔ ΤϯδχΞ σβΠφʔͱΤϯδχΞɺ୲ྖҬ͕ҧ͏͚ͩ ͭ͘Δͷಉ͡
σβΠφʔ ΤϯδχΞ ڞ௨ͷతϦϦʔε͢Δ͜ͱ
σβΠφʔͷࣄ14%ϑΝΠϧΛͭ͘Δ͜ͱ͡Όͳ͍ ΤϯδχΞʹͨ͋͠ͱࢼ߹ଓ͍͍ͯΔ
ϦϦʔεΛ͢Δɾ࣭Λ্͛Δ શһ͕ڞ௨ͷࢹΛ࣋ͭ͜ͱ͕ॏཁ
Δ͜ͱ w ࣗͷͭͬͨ͘σβΠϯ͕Ͳ͏࣮͞Ε͍ͯΔͷ͔ w ΤϯδχΞ͕ීஈ͍ͯ͠Δ͜ͱɺߟ͍͑ͯΔ͜ͱ ˣ w σβΠφʔ͕ؤுΔॴʁΤϯδχΞ͕ؤுΔॴʁ w Ұ൪ޮతͳͷͲ͏͢Ε͍͍ʁ
σβΠφʔ ΤϯδχΞ
σβΠφʔ ΤϯδχΞ
4USVDUVSF%FTJHO ΈͷσβΠϯ
6*σβΠφʔ͕ͭ͘ΔͷֆͰͳ͘ɺ ༷ʑͳཁҼʹ͑ΒΕΔΑ͏ͳΈ ೲظ ϦϓϨΠε ֎෦࿈ܞ ϦϑΝΫλϦϯά ํస Ճػೳ
ελΠϧΨΠυ .PCJMF"QQ4UZMFHVJEFCZ$BSFZ$MBSL ESJCCCMFDPN IUUQTESJCCCMFDPNTIPUT.PCJMF"QQ4UZMFHVJEF
ΑΓΤϯδχΞ͕͍͍͢ ΞτϓοτΛߟ͑Δ ελΠϧΨΠυɺͨͩͷҰྫͰ͕͢ʜ
ʢ˞σβΠφʔ͕ઈରίʔσΟϯάΛ͠ͳ͖Ό͍͚ͳ͍Θ͚Ͱͳ͍ʣ w σβΠφʔͰ؆୯ʹߏஙɾߋ৽͕Ͱ͖ΔΑ͏ʹ w ͳΔͦ͘ͷ··։ൃʹྲྀ༻Ͱ͖ΔΑ͏ʹ w ίʔυϨϕϧͰσβΠϯΛҙࣝͰ͖ΔΑ͏ʹ
σβΠφʔ ΤϯδχΞ εςʔΫϗϧμʔ ֤ʑͱͷ࿈ܞํ๏ΛɺϚϯύϫʔͰؤுΔͷͰͳ͘
σβΠφʔ ΤϯδχΞ εςʔΫϗϧμʔ ΈԽͯ͠ɺޮతʹ͢Δ ελΠϧΨΠυ ͳͲ
ελΠϧΨΠυͷӡ༻ɾอकσβΠφʔ͕͢Δ
ελΠϧΨΠυͷӡ༻ɾอकσβΠφʔ͕͢Δ αʔϏεશମͷσβΠϯ
ελΠϧΨΠυͷӡ༻ɾอकσβΠφʔ͕͢Δ αʔϏεશମͷσβΠϯ ϓϩμΫτσβΠϯɾϢʔβʔମݧ
ྑ͍6*ͷͨΊͷҰา $IBMMFOHF
w τϨʔυΦϑ w ཁٻΛԼ͛ΔͷͰͳ͘ɺखΛऔΓ߹͏͜ͱ w Ͳ͏࣮͢Δͷ͔ɺϦϦʔεʹ͓͍ͯॏཁ $IBMMFOHFᶃ ΤϯδχΞʹແཧΛٻΊͳ͍ɻ
w ඞͣʮݴޠԽʯ͢Δ͜ͱ w நతͩͱϚζΠͱ͜Ζઈରʹ͓͓͑ͯ͘͞ $IBMMFOHFᶄ σβΠφʔޠΘͳ͍ɻ
w ΦϨΦϨ1IPUP4IPQେձ͏ऴΘΓ·ͨ͠ w ศརͳπʔϧ͔͍ͭͬͯ͜͏ w ۀ͕૿͑ΔΑʂ $IBMMFOHFᶅ 1IPUP4IPQઋਓʹͳΒͳ͍ɻ
w ෦୯ҐͰσβΠϯ࡞͕Մೳ w ॻ͖ग़͠࡞ۀΛɺϑϩϯτΤϯυٕज़ͰࣗಈԽ w σβΠϯϑΝΠϧΛͦͷ··ࢦࣔॻͱͯ͠׆༻ ͨͱ͑4LFUDI
։ൃνʔϜͷʮඪ४ԽʯΛ͍ͯ͜͠͏ʂ
͓ΘΓʹ &QJMPHVF
ࣗͷखݩ͚ͩΛݟ͍ͯͯ ྑ͍6*ͦ͏ͦ͏ੜ·Ε·ͤΜɻ
ྑ͍6*ΛੜΈग़͠ଓ͚ΕΔ σβΠφʔΛࢦͤʂ
ੜ ଘ ઓ ུ