はじめてのOOUI / Let's get OOUI started

Slide 1

Slide 1 text

@uenitty ͸͡Ίͯͷ OOUI wellday OOUIϫʔΫγϣοϓ 2022/03/09

Slide 2

Slide 2 text

ࢀߟॻ 2 • ಺༰͸͔ͳΓল͍͍ͯ·͢ • ࣗ෼ͷղऍͰ࠶ߏ੒͍ͯ͠·͢ • ؒҧ͍͕͋ͬͨΒ͝ΊΜͳ͍͞ • ͥͻຊΛಡΜͰ͍ͩ͘͞ʂ https://www.sociomedia.co.jp/10046

Slide 3

Slide 3 text

OOUIͱ͸ 3 • ΦϒδΣΫτࢦ޲UIʢObject-Oriented User Interfaceʣ • OOUI͸ʮ࢖͍΍͢͞ʯͱʮ։ൃ͠΍͢͞ʯཱ͕྆Ͱ͖Δ

Slide 4

Slide 4 text

ΦϒδΣΫτࢦ޲ͱ͸ 4 • ΦϒδΣΫτ • ໨౰ͯɺ໨తɺର৅෺ɺ΋ͷ • ࢦ޲ • ͋Δํ޲΍໨తʹ޲͔͏͜ͱɺ޲͔ΘͤΔ͜ͱ • ΦϒδΣΫτࢦ޲ • ໨౰ͯͷର৅෺ʹண໨͢Δ͜ͱ

Slide 5

Slide 5 text

ΦϒδΣΫτࢦ޲ͱ͸ 5 • ΦϒδΣΫτ • ໨౰ͯɺ໨తɺର৅෺ɺ΋ͷ • ࢦ޲ • ͋Δํ޲΍໨తʹ޲͔͏͜ͱɺ޲͔ΘͤΔ͜ͱ • ΦϒδΣΫτࢦ޲ • ໨౰ͯʹண໨͢Δ͜ͱ

Slide 6

Slide 6 text

۩ମྫ 6 • πΠʔτ Λ ౤ߘ͢Δ • πΠʔτ Λ Ӿཡ͢Δ • πΠʔτ ʹ ͍͍Ͷ͢Δ • πΠʔτ Λ ࡟আ͢Δ

Slide 7

Slide 7 text

۩ମྫ 7 • πΠʔτ Λ ౤ߘ͢Δ • πΠʔτ Λ Ӿཡ͢Δ • πΠʔτ ʹ ͍͍Ͷ͢Δ • πΠʔτ Λ ࡟আ͢Δ ໊ࢺ ಈࢺ ໨౰ͯ ػೳ ΦϒδΣΫτ λεΫ

Slide 8

Slide 8 text

ΦϒδΣΫτΛࢦ޲ͨ͠UIͷྫ 8 πΠʔτ • ࠷ॳ͔Β໨౰ͯͷର৅෺͕ݟ͍͑ͯΔ • ૢ࡞ର৅Λબ୒ͯ͠ɺΞΫγϣϯΛબ୒͢Δ • ໊ࢺ → ಈࢺ • ܾ·ͬͨૢ࡞ॱং͸ͳ͍ • ϞʔυϨε

Slide 9

Slide 9 text

λεΫΛࢦ޲ͨ͠UIͷྫ 9 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ

Slide 10

Slide 10 text

λεΫΛࢦ޲ͨ͠UIͷྫ 10 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ

Slide 11

Slide 11 text

λεΫΛࢦ޲ͨ͠UIͷྫ 11 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ

Slide 12

Slide 12 text

λεΫΛࢦ޲ͨ͠UIͷྫ 12 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ ͍͍Ͷ͢ΔπΠʔτΛ બ୒͍ͯͩ͘͠͞

Slide 13

Slide 13 text

λεΫΛࢦ޲ͨ͠UIͷྫ 13 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ ͍͍Ͷ͢ΔπΠʔτΛ બ୒͍ͯͩ͘͠͞

Slide 14

Slide 14 text

λεΫΛࢦ޲ͨ͠UIͷྫ 14 ౤ߘ͢Δ Ӿཡ͢Δ ͍͍Ͷ͢Δ ࡟আ͢Δ • ର৅෺͕ݟ͍͑ͯͳ͍ • ΞΫγϣϯΛબ୒ͯ͠ɺૢ࡞ର৅Λબ୒͢Δ • ಈࢺ → ໊ࢺ • ૢ࡞Λ࢝ΊΔͱଞͷ͜ͱ͕Ͱ͖ͳ͍ • Ϟʔμϧ

