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
より良いUXを実現するための開発プロセスとは / Development process fo...
Search
sagaraya
June 22, 2017
Technology
10
49k
より良いUXを実現するための開発プロセスとは / Development process for better UX
「Goodpatch Engineer Meetup Vol.3 エンジニア目線で考えるデザイン」の発表資料です。
sagaraya
June 22, 2017
Tweet
Share
More Decks by sagaraya
See All by sagaraya
入りやすい保育園マップ / Hoikuen-hairu
sagaraya
0
250
エンジニアリングを軸にデザインもやる、UXエンジニアという働き方(公開版)/ Work style as a UX engineer
sagaraya
0
2.7k
プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-driven design
sagaraya
5
16k
エンジニアが使うツールから未来のデザインツールを予想する / Forecast design tools from tools used by engineers
sagaraya
0
650
iOSでテーマ(着せ替え)機能を実装した時のTips
sagaraya
1
2.8k
Atomをもっと使いやすくする方法
sagaraya
5
2.8k
Other Decks in Technology
See All in Technology
BEYOND THE RAG🚀 ~とりあえずRAG?を超えていけ! 本当に使えるAIエージェント&生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
jnymyk
4
230
スプリントレビューを効果的にするために
miholovesq
9
1.6k
今日からあなたもGeminiを好きになる
subaruhello
1
590
スプリントゴール未達症候群に送る処方箋
kakehashi
PRO
1
220
Microsoft Fabric ガバナンス設計の一歩目を考える
ryomaru0825
1
260
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
1
210
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
180
MCPに潜むセキュリティリスクを考えてみる
milix_m
1
750
2025/07/22_家族アルバム みてねのCRE における生成AI活用事例
masartz
2
110
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
11
1.6k
「現場で活躍するAIエージェント」を実現するチームと開発プロセス
tkikuchi1002
6
1k
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
130
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Code Reviewing Like a Champion
maltzj
524
40k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
For a Future-Friendly Web
brad_frost
179
9.8k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Become a Pro
speakerdeck
PRO
29
5.4k
Transcript
1 ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱ (PPEQBUDI&OHJOFFS.FFUVQWPMΤϯδχΞઢͰߟ͑ΔσβΠϯ ॏాܡʢ,FJTFJ4IJHFUBʣ
2 ॏాܡʢ,FJTFJ4IJHFUBʣ ৽ଔͰ8FCܥͷϝΨϕϯνϟʔʹೖࣾ ۈΊͨ͋ͱɺσβΠϯʹڧ͘ͳΓͨͯ͘(PPEQBUDIʹೖࣾ ͰҊ݅ʴडΞϓϦʹܞΘΔ ΤϯδχΞ J04"OESPJE8FC ࢀߟɿiOSσϕϩούʔ͕άουύονͰֶΜͩνʔϜͰָ͘͠ಇͨ͘ΊͷελϯυϓϨΠͱ https://www.wantedly.com/companies/goodpatch/post_articles/61755
ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱʁ 3 ࣄۀձࣾͰࣗࣾαʔϏεɺ(PPEQBUDIͰσβΠϯύʔτφʔͱͯ͠ ৭ʑͳΫϥΠΞϯτͱࣄΛͨ͠ܦݧ͔Β
4 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ
5 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔
6 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
7 اըɾσβΠϯ ։ൃ ͏·͍͔͘ͳ͍ͱΤϯδχΞ͕ऴ൫ʹۤ࿑ 2" ϦϦʔε
νʔϜͷՌΛ࠷େԽ͢ΔͨΊʹ ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔͕উෛʂ ʁ 8 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
9 ෆ࣮֬ੑΛݟۃΊɺ։ൃϓϩηεΛઃܭ͠Α͏ ࠓ͓͍͑ͨ͜͠ͱ
10 ෆ࣮֬ੑͱʁ ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬ ཁ͕݅ෆ࣮֬
11 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ૣظʹٕज़ݕূ͠ɺαʔϏε͕࣮ݱͰ͖ͳ͍ͱ͍͏࠷େͷϦεΫΛ௵͢
12 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 12 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
13 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 13 ٕज़తʹ͜Εແཧͬ͢ʜ 2" ϦϦʔε
14 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ٕज़ݕূ اըɾσβΠϯ ։ൃ 14 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
15 ྫʣ+*/4.&.&0''*$& 15 w จࣈ൫ʹͲ͏͍͏ใΛग़ͤΔͷ͔ w จࣈ൫ͷߋ৽ͲΕ͙Β͍ͷසͰͰ͖Δͷ͔ ूதσʔλΛ ΓͱΓ w
υΩϡϝϯτ͔Βௐࠪ w ϓϩτλΠϐϯάʢʹճߋ৽ʣ w ϓϩτλΠϓΛ͓٬༷ʹ৴͠ɺظ͍ͯ͠Δ ڍಈ͔ೝࣝ͋Θͤ
16 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ϢʔβʔʹͲΜͳܗͰಧ͚Δͷ͕࠷ద͔ෆ࣮֬ ັྗ࣭ΛݟۃΊɺϓϩτλΠϐϯά͢Δ
17 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 17 શવϢʔβʔʹ ͞͞Βͣɾɾɾ 2" ϦϦʔε
18 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ϓϩτλΠϐϯά اըɾσβΠϯ ։ൃ 18 શવϢʔβʔʹ ͞͞Βͣɾɾɾ 2" ϦϦʔε
19 ԿΛͲ͏ϓϩτλΠϐϯά͢Δͷ͔
20 ͨΓલ࣭ͱັྗ࣭ΛΓ͚Α͏ ࢀߟʣङϞσϧ ຬɿߴ ຬɿ ίετɿେ ίετɿখ ັྗ࣭ ͨΓલ࣭ w
ͳ͍͍͚ͯ͘Ͳɺ͋ͬͨΒ͏Ε͍͠ w ڝ߹ͱͷࠩผԽʹͭͳ͕Δ w ϢʔβʔʹͱͬͯɺͦͷαʔϏεΛબ ΜͩΓɺ͍ଓ͚Δཧ༝ͱͳΔ w Ϣʔβʔʹͱͬͯɺ͋ͬͯͨΓલ ͳ͍ͱࠔΔ w αʔϏεʹͱͬͯɺඞਢͷػೳ ˠֆจࣈϦΞΫγϣϯ ྫʣ ˠνϟοτ ྫʣ
21 ͨΓલ࣭ணʑͱͭ͘Δ ັྗ࣭ʹϑΥʔΧεͯ͠ϓϩτλΠϐϯά͢Δ
22 ྫʣ+*/4.&.&0''*$& 22 ͨΓલ࣭Λ ணʑͱ࣮ w ूதσʔλͷੵ w ूதσʔλͷදࣔ w
ࠓͷूதঢ়ଶΛ ϦΞϧλΠϜʹදݱ w Ξχϝʔγϣϯ ັྗ࣭Λ࡞ͬͯյ͠ ͳ͕ΒϓϩτλΠϐϯά
23 ྫʣ+*/4.&.&0''*$&ɿϓϩτλΠϓͷมભ 23
24 ࣮ϕʔεͰϓϩτλΠϐϯά͖͔͢ݟۃΊΑ͏ ΤϯδχΞ σβΠφʔ w 4LFUDIϏδϡΞϧͷݕূ w 1SPUUը໘ભҠͷݕূ w 'MJOUPΞχϝʔγϣϯͷݕূ
w ࣮σʔλͰαʔϏεΛར༻ͯ͠ମݧΛݕূ w ࡉ͔ͳΠϯλϥΫγϣϯΛݕূ
25 ཁ͕݅ෆ࣮֬ ͨΓલ࣭Λ࣮֬ʹ୲อ͢Δ
26 ʁ اըɾσβΠϯ ։ൃ 26 όά͕ଟ͍ ಈ࡞͕ॏ͍ ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬ͦͷ̍
2" ϦϦʔε
27 "TTVNQUJPO.BQQJOH σʔλϞσϦϯά اըɾσβΠϯ 27 όά͕ଟ͍ ಈ࡞͕ॏ͍ ։ൃ ཁ͕݅ෆ࣮֬ͦͷ̍ 2"
ϦϦʔε ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ
"TTVNQUJPO.BQQJOHɿෆ࣮֬ੑͷՄࢹԽ 28 ϦεΫɿߴ ະ ط ϦεΫɿ ΤϯδχΞͱͯ͠։ൃ্ͷ ϦεΫΛग़͢
29 σʔλϞσϦϯάͦͷ̍ 29 αʔϏε༰ʹΑͬͯͨΓલ࣭͕ଟ͘ٻΊΒΕΔ w งғؾͰΞδϟΠϧͱ͔ϓϩτλΠϐϯάͱ͔ݴͬͯಥ͖ਐΜͩΒɺޙ͔Β ߟྀ࿙Ε͕ͨ͘͞Μग़͖ͯͯരࢮ w ͔ͬ͠ΓϞσϦϯάͯ͠ɺొਓϢʔεέʔεΛચ͍ग़͢͜ͱ͕ॏཁ ྫʣ&$Ϣʔβʔͱళฮͷ྆ํΛߟྀ
Ϣʔβʔ&ɿͷݕࡧɺܾࡁɺΩϟϯηϧFUD ళฮɿཧɺૹɺച্ͷ֬ೝFUD
30 σʔλϞσϦϯάͦͷ̎ l ϧΠεɾαϦϰΝϯ ܗଶػೳʹै͏ 6*σʔλߏʹै͏
31 6* %# "1* %#"1*ʹΑͬͯɺදࣔͰ͖Δใɾ6*ܾ·ͬͯ͘Δ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍ͷʹ͍ͨ͠ σʔλϞσϦϯάͦͷ̎
32 6* %# "1* %#"1*ʹΑͬͯɺදࣔͰ͖Δใɾ6*੍ݶ͞ΕΔ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍ͷʹ͍ͨ͠ σʔλϞσϦϯάͦͷ̎ ΤϯδχΞ͕ใઃܭ͔ΒؔΘΖ͏ ใઃܭ͔Β%#ɺ"1*ઃܭɺ6*·ͰҰ؏ͯ͠σβΠϯ͢Δ
33 ʁ اըɾσβΠϯ ։ൃ 33 όά͕ଟ͍ ಈ࡞͕ॏ͍ ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬ͦͷ̎
2" ϦϦʔε
34 اըɾσβΠϯ 34 ύϑΥʔϚϯεɾ νϡʔχϯά ϒϥογϡΞοϓ ։ൃʢਐԽతϓϩτλΠϐϯάʣ ࣮֬ͳͱ͜Ζ͔Βઌʹ࡞Γ࢝ΊΔ ཁ͕݅ෆ࣮֬ͦͷ̎ 2"
ϦϦʔε
35 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9
36 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
࣮֬ͳ෦͔Βૣ࣮͘ ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9
37 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
࣮֬ͳ෦͔Βૣ࣮͘ ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9 ύϑΥʔϚϯεɾνϡʔχϯά ΤϯδχΞʹ͔͠Ͱ͖ͳ͍69վળ ͲΜͳʹྑ͍ίϯςϯπɺ͖Ε͍ͳ6*Ͱॏ͔ͬͨΒ͍ͮΒ͍
38 ·ͱΊ
39 ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏ 39 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬
ཁ͕݅ෆ࣮֬
40 40 ͨΓલ࣭ ັྗ࣭ ਐԽతϓϩτλΠϐϯά ͍ࣺͯܕϓϩτλΠϐϯά Ϣʔβʔʹͱͬͯ͋ͬͯͨΓલ ϢʔβʔʹͱͬͯαʔϏεΛ͍ଓ͚Δཧ༝ͱͳΔ ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏
σʔλϞσϦϯάɾใઃܭ