Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
良いUIをエンジニアに作ってもらうために、デザイナーができること
Search
usagi-f
July 23, 2016
Technology
87
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagi-f
July 23, 2016
More Decks by usagi-f
See All by usagi-f
フロントエンド実装から見たAtomic Design開発のポイント
usagif
3
7k
Take into Accessibility in React
usagif
1
720
platoを使ったコードメトリクス生成
usagif
0
320
How Github works and How Google works
usagif
0
140
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
120
Frontend summary in 2015 summer
usagif
0
59
なるべく噛み砕いたGit基礎講習
usagif
1
88
position: fixed;を上手に飼う方法
usagif
2
380
Other Decks in Technology
See All in Technology
なぜ「決定性」が 決定的に重要なのか? Durable Execution 基盤の数理的理解 #serverlessjp / ServerlessDays Tokyo 2026
ytaka23
0
200
Claude Codeを「使うほど育つ」AI秘書にするノウハウ
minorun365
PRO
30
26k
[2026-09-11]SREは誰のもの?運用エンジニアが始める 「SRE領域への越境」とチームの進化の軌跡 〜Road to NEXT CRE
tosite
0
290
越境するなら専門用語を使うな高校校歌 / If you wanna cross border, you shouldn't use jargon
vtryo
0
140
What the customer really needed
kawaguti
PRO
3
190
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
12k
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
m3m0r7
PRO
2
2.1k
Railsのように考える: See through the Master
snoozer05
PRO
3
900
DEFCON34-Write-up_HYCu-MYCu
daikiokazaki
0
160
Claude Code本って、 読む必要あるの?
oikon48
2
470
人間はどの意思決定を手放せるのか
kawasima
14
7k
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
visional_engineering_and_design
3
3k
Featured
See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
700
Building the Perfect Custom Keyboard
takai
2
870
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
230
Producing Creativity
orderedlist
PRO
348
41k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
540
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
380
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Agile that works and the tools we love
rasmusluckow
331
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
500
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*ΛੜΈग़͠ଓ͚ΕΔ σβΠφʔΛࢦͤʂ
ੜ ଘ ઓ ུ