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
300
はじめてのOOUI / Let's get OOUI started
Ueni
March 09, 2022
Tweet
Share
More Decks by Ueni
See All by Ueni
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
改善サイクル大臣 基調講演 / Keynote by minister of improvement cycle
uenitty
0
64
面接で伸びしろを感じさせる方法 / How to make the interviewer feel like you have potential
uenitty
2
540
わかりやすい説明やプレゼンはマジックで鍛えられる説 / Presentation skills could be honed through magic
uenitty
0
160
設計できるエンジニアになるには / Design Guidelines for all engineers
uenitty
2
240
デザインリサーチとは何か / What is Design Research
uenitty
0
160
amazonのすごい会議 / amazing meeting of amazon
uenitty
0
250
本当にあったモーダルの怖い話 / Terrifying Nonfiction of Modal
uenitty
10
7.3k
OOUI設計の実践 / Practice of OOUI Design
uenitty
5
1k
Other Decks in Technology
See All in Technology
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
640
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
960
エンジニア向け会社紹介資料
caddi_eng
14
230k
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
What's in a price? How to price your products and services
michaelherold
239
11k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Music & Morning Musume
bryan
43
5.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
The Pragmatic Product Professional
lauravandoore
29
6.1k
Visualization
eitanlees
139
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
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ΛΦϒδΣΫτࢦ ʹ͢Δํ๏ͳͲৄࡉใɺॻ੶ಈը͕͓͢͢Ί