Slide 15

Slide 15 text

λεΫࢦ޲UI 15 • Ͱ͖Δ͜ͱͷ෼͚ͩબ୒ࢶ͕ඞཁ ͳͨΊɺը໘ߏ੒΍ը໘ભҠ͸ ෳࡶʹͳΔ • খ͞ͳ࢓༷มߋ΍ػೳ௥ՃͰ΋ େن໛ͳ։ൃ͕ඞཁʹͳΓɺ ৚݅෼ذ͕૿͑ΔͨΊόά΋ଟ͍ ΦϒδΣΫτࢦ޲UIσβΠϯ p.39

Slide 16

Slide 16 text

ΦϒδΣΫτࢦ޲UI 16 • Ͱ͖Δ͜ͱ͕ଟ͔ͬͨΓ૿͑ͨΓ ͯ͠΋ɺը໘ߏ੒΍ૢ࡞ํ๏͸ γϯϓϧͳ·· • ࢓༷มߋ΍ػೳ௥Ճͷ޻਺͸ খن໛ͰࡁΈɺ৚݅෼ذ͕গͳ͘ όά΋গͳ͍ ΦϒδΣΫτࢦ޲UIσβΠϯ p.40

Slide 17

Slide 17 text

ΦϒδΣΫτࢦ޲UIͷݪଇ 17 • ΦϒδΣΫτΛ஌֮Ͱ͖௚઀తʹಇ͖͔͚ΒΕΔ • ΦϒδΣΫτ͸ࣗ਎ͷੑ࣭ͱঢ়ଶΛମݱ͢Δ • ΦϒδΣΫτબ୒→ΞΫγϣϯબ୒ ͷૢ࡞ॱং • ͢΂ͯͷΦϒδΣΫτ͕ޓ͍ʹڠௐ͠ͳ͕ΒUIΛߏ੒͢Δ

Slide 18

Slide 18 text

ΦϒδΣΫτΛ஌֮Ͱ͖௚઀తʹಇ͖͔͚ΒΕΔ 18 • ର৅෺͕ݟ͓͑ͯΓɺʮԿΛͰ͖Δ͔ʯͷώϯτ͕ಘΒΕΔ • ৮Δ͜ͱ͕Ͱ͖ɺର৅෺ͷมԽͱͯ͠࡞ۀ݁Ռ͕ೝࣝͰ͖Δ 􀁢 􀁠

Slide 19

Slide 19 text

ΦϒδΣΫτ͸ࣗ਎ͷੑ࣭ͱঢ়ଶΛମݱ͢Δ 19 • Ϣʔβʔ͕ঢ়گΛ೺Ѳ͠ɺ࣍ʹߦ͏΂͖ૢ࡞Λߟ͑ΒΕΔΑ͏ʹ͢Δ • ϢʔβʔͷΞΫγϣϯʹରͯ͠ϦΞϧλΠϜʹ൓ԠΛฦ͢ • ϦΞϧੈքͷ෺ཧੑΛ࣋ͬͨʮ΋ͷʯͱಉ͡ײ֮Ͱѻ͑ΔΑ͏ʹ͢Δ https://www.sociomedia.co.jp/9267

Slide 20

Slide 20 text

ΦϒδΣΫτબ୒→ΞΫγϣϯબ୒ ͷૢ࡞ॱং 20 • ʮ໊ࢺ→ಈࢺʯͷૢ࡞ॱংʹ͢Δ͜ͱ • ʮಈࢺ→໊ࢺʯ͸ݱ࣮Ͱ͸͋Γ͑ͳ͍ ʢ౤͔͛ͯΒੴΛ࣋ͭਓ͸͍ͳ͍ʣ https://www.sociomedia.co.jp/8740 1. ΦϒδΣΫτબ୒ 2. ΞΫγϣϯબ୒

Slide 21

Slide 21 text

