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
noteの過去と、今と、これからのこと。
Search
sawa
March 13, 2018
Design
8
14k
noteの過去と、今と、これからのこと。
2018/03/13
UI Crunch #12 「伝える」を加速させる。書く、読むUI
株式会社piece of cake
デザイナー沢登達也
@sawamemo
sawa
March 13, 2018
Tweet
Share
More Decks by sawa
See All by sawa
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1.5k
Other Decks in Design
See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.7k
PF_濵村ひろみ_202503
maru_design78
0
180
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
580
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4k
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
420
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
Echoes Boomerang
artcloudyu
PRO
0
250
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Designing for Performance
lara
610
69k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Thoughts on Productivity
jonyablonski
69
4.7k
Side Projects
sachag
455
42k
We Have a Design System, Now What?
morganepeng
53
7.7k
Gamification - CAS2011
davidbonilla
81
5.4k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Transcript
UI Crunch #12 2018/03/13 OPUFͷ աڈͱɺ ࠓͱɺ ͜Ε͔Βͷ͜ͱɻ ొୡ
ొୡ @sawamemo α ϫ ϊ Ϙ Ϧ λ π
Ϡ גࣜձࣾQJFDFPGDBLFͷσβΠφʔɻ ܭͷडୗσβΠϯձࣾΛܦͯɺ ݄ʹೖࣾɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡Ί·ͯ͠
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ʹ͍ͭͯ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ ۀͷϕϯνϟʔاۀ ैۀһ໊ ʢਖ਼ࣾһʣ ΄Ͳ ̎ͭͷϓϩμΫτΛӡӦ
ͱ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ໊Ҏ্ͷΫϦΤΠλʔɺ ࣾҎ্ͷग़൛ࣾͱఏܞͯ͠ ίϯςϯπΛ৴͍ͯ͠Δɺ ϝσΟΞϓϥοτϑΥʔϜͰ͢ɻ ಡΉαʔϏε
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ ݸਓ͕ࣗ༝ʹίϯςϯπΛ ࡞ͯ͠ɺ ϑΝϯͱͷίϛϡχ έʔγϣϯͰ͖Δίϯςϯπ৴ ϓϥοτϑΥʔϜͰ͢ɻ ಡΉ ɾ ॻ͘αʔϏε
ͱ ʹ͍ͭͯ ͓͍͖ͤͯͨͩ͞·͢ɻ ຊɺ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFʹ͍ͭͯ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFͷาΈ αʔϏεϦϦʔε 2014/4 2017/10 2018/3 2014/10 J04BOESPJE൛ϦϦʔε ݱࡏ
ਂ͞Μ$90ब ͳΜ͔Μ͋Γ·ͯ͠
5)&(6*-%ͷਂ͞Μ͕ $90ͱͯ͠ब OPUFʹ͍ͭͯ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ ʑͷΧΠθϯΛ OPUFʹϙετ͍ͯ͠·͢
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ 6*ͷΧΠθϯطʹɺ هࣄʹͳ͍ͬͯΔͷͰ 6*$SVODIԿͦ͏ OPUFͰ ॻ͍͍ͯΔ͠
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ ݱࡏͷΧΠθϯهࣄͳͲʹ ·ͱΊΒΕ͍ͯΔ͕ɺաڈະདྷͷ ͋·Γͯ͠དྷͳ͔ͬͨɻ ࠓɺͦ͜Λ۷ΓԼ͍͖͛ͯ·͢ɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. 02. 03. ͡·ΓͷOPUF ݱࡏͷOPUF ͜Ε͔ΒͷOPUF BHFOEB
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. ͡·ΓͷOPUF
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ϦϦʔε࣌ͷOPUF 2014/04/07
͡·ΓͷOPUF ݱࡏ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF ݕࡧΧςΰϦແ͘ɺશͯλΠ ϜϥΠϯʹू͞Ε͍ͯͨɻ λΠϜϥΠϯ্Ͱߘग़དྷͨҝɺ ॻ͘ͱಡΉΛγʔϜϨεʹߦ͑Δ Α͏ͳ6*ͩͬͨͱߟ͑ΒΕ·͢ɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF λΠϜϥΠϯͱهࣄͷߦ͖དྷͷҝ ͷΔϘλϯଘࡏɻ λΠϜϥΠ ϯ͕࣠ʹͳ͍ͬͯΔࣄ͕Θ͔Δɻ ໌ேମ͕ΘΕ͓ͯΓɺࢴഔମ ͷಡΈ৺Λҙ͍ࣝͯ͠Δ͜ͱ͕ ͑Δɻ
ϦϦʔεϲ݄ ສ66 ϦϦʔε࣌ ͳ͔ͳ͔ྑ͍ײ͡ ʂ ʂ ʂ ͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF ϦϦʔε͔ΒஸޙͷOPUF 2016/04/07 OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF ͓͢͢Ί ɾ ΧςΰϦ͕૿͑λΠϜϥ ΠϯҎ֎ͷ͕࣠ग़དྷͨɻ ʢݟ͑ͯ ͍ͳ͍͕λάػೳ૿͍͑ͯΔʣ ৽ͨͳهࣄʹग़ձ͏ҝͷ6*ͩͬ ͨͱߟ͑ΒΕ·͢ɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF λΠτϧͷαΠζ͕͑ΒΕɺ໌ ேମ͔ΒΰγοΫମʹɻߦؒए ׯ٧ΊΒΕ͍ͯΔɻ େ͖͍มԽແ͍͕ɺΧςΰϦ ͓͢͢Ίͷ͕࣠ੜ·Εͨҝɺ͍ͭ ͰυϩϫʔϝχϡʔʹΞΫηε ग़དྷɺ֤ϖʔδભҠՄೳʹɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ϦϦʔε͔Β མͪண͍ͯ͠·͍ͬͯͨ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF ͜͜·Ͱ͕աڈͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 02. ݱࡏͷOPUF
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ࢪࡦΛͭʹྨ͍ͯ͠·͢ɻ ൃݟੑ ܧଓੑ ίϯςϯπύϫʔ
ൃݟੑ ݱࡏͷOPUF هࣄͷݟ͚ͭ͢͞ɺ୳͢͠͞ɺͳͲ ͷهࣄͷʹͳΔϙΠϯτΛΧΠθϯ͢ Δ͜ͱͰൃݟੑͷ্Λૂ͍·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ɾ ߋ৽௨Λ૿͢ ɾ ͓͢͢ΊهࣄΛ͑Δ
ɾ FUD ྫ͑
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ܧଓੑ OPUFΛ͏͜ͱͰͷϝϦοτΛ૿ͨ͠Γ ɺෆ۩߹ʹΑΔෆຬͳͲΛղফ͢Δ͜ͱͰ ܧଓੑͷ্Λૂ͍·͢ɻ ɾ هࣄΛಡΜͰΒ͑Δ ɾ ҙਤ௨Γʹಈ࡞͢Δ6*
ɾ FUD ྫ͑
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ίϯςϯπύϫʔ OPUFͰॻ͔Εͨίϯςϯπͷ࣭ͷ্ ɺॻ͘͜ͱࣗମͷϋʔυϧΛԼ͛Δ͜ͱ Ͱɺίϯςϯπύϫʔͷ্Λૂ͍·͢ɻ ɾ εΩϧΞοϓࢪࡦ ɾ Πϕϯτͷ։࠵
ɾ FUD ྫ͑
ݱࡏͷOPUF λΠϜϥΠϯͷΧΠθϯ ൃݟੑ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
ݱࡏͷOPUF ϑΥϩʔϒʔελʔͷΧΠθϯ ൃݟੑ ܧଓੑ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏͷOPUF γΣΞϒʔελʔͷΧΠθϯ ൃݟੑ
ͦͷଞͨ͘͞Μ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏͷOPUF
ݱࡏͷOPUF ݱࡏ ͍ͯ͘͢͝͠·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 03. ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͦͦɺOPUFͬͯͳΜͩʁ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ͍͏ॴ͔Βߟ͍͑ͯ͠·͢ɻ ͜Ε͔ΒͷOPUF ͦͦɺOPUFͬͯͳΜͩʁ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF ͳ͔ͥʁ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF αʔϏεΛӡӦ͍ͯ͠Δͱɺ ্ཱͪ͛ॳͱݱࡏͱͰɺ αʔϏεͷ͋Δ͖͕࢟΅͚͖ͯͯ͠·͏ɻ
OPUFΛ୳͢ϫʔΫγϣοϓ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF Ϗδϣϯ ϛογϣϯ ϓϩϛε λάϥΠϯ ͜ΜͳOPUFݏͩ OPUFͷੑ֨
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF νʔϜͷೝࣝΛ͑Δ͜ͱͰɺ அεϐʔυΛ্͛Δ Ϗδϣϯ ϛογϣϯ ϓϩϛε λάϥΠϯ ͜ΜͳOPUFݏͩ OPUFͷੑ֨
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ʹ͑͏ΔσβΠϯϧʔϧ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ ͜Ε͔ΒͷOPUF σβΠϯγεςϜϧʔϧ͋Γ·ͤΜ ਏ͍
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ ͜Ε͔ΒͷOPUF αʔϏεͷϑΣʔζʹΑͬͯ σβΠϯϧʔϧͷॏཁੑมΘΔɻ ͰࠓޙɺσβΠφʔ૿͍͑ͯ͘ ͍ͭΔͷ͔ɻࠓͰ͢Ͷ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻ σβΠϯΨΠυ ΠϯλϥΫγϣϯ Πϥετ ίʔσΟϯάΨΠυϥΠϯ Ξηοτͷཧ FUD
͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻ σβΠϯΨΠυ ΠϯλϥΫγϣϯ Πϥετ ίʔσΟϯάΨΠυϥΠϯ Ξηοτͷཧ FUD
͜Ε͔ΒͷOPUF ࣭ͷҡ࣋ͱɺσβΠϯΛ σβΠφʔͷ͚ͩͷͷʹ͠ͳ͍
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Ϣʔβʔͱͷڞ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Α͋͘Δ։ൃελΠϧ ͜Ε͔ΒͷOPUF ։ൃνʔϜ ೦ೖΓͳ"#ςετ ೦ೖΓͳDMPTFEΠϯλϏϡʔ FUD ೦ೖΓͳԾઆݕূ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Α͋͘Δ։ൃελΠϧ ͜Ε͔ΒͷOPUF ։ൃνʔϜ ೦ೖΓͳ"#ςετ ೦ೖΓͳDMPTFEΠϯλϏϡʔ FUD ೦ೖΓͳԾઆݕূ OPUFνʔϜͷ߹ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ ͜Ε͔ΒͷOPUF ݴͬͪΌ͏ελΠϧ ʢͪΖΜશͯͰ͋Γ·ͤΜ͕ʣ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ ͳΔ͘Φʔϓϯʹ͠ɺ ΫϦΤΠλʔͱαʔϏεΛҭͯΔ ͜Ε͔ΒͷOPUF OPUF࠲ஊձ ΧΠθϯใࠂ 4/4OPUFͰϑΟʔυόοΫ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. 02. 03. ͡·ΓͷOPUF ϑΣʔζ ʹΑͬͯ ࠷ ద ͳ
6 *ม Խ ͖ͯͨ͠ɻ ͭ ͷ ج ४ Λ ݩ ʹ ߴ ͰΧΠθ ϯ Λ ਐΊ͍ͯΔɻ ઌ Λ ݟ ਾ ͑ͨ ࡞Γʹணख͠ɺΞΫ ηϧΛ౿Έࠐ͏ͱ ͍ͯ͠Δɻ ݱࡏͷOPUF ͜Ε͔ΒͷOPUF ·ͱΊ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ࠷ޙʹͳΓ·͕͢ɻ ·ͱΊ
OPUF αʔϏενʔϜΧΠθϯΛ Ҿ͖ଓ͖ਐΊ͍͖ͯ·͢ɻ ҰॹʹOPUFΛҭ͍͖͍ͯͯͨͱ ࢥ͍·͢ͷͰɺͲ͏ͧΑΖ͘͠ ͓ئ͍͍ͨ͠·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ·ͱΊ
5)"/,:06 ࠓޙͷOPUFʹ͝ظ͍ͩ͘͞ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