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
業務システム狂詩曲
Search
8845musign
February 09, 2019
Design
4
2k
業務システム狂詩曲
DIST.25 「管理画面から考えるUX」
8845musign
February 09, 2019
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
760
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
230
業務システムに必要なアクセシビリティ
8845musign
1
1k
READING The Atomic Workflow
8845musign
3
670
いまさら styled components 入門した
8845musign
3
860
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2k
感性デザインとは?
8845musign
4
1.8k
○DD駆動開発
8845musign
1
140
Other Decks in Design
See All in Design
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
780
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3.3k
Masked shaman-Storyboard 2025
ashley0521
0
170
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
Museum Heist
allykae
0
140
aya_murakami_portfolio
ayakaimi1101
0
1.1k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
330
クライアントワークにおける UXリサーチの実践
kozotaira
0
300
Featured
See All Featured
Side Projects
sachag
452
42k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
174
51k
A Tale of Four Properties
chriscoyier
158
23k
Become a Pro
speakerdeck
PRO
26
5.1k
How STYLIGHT went responsive
nonsquared
98
5.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
RailsConf 2023
tenderlove
29
1k
Transcript
None
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO σβΠφʔͩΑʙ
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO σβΠϯ ϓϩάϥϛϯά ΔΑ
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO ਓͱ͠ΌΔΑΓ ήʔϜͱ͠ΌͬͯΔ΄͏͕ ָ͍͠ʙ
ϥΠλʔ ಛԽܕ ࡏϫʔΫ ϝσΟΞ ίϯςϯπ Ϛʔέ ςΟϯά ͦͷଞ
ۀγεςϜཧը໘ͷվળ ຊ͓͢Δ͜ͱ
ۀγεςϜͷվળ ຊ͓͢Δ͜ͱ ϑΟΫγϣϯΛؚΈ·͢
ळʜ Ϛωʔδϟʔ ۀγεςϜͷσβΠϯͬͯͶ ΞΠΞΠαʙ ࠓɺӡ༻ͷख͕Γͯͳ͍͔Β Ұ୴ӡ༻ͰೖͬͯɺۀΛษڧͯ͠Ͷ ΅͘
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ฐࣾ ϑϦʔϥϯε Ҋ݅ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ΞαΠϯ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ೲ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ೲ ೲ γεςϜ
ۀ࠷దԽ͞Ε͍ͯͳ͍γεςϜ ಉ͡ख࡞ۀͷ܁Γฦ͠ པΈͷߝࢹνΣοΫ
ຖճ͘Δక ͞Βʹ
ʮർΕͨʜேͱҧ͏ࣗʹͳͬͯΔʁʯ ̔࣌ؒ͘Β͍ಇ͍ͨ΅͘
ർΕͱͱʹڱ·Δࢹ
ർΕͱͱʹڱ·Δࢹ য͕͍͋ͮΒ͘ͳΔ ײ֮Ͱ୳͢ใ அ͕͘͠ͳ͍ͬͯ͘
ʮͳΜ͔ಉ྅͕ົʹ༏͘͠ͳͬͨͳʁʯ
ࢥߟఀࢭੇલ Կߟ͑ΒΕͳ͍ʜ ࠓΛͳΜͱ͔Γӽ͑Α͏ खΛಈ͔͢εϐʔυΛ͘͠Α͏ ࡞ۀ࣌ؒΛ૿ͦ͏
վળͷػձ͚͋ͬͨͲ ໌վળ͞Εͳ͍ΜͰ͔͢ʁ ʮҊ݅ͷΞαΠϯΛޮԽ͢ΔͨΊʹ"ػೳΛ ߟ͍͑ͯΔΑɺ։ൃɺ̎ϲ݄͔͔Δ͚Ͳʯ
վળͷػձ͚͋ͬͨͲ ໌վળ͞Εͳ͍ΜͰ͔͢ʁ ʮҊ݅ͷΞαΠϯΛޮԽ͢ΔͨΊʹ"ػೳΛ ߟ͍͑ͯΔΑɺ։ൃɺ̎ϲ݄͔͔Δ͚Ͳʯ ෩अͰ৸ࠐΜͰΔਓʹ༧ҩྍͷ ༗ޮੑΛઆ͍ͯແବ
ཁग़͚ͯͨ͠ΕͲ ͦΜͳՋͳ͍ʜ ʮͦΕຊʹඞཁʁͲΕ͚ͩΔͷʁ ·ͣ·ͱΊͯཉ͍͠ɻʯ
͋ʙʙউखʹ͕ΜΖʜ
͠Βͯ͘͠ ൟظࣄ͕̎ഒʹ૿͑ΔΑʂ ˞࣮ࡍʹ̏ഒ͘Β͍૿͑ͨ ΘΘʙɺཧతʹࢮʹ·͢Ͷ Ϛωʔδϟʔ
ࢮ͵ͷצห͍ͨ͠ ࢮ͵ΑΓʜվળʜ
վળϧʔϓΛճͨ͢Ίʹ༨༟Λʂ ܁Γฦ͠࡞ۀͷࣗಈԽ ӡ༻ͱζϨͯΔ6*ͷཧ ࠓޙͷվળͷҝʹ·ͣ࣌ؒ֬อ ·ͣ༨༟Λ࣋ͨͳͬͪ͘Όʂ
ࣗಈೖྗπʔϧॻ͍ͨ ࣗಈԽ ϝʔϧͰ͘ΔҊ݅ใΛ ίϐϖೖྗ ϑΥʔϜΛࣗಈతʹ ݀ຒΊ ϒϥβ֦ுͰ࡞ +4͔͚Εҙ֎ͱ؆୯̇
ࢦͨ͠ ςΩτʔʹ࡞ΔΜͩʂ ࣗಈԽ Ͱ0, ύλʔϯ ࣗಈԽ͢Δ࡞ۀ
6*վળ ۀʹ߹Θͤͯ͗མͱ͢Μͩʂ ༏ઌʹ߹Θͤͯ6*Λཧ ͬͯͳ͍ʗݟͯͳ͍ඇදࣔʗআ ΞΫηγϏϦςΟ 6*վળ
ཧ 6*վળ Ҋ݅ݕࡧ ύϥϝʔλ" ߲ ߲ ߲ ߲ εςʔλε ߲
߲ ߲ ߲ Ҋ໊݅ *% Φϓγϣϯ 0/ ݕࡧ ͪ͝Ό͋ʜ
ཧ 6*վળ Ҋ݅ݕࡧ *% ݕࡧ Ҋ໊݅ ৄ͍͠ݕࡧ݅
ཧ 6*վળ Ҋ݅ݕࡧ *% ݕࡧ Ҋ໊݅ ৄ͍͠ݕࡧ݅ Α͘͏߲Λ࠷લ ͨ·ʹ͏߲ඇදࣔ Θͳ͍ͷݟ͍͑ͯͳ͍
ʮ;ͭ͏ʯʹ͚͍ۙͮͯ͘ ʮͨΓલʯΛ࠷ॳ͔Β࡞Δͷ͍͠ɻ 6*վળ ͍͞͞ͳվળਖ͕ੵΕࢁͱͳΔɻ ۀγεςϜͰݦஶͰ͢ɻ ҰֶͭΜͩΒย͔ͬΒ͍͍ͤɺ͘ͳ͍
ۀࢭΊͳ͍ɺͰ߈ΊΔ ϛογϣϯΫϦςΟΧϧͳγεςϜ
γεςϜ ϒϥβ֦ு 6*վળ ࣗಈԽ σʔλݕࡧ άϧʔϐϯά ߈ΊΔͨΊʹɺγεςϜͷ֎͔Β Ϣʔβ ελΠϧγʔτ εϓϨου
γʔτ
γεςϜ Ϣʔβ ελΠϧγʔτ εϓϨου γʔτ ϒϥβ֦ு 6*վળ σʔλݕࡧ άϧʔϐϯά ࣗಈԽ
γεςϜ͞ΘΒͳ͍ͷͰյΕͳ͍ʂ ߈ΊΔͨΊʹɺγεςϜͷ֎͔Β
߈ΊΔͨΊʹɺγεςϜͷ֎͔Β γεςϜ ϒϥβ֦ு 6*վળ σʔλݕࡧ άϧʔϐϯά ࣗಈԽ όϦσʔγϣϯͦͷ··͑Δʂ ͓͔͠ͳσʔλ ͕ೖΔͷΛ͛Δ
Ϣʔβ ελΠϧγʔτ εϓϨου γʔτ
ηʔϑςΟ͕͋Ε߈ΊΒΕΔʂ ΈΜͳͰվળ͢ΔΜͩͥʙ γεςϜͷνΣοΫΛ׆͔͢ ࢹ֬ೝ͜͜Ͱਖ਼ٛ ଞӡ༻ͷϝϯόʔʹஞҰ'#Λґཔ
߈ΊͷϓϩτλΠϐϯά ΨϯΨϯͯ͠ɺఆ࣌Ͱ͔͑Ζʂ ຊ൪ڥͰςετͯ͠͠·͏ ͘Β͍Ͱ࣮ '#ड͚ͨΒଈௐ
ྑ͘ͳ͕ͬͨʜ πʔϧ͕େྔʹͰ͖ΔͷࠔΔ ӡ༻࠷ऴతʹఔʹѹॖ ͔͠͠ӡ༻ൃ৴ͷվળͰݶք͕ ͔͜͜Βۀ͞Βʹ૿Ճ͢Δ༧ఆ
ӡӦ͚ͩͰͩΊͩ ۭ͍ͨ࣌ؒͰ։ൃͱҰॹʹվળ͢Δͧͱ
։ൃͱ͏Ұ͖߹͏ ։ൃ͔ΒվળఏҊ࣮ଟ͔ͬͨ ΅͘ΒͷఏҊΑΓʮʯͦ͏ʂ ͕͔͔࣌ؒΒͣʹޮՌ͕͕͋Γͦ͏ͳ ఏҊ͕ଟ͔ͬͨ
ཁͷग़͠ํΛม͑ͨ ʷʮ#ͱ͍͏ػೳΛՃ͍ͯͩ͘͠͞ɻʯ ˓ʮ"ͱ͍͏Λղܾ͍ͨ͠ͷͰ͕͢ɺ ɹɹ#ͱ͍͏ํ๏͕͋Γͦ͏Ͱ͢ɻʯ ։ൃා͘ͳ͍ΑʂຯํͩΑʂ
ຖͷ࡞ۀґཔΛม͑ͨ ࡞ۀͷϫέΛ͔ͳΒͣఴ͑ͨ ʮࣗ͝ͱʯʹͯ͠Β͏ͨΊۀΛڞ༗ ͥ ʁ ͳ
ຊؾΛग़ͨ͠։ൃεΰ͔ͬͨ ։ൃ ΤοοʂʂʂʂਆͰʙɻ ΫϥΠΞϯτ߹ͷҊ݅σʔλมߋ ଟ͍Ͷɺӡ༻ͰͲ͏͠Α͏ͳͦ͞͏ɻ ͚ͬͯͨͲͦͷσʔλɺมߋ͕؆୯ʹ Ͱ͖Δը໘࡞ͬͯͨΜͩɺͬͯʙɻ
։ൃओମͷۀվળ ӡ༻͔ΒΈͨ։ൃͷεΰ͞
Ҋ݅ͷεέδϡʔϧΛѲ͖͠Εͳ͍ɺ γϑτ૿һܭը͕ͨͯΒΕͳ͍ͧʜɻ ൟظΛܴ͑ ʢฉ͖ࣖΛཱͯͯͨʣͰղܾͰ͖·͢ɻ ։ൃ Ϛωʔδϟʔ
3F%BTIͰ࡞ͬͨμογϡϘʔυ Ҋ݅ͷϐʔΫΛՄࢹԽ
ѹతεϐʔυͱ༗ޮੑ 3F%BTIɺ42-Λ͍ΕΔ͚ͩͰଈՄࢹԽ ී௨ʹ࡞ͬͨΒɺ3F%BTIͳΒ։ൃͳ͠ ॳखͰԦखΛऔΓʹߦ͘ͷ͕ΤϯδχΞΒ͍͠
ΤϯδχΞ ଵ͚ऀʢྑ͍ҙຯͰʣ ಇ͖ͨ͘ͳ͍Ͱ ͟͝ΔΑ
ʢ͓·͚ʣฐࣾ3F%BTIͷ͍ํ ΠϨΪϡϥʔͳۀͷݕ ্هใɾΞϥʔτΛ4MBDLʹఆظ௨ ച্ՄࢹԽ ۀྔͷՄࢹԽ
ঢ়گΛѲͯ͠ରԠ͢Δۀ͕͋ΔͷͰ Ξϥʔτग़ͤΔΑ͏ʹͯ͠΄͍͠ɻ ͞Βʹ ͦͷۀͳΒɺશ෦ࣗಈԽͰ͖ΔΜͰɻ ։ൃ ΅͘
։ൃʹۀَࣝʹۚ ඞཁͳࣝͱ͕࣌ؒ͋ΕͰ͖ͳ͍͜ͱͳ͍ Ձͷ࠷େԽ ͳͥ Δ͔ Ͳ͏ Δ͔ ߴ͍Ϩϕϧ Ͱͷཱ྆
ۀγεςϜվળͷਐΊํ ·Δͬͱ·ͱΊΔͱʂ
ࢦ͢ΰʔϧ λεΫ͕উखʹऴΘΔͷ͕Ұ൪ Ίͤ͟ʂࣾχʔτXXXXX ཧը໘͔Βཁૉ͕ফ͍͑ͯ͘ͷ͕Ұ൪ Կͨͬͯ͠ਓർΕΔɺ͜Εਅཧ
۩ମࡦ 6*ͷۀ࠷దԽ λεΫͷࣗಈԽ ແବͳۀͷ࠶ߟ ຊ͓ ͯ͠·ͤΜ͕
·ͱΊ ׂ͝ͱͷ
ӡ༻ ։ൃͱͦ͏ ຊ࣭ΛݟΑ͏ ׳Ε͖ͯ͋ΒΊͳ͍
։ൃ ۀΛΖ͏ ӡ༻Λ·ͣՋʹ͠Α͏ ӡ༻ͱҰॹʹΖ͏
ΈΜͳ νʔϜͷྗΛ৴͡Ζ ҰਓΑΓೋਓɺೋਓΑΓΈΜͳͩΑͶ
Τϐϩʔά
ΫϥΠΞϯτ ৽͍͠՝͕Ͱ͖ͯͨΑʙ ͓ͬ͠Όʔ͜ΕͰࣾχʔτͩͧʂ ΅͘ ӡ༻ʹऴணͳ͠ɺܧଓվળͩ ΅͘
Ϛωʔδϟʔ ͻ͍͑͐͐͐ʙʙʙ ͋ͱ͜ͷϓϩδΣΫτͱɺ ͜ͷϓϩδΣΫτ͓ئ͍Ͷʂ ظతͳϓϩμΫτϏδϣϯ ࣮ݱ͔ͯ͠ͳ͍ͱͶʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ωλఏڙɾൃද༰म ಉ྅ͷΈͳ͞Μ͋Γ͕ͱ͏ʂ