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
はじめてのOOUI / Let's get OOUI started
Search
Ueni
March 09, 2022
Technology
1
400
はじめてのOOUI / Let's get OOUI started
Ueni
March 09, 2022
Tweet
Share
More Decks by Ueni
See All by Ueni
「つい進捗してしまう」タスク分解のやり方 / How to Break Down Tasks in a Way That Naturally Leads to Progress
uenitty
2
320
AI 時代に何しよう?「不便」をもっと作り出そう! / In the Age of AI, Let's Leverage the 'Benefit of Inconvenience'!
uenitty
1
76
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
33
16k
改善サイクル大臣 基調講演 / Keynote by minister of improvement cycle
uenitty
0
160
面接で伸びしろを感じさせる方法 / How to make the interviewer feel like you have potential
uenitty
2
730
わかりやすい説明やプレゼンはマジックで鍛えられる説 / Presentation skills could be honed through magic
uenitty
0
280
設計できるエンジニアになるには / Design Guidelines for all engineers
uenitty
2
340
デザインリサーチとは何か / What is Design Research
uenitty
0
260
amazonのすごい会議 / amazing meeting of amazon
uenitty
0
430
Other Decks in Technology
See All in Technology
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
13
4k
JavaScript 研修
recruitengineers
PRO
6
1.3k
Bye-Bye Query Spaghetti: Write Queries You'll Actually Understand Using Pipelined SQL Syntax
tobiaslampertlotum
0
120
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
250
クラウドセキュリティを支える技術と運用の最前線 / Cutting-edge Technologies and Operations Supporting Cloud Security
yuj1osm
2
240
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
780
AWS環境のリソース調査を Claude Code で効率化 / aws investigate with cc devio2025
masahirokawahara
2
970
Grafana Meetup Japan Vol. 6
kaedemalu
1
190
Microsoft Fabric のネットワーク保護のアップデートについて
ryomaru0825
1
120
DDD集約とサービスコンテキスト境界との関係性
pandayumi
1
110
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
kubell_hr
0
120
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Documentation Writing (for coders)
carmenintech
73
5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Building Applications with DynamoDB
mza
96
6.6k
What's in a price? How to price your products and services
michaelherold
246
12k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
RailsConf 2023
tenderlove
30
1.2k
Practical Orchestrator
shlominoach
190
11k
Fireside Chat
paigeccino
39
3.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A designer walks into a library…
pauljervisheath
207
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Transcript
@uenitty ͡Ίͯͷ OOUI wellday OOUIϫʔΫγϣοϓ 2022/03/09
ࢀߟॻ 2 • ༰͔ͳΓল͍͍ͯ·͢ • ࣗͷղऍͰ࠶ߏ͍ͯ͠·͢ • ؒҧ͍͕͋ͬͨΒ͝ΊΜͳ͍͞ • ͥͻຊΛಡΜͰ͍ͩ͘͞ʂ
https://www.sociomedia.co.jp/10046
OOUIͱ 3 • ΦϒδΣΫτࢦUIʢObject-Oriented User Interfaceʣ • OOUIʮ͍͢͞ʯͱʮ։ൃ͢͠͞ʯཱ͕྆Ͱ͖Δ
ΦϒδΣΫτࢦͱ 4 • ΦϒδΣΫτ • ͯɺతɺରɺͷ • ࢦ • ͋Δํతʹ͔͏͜ͱɺ͔ΘͤΔ͜ͱ
• ΦϒδΣΫτࢦ • ͯͷରʹண͢Δ͜ͱ
ΦϒδΣΫτࢦͱ 5 • ΦϒδΣΫτ • ͯɺతɺରɺͷ • ࢦ • ͋Δํతʹ͔͏͜ͱɺ͔ΘͤΔ͜ͱ
• ΦϒδΣΫτࢦ • ͯʹண͢Δ͜ͱ
۩ମྫ 6 • πΠʔτ Λ ߘ͢Δ • πΠʔτ Λ Ӿཡ͢Δ
• πΠʔτ ʹ ͍͍Ͷ͢Δ • πΠʔτ Λ আ͢Δ
۩ମྫ 7 • πΠʔτ Λ ߘ͢Δ • πΠʔτ Λ Ӿཡ͢Δ
• πΠʔτ ʹ ͍͍Ͷ͢Δ • πΠʔτ Λ আ͢Δ ໊ࢺ ಈࢺ ͯ ػೳ ΦϒδΣΫτ λεΫ
ΦϒδΣΫτΛࢦͨ͠UIͷྫ 8 πΠʔτ • ࠷ॳ͔Βͯͷର͕ݟ͍͑ͯΔ • ૢ࡞ରΛબͯ͠ɺΞΫγϣϯΛબ͢Δ • ໊ࢺ →
ಈࢺ • ܾ·ͬͨૢ࡞ॱংͳ͍ • ϞʔυϨε
λεΫΛࢦͨ͠UIͷྫ 9 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ
λεΫΛࢦͨ͠UIͷྫ 10 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ
λεΫΛࢦͨ͠UIͷྫ 11 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ
λεΫΛࢦͨ͠UIͷྫ 12 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ ͍͍Ͷ͢ΔπΠʔτΛ બ͍ͯͩ͘͠͞
λεΫΛࢦͨ͠UIͷྫ 13 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ ͍͍Ͷ͢ΔπΠʔτΛ બ͍ͯͩ͘͠͞
λεΫΛࢦͨ͠UIͷྫ 14 ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ আ͢Δ • ର͕ݟ͍͑ͯͳ͍ • ΞΫγϣϯΛબͯ͠ɺૢ࡞ରΛબ͢Δ
• ಈࢺ → ໊ࢺ • ૢ࡞Λ࢝ΊΔͱଞͷ͜ͱ͕Ͱ͖ͳ͍ • Ϟʔμϧ
λεΫࢦUI 15 • Ͱ͖Δ͜ͱͷ͚ͩબࢶ͕ඞཁ ͳͨΊɺը໘ߏը໘ભҠ ෳࡶʹͳΔ • খ͞ͳ༷มߋػೳՃͰ େنͳ։ൃ͕ඞཁʹͳΓɺ ݅ذ͕૿͑ΔͨΊόάଟ͍
ΦϒδΣΫτࢦUIσβΠϯ p.39
ΦϒδΣΫτࢦUI 16 • Ͱ͖Δ͜ͱ͕ଟ͔ͬͨΓ૿͑ͨΓ ͯ͠ɺը໘ߏૢ࡞ํ๏ γϯϓϧͳ·· • ༷มߋػೳՃͷ খنͰࡁΈɺ݅ذ͕গͳ͘ όάগͳ͍
ΦϒδΣΫτࢦUIσβΠϯ p.40
ΦϒδΣΫτࢦUIͷݪଇ 17 • ΦϒδΣΫτΛ֮Ͱ͖తʹಇ͖͔͚ΒΕΔ • ΦϒδΣΫτࣗͷੑ࣭ͱঢ়ଶΛମݱ͢Δ • ΦϒδΣΫτબ→ΞΫγϣϯબ ͷૢ࡞ॱং •
ͯ͢ͷΦϒδΣΫτ͕ޓ͍ʹڠௐ͠ͳ͕ΒUIΛߏ͢Δ
ΦϒδΣΫτΛ֮Ͱ͖తʹಇ͖͔͚ΒΕΔ 18 • ର͕ݟ͓͑ͯΓɺʮԿΛͰ͖Δ͔ʯͷώϯτ͕ಘΒΕΔ • ৮Δ͜ͱ͕Ͱ͖ɺରͷมԽͱͯ͠࡞ۀ݁Ռ͕ೝࣝͰ͖Δ
ΦϒδΣΫτࣗͷੑ࣭ͱঢ়ଶΛମݱ͢Δ 19 • Ϣʔβʔ͕ঢ়گΛѲ͠ɺ࣍ʹߦ͏͖ૢ࡞Λߟ͑ΒΕΔΑ͏ʹ͢Δ • ϢʔβʔͷΞΫγϣϯʹରͯ͠ϦΞϧλΠϜʹԠΛฦ͢ • ϦΞϧੈքͷཧੑΛ࣋ͬͨʮͷʯͱಉ͡ײ֮Ͱѻ͑ΔΑ͏ʹ͢Δ https://www.sociomedia.co.jp/9267
ΦϒδΣΫτબ→ΞΫγϣϯબ ͷૢ࡞ॱং 20 • ʮ໊ࢺ→ಈࢺʯͷૢ࡞ॱংʹ͢Δ͜ͱ • ʮಈࢺ→໊ࢺʯݱ࣮Ͱ͋Γ͑ͳ͍ ʢ͔͛ͯΒੴΛ࣋ͭਓ͍ͳ͍ʣ https://www.sociomedia.co.jp/8740 1.
ΦϒδΣΫτબ 2. ΞΫγϣϯબ
ͯ͢ͷΦϒδΣΫτ͕ޓ͍ʹڠௐ͠ͳ͕ΒUIΛߏ͢Δ 21 • ϦΞϧੈքͷ๏ଇΛϝλϑΝʔʹɺ όʔνϟϧੈքͷؔΘΓํΛ ࣗવʹମಘͰ͖ΔΑ͏ʹԋग़͢Δ • ΞϥϯɾέΠ͜ΕΛ ʮϢʔβʔΠϦϡʔδϣϯʯ ͱݺΜͰॏཁੑΛઆ͍ͨ
https://www.apple.com/jp/macos/big-sur-preview/
͜ΕOOUI 22 https://www.apple.com/jp/newsroom/
͜ΕOOUI͡Όͳ͍ 23 https://www.aichibank.co.jp/atm/using/guide/
͜ΕOOUI 24 https://abema.tv/
͜ΕOOUI͡Όͳ͍ 25 https://abema.tv/channels/payperview-1/slots/AakjKLgTGb6msu ΞΧϯτ͋Γ & ίΠϯ͋Γͷ߹ ߪೖྃ ΞΧϯτ͋Γ & ίΠϯͳ͠ͷ߹
్தͰΩϟϯηϧͷ߹ ৼΓग़͠ʹΔ ΞΧϯτͳ͠ & ίΠϯͳ͠ͷ߹
OOUI͕࣮ݱ͢Δʮ͍͢͞ʯ 26 • ୭Ͱ͑Δಓ۩ • iPhoneʹઆ໌ॻ͕ͳ͍ • ΦϒδΣΫτͷԠΛݟͳ͕Βࢼߦࡨޡ͢ΔதͰɺΓ͍ͨ͜ͱΛ ࣮ݱͰ͖Δ •
ࣗ༝ͳૢ࡞ॱং • ϞʔυϨε
OOUI͕࣮ݱ͢Δʮ࡞Γ͢͞ʯ 27 • গͳ͍ը໘ɺγϯϓϧͳը໘ભҠ • λεΫࢦUIͩͱ5ʙ20ഒͷը໘͕ඞཁʹͳΔ※ • গͳ͍݅ذ = গͳ͍όά
• ෳࡶͳ݅ذɺϢʔβʔͷࢥߟஅͷதʹҠಈ͢Δ • ਖ਼֬ͳݟੵɺαʔϏεͷૉૣ͍ै • มΘΓʹ͍͘ͷΛ࣠ʹ࣮͢Δ͜ͱʹͳΔͨΊɺมߋՕॴ͕໌֬ʹ ͳΓɺ͕গͳ͘ͳΔ ※ ΦϒδΣΫτࢦUIσβΠϯ p.ix
OOUIઃܭͷجຊεςοϓ 28
OOUIઃܭͷجຊεςοϓ 29 1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ ͜ΕΒΛॱෆಉͰ܁Γฦ͠ௐ͠ɺશମͱͯ͠ͷ·ͱ·ΓΛ࡞Γ্͛Δ
1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 30 • ϢʔβʔͷϝϯλϧϞσϧۀͷதʹͲͷΑ͏ͳ֓೦͕ଘࡏ͍ͯ͠Δ͔ௐΔ • ͋Δ֓೦͕ΦϒδΣΫτͱ͍͑Δ͔அ͢Δख͕͔Γ • ͑ΒΕΔ໊ࢺͱͯ͠දͤΔ •
ಉछͷू߹ͱͯ͠ཧ͞ΕಘΔ • ڞ௨ͷΞΫγϣϯΛ͍࣋ͬͯΔ ΦϒδΣΫτࢦUIσβΠϯ p.54
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 31 • ͻͱ·ͱ·ΓͷใදࣔྖҬʢϏϡʔʣͱ ͦΕΒͷݺͼग़ؔ͠ʢφϏήʔγϣϯʣ Λߟ͑Δ • 1ͭͷΦϒδΣΫτɺ໘ʹԠͯ࢟͡Λ ม͑ɺҟͳΔ໘ੵใͷৄࡉͰ
Ϣʔβʔʹ͚ͯද͞ΕΔͨΊɺ ͜ͷதؒతͳநͷϨΠϠʔ͕ ॊೈͳOOUIΛߏங͢Δ্ͰॏཁʹͳΔ ΦϒδΣΫτࢦUIσβΠϯ p.100
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 32 • Ϗϡʔʢͻͱ·ͱ·ΓͷใදࣔྖҬʣͷछྨେ͖͘2ͭ • ίϨΫγϣϯɿಉछͷΦϒδΣΫτΛෳฒͯදࣔ͢Δͷ • γϯάϧɿ1ͭͷϏϡʔͰ1ͭͷΦϒδΣΫτΛදࣔ͢Δͷ ΦϒδΣΫτࢦUIσβΠϯ
p.56
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 33 • ΦϒδΣΫτؒͷܨ͕Γͱଟॏੑ͔ΒࢀরՄೳੑΛಋ͖ɺφϏήʔγϣϯΛఆٛ͢Δ • φϏήʔγϣϯϏϡʔಉ࢜ͷݺͼग़ؔ͠Ͱ͋Γɺը໘ભҠͰͳ͍͜ͱʹҙ • ΠϯλϥΫγϣϯը໘ͱ͍͏୯Ґʹґଘ͠ͳ͍நͷϨΠϠʔ ΦϒδΣΫτࢦUIσβΠϯ
p.56
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 34 ΦϒδΣΫτࢦUIσβΠϯ p.58 ΦϒδΣΫτࢦUIσβΠϯ p.57
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 35 ΦϒδΣΫτࢦUIσβΠϯ p.59 ΦϒδΣΫτࢦUIσβΠϯ p.58
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 36 • ΠϯλϥΫγϣϯΛө͢ΔΑ͏ʹϏϡʔΛஔͯ͠ɺϢʔ ザ ʔ が ࣮ࡍʹ ʹ͢Δը໘Λߏ͢Δ
• ը໘ͷ୯ҐΛม͑Δ͜ͱ で ɺ·ͬͨ͘ಉ じ UIϞ デ ϧͰҟͳΔը໘ڥʹ ରԠ で ͖Δ • ͢ͰʹҰൠԽ͍ͯ͠ΔϨΠΞτύλʔϯΛ౿ऻ͢Δ͜ͱͰɺϢʔβʔͷ ֶशޮૢ࡞ੑΛ্Ͱ͖Δ
جຊͷ࣮ફྫ 37
λεΫͷஅยΛચ͍ग़͢ 38 • ΞϓϦέʔγϣϯ͕ൃ͞Εͨͱ͖ ͷখ͞ͳҙࣝͷू·Γ • ࣄલͷϦαʔνཁٻੳͳͲʹ Αͬͯἧ͑Δ ΦϒδΣΫτࢦUIσβΠϯ p.64
໊ࢺΛநग़͢Δ 39 • ػցతʹൈ͖ग़͢ͷͰͳ͘ɺ Ϣʔβʔͷؔ৺ͷରͱͳΔ֓೦ Կ͔Λߟ͑ͯൈ͖ग़͢ ΦϒδΣΫτࢦUIσβΠϯ p.65
໊ࢺಉ࢜ͷؔΛཧ͢Δ 40 • λεΫʹෳͷ໊ࢺؚ͕·ΕΔ ߹ઢͰͭͳ͍Ͱؔ࿈Λࣔ͢ ΦϒδΣΫτࢦUIσβΠϯ p.67
໊ࢺΛ൚Խ͠ɺཻΛἧ͑Δ 41 • λεΫͷதʹग़ͯ͜ͳ໊͍ࢺΛ ৽ͨʹཱͯͯྑ͍ • ·ͱΊํʹܾ·Γͳ͍ ʢؔ৺ྖҬʹΑΔͨΊʣ ΦϒδΣΫτࢦUIσβΠϯ p.68
໊ࢺͷؔੑΛͭͳ͛Δ 42 • ಉ໊͡ࢺΛ౷߹ͯ͠ɺ ωοτϫʔΫঢ়ʹͭͳ͛Δ • ΞϓϦέʔγϣϯશମΛ௨ͯ͡ ѻΘΕΔΦϒδΣΫτͷߏ͕ ݟ͑ͯ͘Δ ΦϒδΣΫτࢦUIσβΠϯ
p.69
ϝΠϯΦϒδΣΫτͱͦͷଟॏੑΛಛఆ͢Δ 43 • ΦϒδΣΫτͷ༏ઌΛߟ͑ͯɺ ओཁͳͷͱͦ͏Ͱͳ͍ͷʹ ͚Δ • ͚ํʹܾ·Γͳ͍ ʢؔ৺ྖҬʹΑΔͨΊʣ •
ϝΠϯΦϒδΣΫτؒͰଟॏʹͳΔ Մೳੑ͕͋Δͷͷଆʹʮ*ʯΛ ͚Δ ΦϒδΣΫτࢦUIσβΠϯ p.70
ਵ͢ΔΦϒδΣΫτΛϓϩύςΟʹ͢Δ 44 • λεΫʹ໌ࣔ͞Ε͍ͯͳͯ͘ɺ ඞཁʹͳΓͦ͏ͳϓϩύςΟ͕ ͋ΕՃ͢Δ • ؔ࿈͢ΔϝΠϯΦϒδΣΫτಉ࢜ ͦΕͧΕͷϓϩύςΟͰ͋Δͱ ߟ͑Δ
ΦϒδΣΫτࢦUIσβΠϯ p.71
λεΫͷಈࢺ͔ΒΞΫγϣϯΛݟ͚ͭΔ 45 • ϓϩύςΟͱಉ༷ʹɺඞཁʹͳΓ ͦ͏ͳΞΫγϣϯ͕͋Εิ͢Δ • ʮ֬ೝ͢ΔʯͳͲΞΫγϣϯʹ ؚΊͳ͍ʢදࣔ͢ΕࡁΉͨΊʣ • ϓϩύςΟʹඥͮ͘ΞΫγϣϯɺ
ϝΠϯΦϒδΣΫτʹඥ͚ͮΔ͔ ϓϩύςΟ໊ΛೖΕͨΞΫγϣϯΛ ͭ͘ΔͱΘ͔Γ͍͢ ΦϒδΣΫτࢦUIσβΠϯ p.75
ϝΠϯΦϒδΣΫτʹϏϡʔΛ༩͑Δ 46 • ্ਤ2छྨͷϏϡʔΛػցతʹ༻ҙ͍ͯ͠Δ͕࠷ऴతʹলུ͢Δ߹͋Δ ʢOOUIຊ p.79ࢀরʣɻলུͷஅޙͷஈ֊Ͱྑ͍ • ίϨΫγϣϯϏϡʔ͔ΒγϯάϧϏϡʔΛݺͼग़͢ྲྀΕΛҹͰࣔ͢ ΦϒδΣΫτࢦUIσβΠϯ p.79
Ϗϡʔؒͷݺͼग़ؔ͠Λݕ౼͢Δ 47 • ϝΠϯΦϒδΣΫτಉ࢜ͷͭͳ͕Γͱଟॏੑ͔ΒࢀরՄೳੑΛಋ͖ग़͠ɺ φϏήʔγϣϯͱͯ͠ͷݺͼग़ؔ͠Λఆٛ͢Δ • ௨ৗɺγϯάϧϏϡʔΛࢀরݩͱͯ͠ɺଟॏੑ͕͋Δ߹ίϨΫγϣϯ Ϗϡʔ͕ࢀরઌʹɺଟॏੑ͕ͳ͍߹γϯάϧϏϡʔ͕ࢀরઌʹͳΔ ΦϒδΣΫτࢦUIσβΠϯ p.82
ϧʔτφϏήʔγϣϯ߲Λબఆ͢Δ 48 • ϝΠϯΦϒδΣΫτͷத͔ΒಛʹॏཁͳͷΛฒΔ • Ϣʔβʔ͕ΞϓϦέʔγϣϯΛ͏ࡍʹɺ࠷ॳʹࢥ͍ු͔ΔΦϒδΣΫτ Λબఆ͢Δ • ΞϓϦέʔγϣϯΛʮػೳʯͰͳ͘ʮͷʯ͕ฒΜͰ͍ΔΠϝʔδͰଊ͑Δ ΦϒδΣΫτࢦUIσβΠϯ
p.82
ϨΠΞτΛݕ౼͢Δ 49 • ϝΠϯΦϒδΣΫτಉ࢜ͷ ࢀরؔΛ౿·͑ͯϨΠΞτ ύλʔϯΛద༻͢Δ • OOUIʹదͨ͠ϨΠΞτύλʔϯ ͷղઆOOUIຊΛࢀরͷ͜ͱ ʢεϥΠυʹॻ͖Εͳ͍΄Ͳ
͔ͬ͠Γղઆ͞Ε͍ͯ·͢ʣ ΦϒδΣΫτࢦUIσβΠϯ p.92
ϏδϡΞϧσβΠϯΛߦ͏ 50 • ʑมԽ͢ΔϏδϡΞϧදݱͷτϨϯυϓϥοτϑΥʔϜ͝ͱͷඪ४ͳͲΛ ߟྀͭͭ͠ɺݟ͘͢Θ͔Γ͍͢දݱʹ͢Δ ΦϒδΣΫτࢦUIσβΠϯ p.121
OOUIΛֶΔࢿྉ 51
OOUIຊ 52 • ΦϒδΣΫτࢦUIσβΠϯ ͍͍͢ιϑτΣΞͷݪཧ • OOUIʹ͍ͭͯͷຊޠͷॻ੶ ͨͿΜ͜Ε͚ͩ https://www.sociomedia.co.jp/10046
• ຊΛಡΉલʹશମ૾Λ௫Ήͷʹ ͓͢͢Ί • 1࣌ؒ͋Γ·͢ OOUIຊͷஶऀͷొஃಈը 53 https://youtu.be/2jqXiAhqCm0?t=4097
OOUIຊͷஶऀͷϒϩάͱTwitter 54 • ຊͱҧ͏ΓޱͰઆ໌͞Ε͍ͯΔ͜ͱ͕͋Γɺཧղ͕ਂ·Δ https://www.sociomedia.co.jp/category/blog https://twitter.com/manabuueno
·ͱΊ 55
OOUI ͍͖ͬͯ·͠ΐ͏ʂ 56 • ΦϒδΣΫτࢦUI • ʮ͍͢͞ʯͱʮ։ൃ͢͠͞ʯΛཱ྆͢ΔιϑτΣΞͷʮݪཧʯ • ໊ࢺ →
ಈࢺ • ◦ϞʔυϨεɺ✗Ϟʔμϧ • എܠͷֶ۩ମతͳઃܭํ๏ɺ͢ͰʹλεΫࢦͳUIΛΦϒδΣΫτࢦ ʹ͢Δํ๏ͳͲৄࡉใɺॻ੶ಈը͕͓͢͢Ί