͢΂ͯͷΦϒδΣΫτ͕ޓ͍ʹڠௐ͠ͳ͕ΒUIΛߏ੒͢Δ 21 • ϦΞϧੈքͷ๏ଇΛϝλϑΝʔʹɺ όʔνϟϧੈք΁ͷؔΘΓํΛ ࣗવʹମಘͰ͖ΔΑ͏ʹԋग़͢Δ • ΞϥϯɾέΠ͸͜ΕΛ ʮϢʔβʔΠϦϡʔδϣϯʯ ͱݺΜͰॏཁੑΛઆ͍ͨ https://www.apple.com/jp/macos/big-sur-preview/

Slide 22

Slide 22 text

͜Ε͸OOUI 22 https://www.apple.com/jp/newsroom/

Slide 23

Slide 23 text

͜Ε͸OOUI͡Όͳ͍ 23 https://www.aichibank.co.jp/atm/using/guide/

Slide 24

Slide 24 text

͜Ε͸OOUI 24 https://abema.tv/

Slide 25

Slide 25 text

͜Ε͸OOUI͡Όͳ͍ 25 https://abema.tv/channels/payperview-1/slots/AakjKLgTGb6msu ΞΧ΢ϯτ͋Γ & ίΠϯ͋Γͷ৔߹ ߪೖ׬ྃ ΞΧ΢ϯτ͋Γ & ίΠϯͳ͠ͷ৔߹ ్தͰΩϟϯηϧͷ৔߹ ৼΓग़͠ʹ໭Δ ΞΧ΢ϯτͳ͠ & ίΠϯͳ͠ͷ৔߹

Slide 26

Slide 26 text

OOUI͕࣮ݱ͢Δʮ࢖͍΍͢͞ʯ 26 • ୭Ͱ΋࢖͑Δಓ۩ • iPhoneʹ͸આ໌ॻ͕ͳ͍ • ΦϒδΣΫτͷ൓ԠΛݟͳ͕Βࢼߦࡨޡ͢ΔதͰɺ΍Γ͍ͨ͜ͱΛ ࣮ݱͰ͖Δ • ࣗ༝ͳૢ࡞ॱং • ϞʔυϨε

Slide 27

Slide 27 text

OOUI͕࣮ݱ͢Δʮ࡞Γ΍͢͞ʯ 27 • গͳ͍ը໘਺ɺγϯϓϧͳը໘ભҠ • λεΫࢦ޲UIͩͱ5ʙ20ഒͷը໘਺͕ඞཁʹͳΔ※ • গͳ͍৚݅෼ذ = গͳ͍όά • ෳࡶͳ৚݅෼ذ͸ɺϢʔβʔͷࢥߟ΍൑அͷதʹҠಈ͢Δ • ਖ਼֬ͳ޻਺ݟੵɺαʔϏε੒௕΁ͷૉૣ͍௥ै • มΘΓʹ͍͘΋ͷΛ࣠ʹ࣮૷͢Δ͜ͱʹͳΔͨΊɺมߋՕॴ͕໌֬ʹ ͳΓɺ޻਺͕গͳ͘ͳΔ ※ ΦϒδΣΫτࢦ޲UIσβΠϯ p.ix

Slide 28

Slide 28 text

OOUIઃܭͷجຊεςοϓ 28

Slide 29

Slide 29 text

OOUIઃܭͷجຊεςοϓ 29 1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 3. ϨΠΞ΢τύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ ͜ΕΒΛॱෆಉͰ܁Γฦ͠ௐ੔͠ɺશମͱͯ͠ͷ·ͱ·ΓΛ࡞Γ্͛Δ

Slide 30

Slide 30 text

1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 30 • ϢʔβʔͷϝϯλϧϞσϧ΍ۀ຿ͷதʹͲͷΑ͏ͳ֓೦͕ଘࡏ͍ͯ͠Δ͔ௐ΂Δ • ͋Δ֓೦͕ΦϒδΣΫτͱ͍͑Δ͔൑அ͢Δख͕͔Γ • ਺͑ΒΕΔ໊ࢺͱͯ͠දͤΔ • ಉछͷू߹ͱͯ͠؅ཧ͞ΕಘΔ • ڞ௨ͷΞΫγϣϯΛ͍࣋ͬͯΔ ΦϒδΣΫτࢦ޲UIσβΠϯ p.54

Slide 31

Slide 31 text

