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
良いUIをエンジニアに作ってもらうために、デザイナーができること
Search
usagi-f
July 23, 2016
Technology
1
78
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagi-f
July 23, 2016
Tweet
Share
More Decks by usagi-f
See All by usagi-f
フロントエンド実装から見たAtomic Design開発のポイント
usagif
3
6.8k
Take into Accessibility in React
usagif
1
640
platoを使ったコードメトリクス生成
usagif
0
270
How Github works and How Google works
usagif
0
99
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
110
Frontend summary in 2015 summer
usagif
0
48
なるべく噛み砕いたGit基礎講習
usagif
1
76
position: fixed;を上手に飼う方法
usagif
2
300
Other Decks in Technology
See All in Technology
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
670
Swiftの “private” を テストする / Testing Swift "private"
yutailang0119
0
120
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
990
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
1
180
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
16
6.3k
データマネジメントのトレードオフに立ち向かう
ikkimiyazaki
3
300
モノレポ開発のエラー、誰が見る?Datadog で実現する適切なトリアージとエスカレーション
biwashi
6
790
第13回 Data-Centric AI勉強会, 画像認識におけるData-centric AI
ksaito_osx
0
370
アジャイル開発とスクラム
araihara
0
170
リアルタイム分析データベースで実現する SQLベースのオブザーバビリティ
mikimatsumoto
0
1.2k
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3.1k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.8k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Automating Front-end Workflow
addyosmani
1367
200k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Fireside Chat
paigeccino
34
3.2k
How to Ace a Technical Interview
jacobian
276
23k
Rails Girls Zürich Keynote
gr2m
94
13k
Building Adaptive Systems
keathley
40
2.4k
Navigating Team Friction
lara
183
15k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Visualization
eitanlees
146
15k
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*ΛੜΈग़͠ଓ͚ΕΔ σβΠφʔΛࢦͤʂ
ੜ ଘ ઓ ུ