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
Yutaro Murakami
March 22, 2020
Design
1
2.2k
道具的存在なソフトウェアのデザイン
Yutaro Murakami
March 22, 2020
Tweet
Share
More Decks by Yutaro Murakami
See All by Yutaro Murakami
ラフとUIデザイン〜UIデザインにおけるラフの使い分けのすゝめ〜
yutaromurakami
2
930
「文脈を理解する」ということについて 考えてみる
yutaromurakami
0
520
かたちをつくるとはどういうことなのか?
yutaromurakami
1
410
欧文WebTypography初級編:基礎知識の学びと実践
yutaromurakami
0
330
ゆめみで実践するOOUI:画面ではなくオブジェクトをとらえる方法
yutaromurakami
2
550
Other Decks in Design
See All in Design
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
430
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
140
TUNAG BOOK 2024
stmn
0
470
LayerX DesignersDeck
layerx
PRO
0
2.5k
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
portfolio2025_kanakoohata
kanako106
0
660
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.9k
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
LLMによるRAG評価用合成テストデータの生成
licux
6
660
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
244
12k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Statistics for Hackers
jakevdp
797
220k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
A better future with KSS
kneath
238
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How STYLIGHT went responsive
nonsquared
98
5.3k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
GitHub's CSS Performance
jonrohan
1030
460k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Transcript
ಓ۩తଘࡏͳιϑτΣΞͷσβΠϯ גࣜձࣾΏΊΈɹΠϯλϥΫγϣϯσβΠφʔ ଜ্༤ଠ
ଜ্༤ଠ גࣜձࣾΏΊΈʢdʣ ϛϟϯϚʔͷࣄۀձࣾʢdʣ ࣗݾհ !8FJXF:V ΠϯλϥΫγϣϯσβΠφʔ Ϛωʔδϟʔ
͍͍͢ ιϑτΣΞ ͍ʹ͍͘ ιϑτΣΞ ͖͔͚ͬ
ιϑτΣΞʹಓ۩ ͖͔͚ͬ
ಓ۩తଘࡏ ࣄతଘࡏ ϋΠσΨʔͷಓ۩ੳ ϖϯઌ·Ͱ͕ମͷҰ෦ͱͳΓɺ ߦҝʹूத͢Δ͜ͱ͕Ͱ͖Δ ϖϯͷଘࡏ͕͋ΒΘͱͳΓɺ ߦҝͰͳ͘ϖϯࣗମʹҙ͕ࣝ͘
࣮ମͷͳ͍ιϑτΣΞʹ͓͍ͯɺ ʮಓ۩తଘࡏʯΛ࣮ݱ͢Δʹʁ ಓ۩తଘࡏͳιϑτΣΞͱ
ಓ۩తଘࡏͳιϑτΣΞͱʢϚϧνμϛʔΧʔιϧ࣮ݧʣ
ϦΞϧΧʔιϧൃݟͷޙɺ͔ࣗ͠ݟ͑ͯ͜ͳ͍͘Β͍໌ʹɺ ʮ͕ࣗʯૢ࡞͍ͯ͠Δײ͕֮ൃੜ͠·͢ɻૢ࡞੍ޚ͕Ͱ͖͍ͯΔ ͱ͍͏ঢ়ଶɺʮࢲ͕ʯʮ͕ࣗʯͱ͍͏ʮࣗݾײʯͷൃੜ͕ ·ͣॏཁͰ͋Δ͜ͱ͕ݟ͑ͯ͘Δɻ bb `` ᬑܙଠɹ༥͚ΔσβΠϯ ಓ۩తଘࡏͳιϑτΣΞͱ
ϚεͱΧʔιϧͷಈ͖͕࿈ಈ͠ɺΧʔιϧ·Ͱ͕ ࣗݾͷҰ෦ͱͳΔ͜ͱͰɺਓΧʔιϧΛҙࣝ͠ͳ͘ͳΓɺ ରͷํΛҙࣝ͢Δɺͭ·ΓΧʔιϧಁ໌Խ͢Δɻ ʢதུʣ Χʔιϧͷొʮૢ࡞ʯΛ࣮ݱ͠ɺࣗݾ͕ը໘ͷதʹ·Ͱ ೖΓࠐΜͰใʹ৮Ε͍ͯΔ͔ͷΑ͏ͳײ֮ͱḷΓண͘ɻ bb `` ᬑܙଠɹ༥͚ΔσβΠϯ ಓ۩తଘࡏͳιϑτΣΞͱ
ॏཁͳ͜ͱɺ(6*Ҏ֎ͷΠϯλϥΫγϣϯʹ͓͍ͯૢ࡞తͳͷ͕ ͋ΔݶΓɺʮΧʔιϧతׂʯΛ͍ͯ͠Δͷ͕͋Δͱ͍͏͜ͱͩɻ ʢதུʣ J1IPOFͰύιίϯͷΧʔιϧฒʹମͷಈ͖ʹ࿈ಈ͍ͯ͠Δ෦ ʮը໘શମʯͰ͋ΔɻϗʔϜը໘ࢦʹै͠ΞϓϦέʔγϣϯϦετ͕ ࠨӈʹҠಈ͢ΔɻΧʔιϧͳ͍͕ɺΧʔιϧͱಉ͡ϨϕϧͰJ1IPOFͷ ը໘ඇৗʹͳΊΒ͔ʹ࿈ಈ͍ͯ͠Δɻ bb `` ᬑܙଠɹ༥͚ΔσβΠϯ
ಓ۩తଘࡏͳιϑτΣΞͱ
ϚεͱΧʔιϧͷಈ͖͕࿈ಈ͠ɺಓ۩తଘࡏͱͳΔ͜ͱͰɺ ߦҝରʹूதͰ͖Δ ಓ۩తଘࡏͳιϑτΣΞͱ
۩ମతͳૢ࡞ͷରͱͦͷઃܭํ๏ʁ ಓ۩తଘࡏͳιϑτΣΞͱ ιϑτ ΣΞ
006* Object-Oriented User Interface ಓ۩తଘࡏͳιϑτΣΞͱ
ΦϒδΣΫςΟϒͳσβΠϯͱɺϢʔβʔ͕ରతʹ ΞϓϩʔνͰ͖ΔΑ͏ʹ͢ΔͷͰ͢ɻϢʔβʔ͕ࣗͳΓͷํ๏Ͱత ʹ͔͍͚ͬͯΔ͜ͱɻߦಈͷՄೳੑΛղ์͠ɺͦͷಓ۩Λ͏͜ͱͰ ࣄ༡ͼʹର͢ΔࣗͷҙຯۭؒΛͰ͖ΔΑ͏ʹ͢Δ͜ͱɻ bb `` ্ֶɹ006*ͷͯ ಓ۩తଘࡏͳιϑτΣΞͱ
ιϑτ ΣΞ ಓ۩తଘࡏͳιϑτΣΞ ΦϒδΣΫτ ಓ۩తଘࡏͳιϑτΣΞͱ
ಓ۩తଘࡏͳιϑτΣΞͷσβΠϯ ͓ΘΓʹ
ΠϯλϥΫγϣϯσβΠϯͱɺਓ͕ؒૢ࡞͢Δσδλϧɺ ڥɺγεςϜɺαʔϏεͳͲΛઃܭ͢Δ͜ͱͰ͋Δɻ ͱͷΠϯλϥΫγϣϯͷϝΧχζϜΛσβΠϯ͢Δ͜ͱʹΑͬͯ ਓʑͷΤΫεϖϦΤϯεʹӨڹΛ༩͑Δͱ͍͏͜ͱʹͳΔɻ bb `` "MBO$PPQFS"CPVU'BDF ΠϯλϥΫγϣϯσβΠϯͱ
͋Γ͕ͱ͏͍͟͝·ͨ͠