2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 31 • ͻͱ·ͱ·Γͷ৘ใදࣔྖҬʢϏϡʔʣͱ ͦΕΒͷݺͼग़ؔ͠܎ʢφϏήʔγϣϯʣ Λߟ͑Δ • 1ͭͷΦϒδΣΫτ͸ɺ৔໘ʹԠͯ࢟͡Λ ม͑ɺҟͳΔ໘ੵ΍৘ใͷৄࡉ౓Ͱ Ϣʔβʔʹ޲͚ͯද৅͞ΕΔͨΊɺ ͜ͷதؒతͳந৅౓ͷϨΠϠʔ͕ ॊೈͳOOUIΛߏங͢Δ্ͰॏཁʹͳΔ ΦϒδΣΫτࢦ޲UIσβΠϯ p.100

Slide 32

Slide 32 text

2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 32 • Ϗϡʔʢͻͱ·ͱ·Γͷ৘ใදࣔྖҬʣͷछྨ͸େ͖͘2ͭ • ίϨΫγϣϯɿಉछͷΦϒδΣΫτΛෳ਺ฒ΂ͯදࣔ͢Δ΋ͷ • γϯάϧɿ1ͭͷϏϡʔͰ1ͭͷΦϒδΣΫτΛදࣔ͢Δ΋ͷ ΦϒδΣΫτࢦ޲UIσβΠϯ p.56

Slide 33

Slide 33 text

2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 33 • ΦϒδΣΫτؒͷܨ͕Γͱଟॏੑ͔ΒࢀরՄೳੑΛಋ͖ɺφϏήʔγϣϯΛఆٛ͢Δ • φϏήʔγϣϯ͸Ϗϡʔಉ࢜ͷݺͼग़ؔ͠܎Ͱ͋Γɺը໘ભҠͰ͸ͳ͍͜ͱʹ஫ҙ • ΠϯλϥΫγϣϯ૚͸ը໘ͱ͍͏୯Ґʹґଘ͠ͳ͍ந৅౓ͷϨΠϠʔ ΦϒδΣΫτࢦ޲UIσβΠϯ p.56

Slide 34

Slide 34 text

3. ϨΠΞ΢τύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 34 ΦϒδΣΫτࢦ޲UIσβΠϯ p.58 ΦϒδΣΫτࢦ޲UIσβΠϯ p.57

Slide 35

Slide 35 text

3. ϨΠΞ΢τύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 35 ΦϒδΣΫτࢦ޲UIσβΠϯ p.59 ΦϒδΣΫτࢦ޲UIσβΠϯ p.58

Slide 36

Slide 36 text

3. ϨΠΞ΢τύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 36 • ΠϯλϥΫγϣϯ૚Λ൓ө͢ΔΑ͏ʹϏϡʔΛ഑ஔͯ͠ɺϢʔ ザ ʔ が ࣮ࡍʹ ໨ʹ͢Δը໘Λߏ੒͢Δ • ը໘ͷ୯ҐΛม͑Δ͜ͱ で ɺ·ͬͨ͘ಉ じ UIϞ デ ϧͰҟͳΔը໘؀ڥʹ ରԠ で ͖Δ • ͢ͰʹҰൠԽ͍ͯ͠ΔϨΠΞ΢τύλʔϯΛ౿ऻ͢Δ͜ͱͰɺϢʔβʔͷ ֶशޮ཰΍ૢ࡞ੑΛ޲্Ͱ͖Δ

Slide 37

Slide 37 text

جຊͷ࣮ફྫ 37

Slide 38

Slide 38 text

λεΫͷஅยΛચ͍ग़͢ 38 • ΞϓϦέʔγϣϯ͕ൃ૝͞Εͨͱ͖ ͷখ͞ͳ໰୊ҙࣝͷू·Γ • ࣄલͷϦαʔν΍ཁٻ෼ੳͳͲʹ Αͬͯἧ͑Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.64

Slide 39

Slide 39 text

໊ࢺΛநग़͢Δ 39 • ػցతʹൈ͖ग़͢ͷͰ͸ͳ͘ɺ Ϣʔβʔͷؔ৺ͷର৅ͱͳΔ֓೦͸ Կ͔Λߟ͑ͯൈ͖ग़͢ ΦϒδΣΫτࢦ޲UIσβΠϯ p.65

Slide 40

Slide 40 text

໊ࢺಉ࢜ͷؔ܎Λ੔ཧ͢Δ 40 • λεΫʹෳ਺ͷ໊ࢺؚ͕·ΕΔ ৔߹͸ઢͰͭͳ͍Ͱؔ࿈Λࣔ͢ ΦϒδΣΫτࢦ޲UIσβΠϯ p.67

