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
2.2k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
業務システム狂詩曲
DIST.25 「管理画面から考えるUX」
8845musign
February 09, 2019
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.4k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
350
業務システムに必要なアクセシビリティ
8845musign
1
1.2k
READING The Atomic Workflow
8845musign
3
800
いまさら styled components 入門した
8845musign
3
980
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.9k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.2k
感性デザインとは?
8845musign
4
2k
○DD駆動開発
8845musign
1
180
Other Decks in Design
See All in Design
Figma MCPを活用するためのデザインハンドブック
vivion
8
20k
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
120
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
0
180
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
180
Design dependencies
teba_eleven
0
160
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
640
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.4k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
380
Signull 団体説明資料
signull
0
790
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
9
5.7k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
430
Edmonton River Slidedeck
edmontonriver
0
230
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
220
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
Ruling the World: When Life Gets Gamed
codingconduct
0
310
WENDY [Excerpt]
tessaabrams
12
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Leo the Paperboy
mayatellez
8
2.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
220
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
710
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
630
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
450
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*ͷۀ࠷దԽ λεΫͷࣗಈԽ ແବͳۀͷ࠶ߟ ຊ͓ ͯ͠·ͤΜ͕
·ͱΊ ׂ͝ͱͷ
ӡ༻ ։ൃͱͦ͏ ຊ࣭ΛݟΑ͏ ׳Ε͖ͯ͋ΒΊͳ͍
։ൃ ۀΛΖ͏ ӡ༻Λ·ͣՋʹ͠Α͏ ӡ༻ͱҰॹʹΖ͏
ΈΜͳ νʔϜͷྗΛ৴͡Ζ ҰਓΑΓೋਓɺೋਓΑΓΈΜͳͩΑͶ
Τϐϩʔά
ΫϥΠΞϯτ ৽͍͠՝͕Ͱ͖ͯͨΑʙ ͓ͬ͠Όʔ͜ΕͰࣾχʔτͩͧʂ ΅͘ ӡ༻ʹऴணͳ͠ɺܧଓվળͩ ΅͘
Ϛωʔδϟʔ ͻ͍͑͐͐͐ʙʙʙ ͋ͱ͜ͷϓϩδΣΫτͱɺ ͜ͷϓϩδΣΫτ͓ئ͍Ͷʂ ظతͳϓϩμΫτϏδϣϯ ࣮ݱ͔ͯ͠ͳ͍ͱͶʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ωλఏڙɾൃද༰म ಉ྅ͷΈͳ͞Μ͋Γ͕ͱ͏ʂ