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
410
はじめての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
77
なぜ宣言的 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
290
設計できるエンジニアになるには / 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
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
970
Android Audio: Beyond Winning On It
atsushieno
0
880
2025年になってもまだMySQLが好き
yoku0825
8
4.8k
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
2
250
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
300
DDD集約とサービスコンテキスト境界との関係性
pandayumi
3
290
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.6k
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
170
Modern Linux
oracle4engineer
PRO
0
140
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
300
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.5k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
Designing for Performance
lara
610
69k
The Language of Interfaces
destraynor
161
25k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
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ΛΦϒδΣΫτࢦ ʹ͢Δํ๏ͳͲৄࡉใɺॻ੶ಈը͕͓͢͢Ί