Slide 41

Slide 41 text

໊ࢺΛ൚Խ͠ɺཻ౓Λἧ͑Δ 41 • λεΫͷதʹग़ͯ͜ͳ໊͍ࢺΛ ৽ͨʹཱͯͯ΋ྑ͍ • ·ͱΊํʹܾ·Γ͸ͳ͍ ʢؔ৺ྖҬʹΑΔͨΊʣ ΦϒδΣΫτࢦ޲UIσβΠϯ p.68

Slide 42

Slide 42 text

໊ࢺͷؔ܎ੑΛͭͳ͛Δ 42 • ಉ໊͡ࢺΛ౷߹ͯ͠ɺ ωοτϫʔΫঢ়ʹͭͳ͛Δ • ΞϓϦέʔγϣϯશମΛ௨ͯ͡ ѻΘΕΔΦϒδΣΫτͷߏ੒͕ ݟ͑ͯ͘Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.69

Slide 43

Slide 43 text

ϝΠϯΦϒδΣΫτͱͦͷଟॏੑΛಛఆ͢Δ 43 • ΦϒδΣΫτͷ༏ઌ౓Λߟ͑ͯɺ ओཁͳ΋ͷͱͦ͏Ͱͳ͍΋ͷʹ ෼͚Δ • ෼͚ํʹܾ·Γ͸ͳ͍ ʢؔ৺ྖҬʹΑΔͨΊʣ • ϝΠϯΦϒδΣΫτؒͰଟॏʹͳΔ Մೳੑ͕͋Δ΋ͷͷଆʹʮ*ʯΛ ෇͚Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.70

Slide 44

Slide 44 text

෇ਵ͢ΔΦϒδΣΫτΛϓϩύςΟʹ͢Δ 44 • λεΫʹ໌ࣔ͞Ε͍ͯͳͯ͘΋ɺ ඞཁʹͳΓͦ͏ͳϓϩύςΟ͕ ͋Ε͹௥Ճ͢Δ • ؔ࿈͢ΔϝΠϯΦϒδΣΫτಉ࢜΋ ͦΕͧΕͷϓϩύςΟͰ͋Δͱ ߟ͑Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.71

Slide 45

Slide 45 text

λεΫͷಈࢺ͔ΒΞΫγϣϯΛݟ͚ͭΔ 45 • ϓϩύςΟͱಉ༷ʹɺඞཁʹͳΓ ͦ͏ͳΞΫγϣϯ͕͋Ε͹ิ଍͢Δ • ʮ֬ೝ͢ΔʯͳͲ͸ΞΫγϣϯʹ ؚΊͳ͍ʢදࣔ͢Ε͹ࡁΉͨΊʣ • ϓϩύςΟʹඥͮ͘ΞΫγϣϯ͸ɺ ϝΠϯΦϒδΣΫτʹඥ͚ͮΔ͔ ϓϩύςΟ໊ΛೖΕͨΞΫγϣϯΛ ͭ͘ΔͱΘ͔Γ΍͍͢ ΦϒδΣΫτࢦ޲UIσβΠϯ p.75

Slide 46

Slide 46 text

ϝΠϯΦϒδΣΫτʹϏϡʔΛ༩͑Δ 46 • ্ਤ͸2छྨͷϏϡʔΛػցతʹ༻ҙ͍ͯ͠Δ͕࠷ऴతʹলུ͢Δ৔߹΋͋Δ ʢOOUIຊ p.79ࢀরʣɻলུͷ൑அ͸ޙͷஈ֊Ͱ΋ྑ͍ • ίϨΫγϣϯϏϡʔ͔ΒγϯάϧϏϡʔΛݺͼग़͢ྲྀΕΛ໼ҹͰࣔ͢ ΦϒδΣΫτࢦ޲UIσβΠϯ p.79

Slide 47

Slide 47 text

