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
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
110
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
110
Frontend summary in 2015 summer
usagif
0
53
なるべく噛み砕いたGit基礎講習
usagif
1
82
position: fixed;を上手に飼う方法
usagif
2
320
Other Decks in Technology
See All in Technology
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.7k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
310
Wasmのエコシステムを使った ツール作成方法
askua
0
200
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
350
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
360
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
250
Node.js 2025: What's new and what's next
ruyadorno
0
390
Railsの話をしよう
yahonda
0
160
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
490
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
95
14k
What's in a price? How to price your products and services
michaelherold
246
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Practical Orchestrator
shlominoach
190
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Agile that works and the tools we love
rasmusluckow
331
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Making Projects Easy
brettharned
120
6.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Thoughts on Productivity
jonyablonski
70
4.9k
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*ΛੜΈग़͠ଓ͚ΕΔ σβΠφʔΛࢦͤʂ
ੜ ଘ ઓ ུ