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
370
はじめての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
1
280
AI 時代に何しよう?「不便」をもっと作り出そう! / In the Age of AI, Let's Leverage the 'Benefit of Inconvenience'!
uenitty
1
53
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
32
15k
改善サイクル大臣 基調講演 / Keynote by minister of improvement cycle
uenitty
0
130
面接で伸びしろを感じさせる方法 / How to make the interviewer feel like you have potential
uenitty
2
690
わかりやすい説明やプレゼンはマジックで鍛えられる説 / Presentation skills could be honed through magic
uenitty
0
260
設計できるエンジニアになるには / Design Guidelines for all engineers
uenitty
2
310
デザインリサーチとは何か / What is Design Research
uenitty
0
230
amazonのすごい会議 / amazing meeting of amazon
uenitty
0
360
Other Decks in Technology
See All in Technology
DETR手法の変遷と最新動向(CVPR2025)
tenten0727
2
920
Webアプリを Lambdaで動かすまでに考えること / How to implement monolithic Lambda Web Application
_kensh
7
1.2k
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
180
こんなデータマートは嫌だ。どんな? / waiwai-data-meetup-202504
shuntak
5
1.7k
OPENLOGI Company Profile for engineer
hr01
1
23k
ペアーズにおけるData Catalog導入の取り組み
hisamouna
0
270
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
340
アプリケーション固有の「ロジックの脆弱性」を防ぐ開発者のためのセキュリティ観点
flatt_security
40
16k
古き良き Laravel のシステムは関数型スタイルでリファクタできるのか
leveragestech
1
620
似たような課題が何度も蘇ってくるゾンビふりかえりを撲滅するため、ふりかえりのテーマをフォーカスしてもらった話 / focusing on the theme
naitosatoshi
0
360
CBになったのでEKSのこともっと知ってもらいたい!
daitak
1
150
試験は暗記より理解 〜効果的な試験勉強とその後への活かし方〜
fukazawashun
0
320
Featured
See All Featured
Docker and Python
trallard
44
3.3k
Gamification - CAS2011
davidbonilla
81
5.2k
We Have a Design System, Now What?
morganepeng
52
7.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Rails Girls Zürich Keynote
gr2m
94
13k
Producing Creativity
orderedlist
PRO
344
40k
Optimizing for Happiness
mojombo
377
70k
A Tale of Four Properties
chriscoyier
158
23k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
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ΛΦϒδΣΫτࢦ ʹ͢Δํ๏ͳͲৄࡉใɺॻ੶ಈը͕͓͢͢Ί