Ϗϡʔؒͷݺͼग़ؔ͠܎Λݕ౼͢Δ 47 • ϝΠϯΦϒδΣΫτಉ࢜ͷͭͳ͕Γͱଟॏੑ͔ΒࢀরՄೳੑΛಋ͖ग़͠ɺ φϏήʔγϣϯͱͯ͠ͷݺͼग़ؔ͠܎Λఆٛ͢Δ • ௨ৗɺγϯάϧϏϡʔΛࢀরݩͱͯ͠ɺଟॏੑ͕͋Δ৔߹͸ίϨΫγϣϯ Ϗϡʔ͕ࢀরઌʹɺଟॏੑ͕ͳ͍৔߹͸γϯάϧϏϡʔ͕ࢀরઌʹͳΔ ΦϒδΣΫτࢦ޲UIσβΠϯ p.82

Slide 48

Slide 48 text

ϧʔτφϏήʔγϣϯ߲໨Λબఆ͢Δ 48 • ϝΠϯΦϒδΣΫτͷத͔Βಛʹॏཁͳ΋ͷΛฒ΂Δ • Ϣʔβʔ͕ΞϓϦέʔγϣϯΛ࢖͏ࡍʹɺ࠷ॳʹࢥ͍ු͔΂ΔΦϒδΣΫτ Λબఆ͢Δ • ΞϓϦέʔγϣϯΛʮػೳʯͰ͸ͳ͘ʮ΋ͷʯ͕ฒΜͰ͍ΔΠϝʔδͰଊ͑Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.82

Slide 49

Slide 49 text

ϨΠΞ΢τΛݕ౼͢Δ 49 • ϝΠϯΦϒδΣΫτಉ࢜ͷ ࢀরؔ܎Λ౿·͑ͯϨΠΞ΢τ ύλʔϯΛద༻͢Δ • OOUIʹదͨ͠ϨΠΞ΢τύλʔϯ ͷղઆ͸OOUIຊΛࢀরͷ͜ͱ ʢεϥΠυʹॻ͖੾Εͳ͍΄Ͳ ͔ͬ͠Γղઆ͞Ε͍ͯ·͢ʣ ΦϒδΣΫτࢦ޲UIσβΠϯ p.92

Slide 50

Slide 50 text

ϏδϡΞϧσβΠϯΛߦ͏ 50 • ೥ʑมԽ͢ΔϏδϡΞϧදݱͷτϨϯυ΍ϓϥοτϑΥʔϜ͝ͱͷඪ४ͳͲΛ ߟྀͭͭ͠ɺݟ΍͘͢Θ͔Γ΍͍͢දݱʹ͢Δ ΦϒδΣΫτࢦ޲UIσβΠϯ p.121

Slide 51

Slide 51 text

OOUIΛֶ΂Δࢿྉ 51

Slide 52

Slide 52 text

OOUIຊ 52 • ΦϒδΣΫτࢦ޲UIσβΠϯ ࢖͍΍͍͢ιϑτ΢ΣΞͷݪཧ • OOUIʹ͍ͭͯͷ೔ຊޠͷॻ੶͸ ͨͿΜ͜Ε͚ͩ https://www.sociomedia.co.jp/10046

Slide 53

Slide 53 text

• ຊΛಡΉલʹશମ૾Λ௫Ήͷʹ ͓͢͢Ί • 1࣌ؒ͋Γ·͢ OOUIຊͷஶऀͷొஃಈը 53 https://youtu.be/2jqXiAhqCm0?t=4097 􀊕

Slide 54

Slide 54 text

OOUIຊͷஶऀͷϒϩάͱTwitter 54 • ຊͱ͸ҧ͏੾ΓޱͰઆ໌͞Ε͍ͯΔ͜ͱ͕͋Γɺཧղ͕ਂ·Δ https://www.sociomedia.co.jp/category/blog https://twitter.com/manabuueno

Slide 55

Slide 55 text

·ͱΊ 55

Slide 56

Slide 56 text

OOUI ΍͍͖ͬͯ·͠ΐ͏ʂ 56 • ΦϒδΣΫτࢦ޲UI • ʮ࢖͍΍͢͞ʯͱʮ։ൃ͠΍͢͞ʯΛཱ྆͢Διϑτ΢ΣΞͷʮݪཧʯ • ໊ࢺ → ಈࢺ • ○ϞʔυϨεɺ✗Ϟʔμϧ • എܠͷ఩ֶ΍۩ମతͳઃܭํ๏ɺ͢ͰʹλεΫࢦ޲ͳUIΛΦϒδΣΫτࢦ޲ ʹ͢Δํ๏ͳͲৄࡉ৘ใ͸ɺॻ੶΍ಈը͕͓͢͢Ί