Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
@uenitty OOUIͷઃܭϓϩηε ABEMA weber ษڧձ 2020/09/30
Slide 2
Slide 2 text
ࢀߟॻ 2 • ༰͔ͳΓল͍͍ͯ·͢ • ࣗͷղऍͰ࠶ߏ͍ͯ͠·͢ • ؒҧ͍͕͋ͬͨΒ͝ΊΜͳ͍͞ • ͥͻຊΛಡΜͰ͍ͩ͘͞ʂ https://www.sociomedia.co.jp/10046
Slide 3
Slide 3 text
લճͷࢿྉ 3 https://speakerdeck.com/uenitty/what-is-object-oriented-ui
Slide 4
Slide 4 text
ࠓճͷ༰ 4 • OOUIͷצॴ • UIΛߟ͑Δઢ • OOUIઃܭͷجຊεςοϓ
Slide 5
Slide 5 text
OOUIͷצॴ 5
Slide 6
Slide 6 text
ΦϒδΣΫτɿλεΫ ʹ 1ɿ∞ 6 • λεΫΦϒδΣΫτͱΞΫγϣϯͷΈ߹Θͤ • ΦϒδΣΫτ܈ͷ૬ޓ࡞༻͕ڥΛߏ͢ΔʢλεΫΈ߹Θͤരൃʣ • 1ͭͷʮΦϒδΣΫτʯʹରͯ͠ɺͦͷʮ͍ํʯʮλεΫʯແݶʹ͋Δ ΦϒδΣΫτ ΦϒδΣΫτ λεΫ λεΫ λεΫ ɾ ɾ ɾ
Slide 7
Slide 7 text
λεΫࢦUI 7 • Ͱ͖Δ͜ͱͷ͚ͩબࢶ͕ඞཁ ͳͨΊɺը໘ߏը໘ભҠ ෳࡶʹͳΔ • খ͞ͳ༷มߋػೳՃͰ େنͳ։ൃ͕ඞཁʹͳΓɺ ݅ذ͕૿͑ΔͨΊόάଟ͍ ΦϒδΣΫτࢦUIσβΠϯ p.39
Slide 8
Slide 8 text
ΦϒδΣΫτࢦUI 8 • Ͱ͖Δ͜ͱ͕ଟ͔ͬͨΓ૿͑ͨΓ ͯ͠ɺը໘ߏૢ࡞ํ๏ γϯϓϧͳ·· • ༷มߋػೳՃͷ খنͰࡁΈɺ݅ذ͕গͳ͘ όάগͳ͍ ΦϒδΣΫτࢦUIσβΠϯ p.40
Slide 9
Slide 9 text
UIΛߟ͑Δઢ 9
Slide 10
Slide 10 text
ୈࡾऀͷࢹ͔Βٞ͢Δ 10 • Ϣʔβʔ͕ϓϩμΫτΛར༻͢Δจ຺తڥͷશମ૾ ʹ ϓϩμΫτڥΛ ٬ମͱͯ͠ओମతʹଊ͑͢͜ͱ͕ɺຊͷʮϢʔβʔத৺ઃܭʯ https://www.sociomedia.co.jp/8740
Slide 11
Slide 11 text
ιϑτΣΞσβΠϯͷϨΠϠʔ 11 • ΦϒδΣΫτͱ͍͏ࠜݯతͳͷΛ࣠ʹ UIΛݟͭΊΔͱɺ࠷Ͱ͜ͷ3ͷ ղ͕ඞཁ • ϞσϧɺΠϯλϥΫγϣϯɺ ϓϨθϯςʔγϣϯ • ϑϩϯτΤϯυɺόοΫΤϯυͷ ۠ผͳ͘1ͭͷγεςϜͱݟͯٞ͢Δ • σβΠϯͷڀۃͷతʮܗʯ • Ϣʔβʔ͔ΒݟͨUIͲͪΒͷ۠ผ ͳ͍͠ɺ࣮ࡍͲͪΒଟʹӨڹΛ ༩͑Δ ΦϒδΣΫτࢦUIσβΠϯ p.42
Slide 12
Slide 12 text
֤ϨΠϠʔΛԿߦ͖དྷ͢Δ 12 • UIσβΠϯ֤ϨΠϠʔΛԿॱෆಉʹ ߦ͖དྷͯ͠શମͷόϥϯεΛݟͳ͕Βߦ͏ͷ • Ή͠ΖϓϨθϯςʔγϣϯΛ͍͖ͳΓൃ ͔ͯͦ͜͠ΒٯࢉͰଞΛߟ͑Δ͜ͱଟ͍ • σβΠϯʹϓϩηεͳ͍ ΦϒδΣΫτࢦUIσβΠϯ p.48
Slide 13
Slide 13 text
OOUIઃܭͷجຊεςοϓ 13
Slide 14
Slide 14 text
OOUIઃܭͷجຊεςοϓ 14 1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ ͜ΕΒΛॱෆಉͰ܁Γฦ͠ௐ͠ɺશମͱͯ͠ͷ·ͱ·ΓΛ࡞Γ্͛Δ
Slide 15
Slide 15 text
1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 15 • ϢʔβʔͷϝϯλϧϞσϧۀͷதʹͲͷΑ͏ͳ֓೦͕ଘࡏ͍ͯ͠Δ͔ௐΔ • ͋Δ֓೦͕ΦϒδΣΫτͱ͍͑Δ͔அ͢Δख͕͔Γ • ͑ΒΕΔ໊ࢺͱͯ͠දͤΔ • ಉछͷू߹ͱͯ͠ཧ͞ΕಘΔ • ڞ௨ͷΞΫγϣϯΛ͍࣋ͬͯΔ ΦϒδΣΫτࢦUIσβΠϯ p.54
Slide 16
Slide 16 text
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 16 • ͻͱ·ͱ·ΓͷใදࣔྖҬʢϏϡʔʣͱ ͦΕΒͷݺͼग़ؔ͠ʢφϏήʔγϣϯʣ Λߟ͑Δ • 1ͭͷΦϒδΣΫτɺ໘ʹԠͯ࢟͡Λ ม͑ɺҟͳΔ໘ੵใͷৄࡉͰ Ϣʔβʔʹ͚ͯද͞ΕΔͨΊɺ ͜ͷதؒతͳநͷϨΠϠʔ͕ ॊೈͳOOUIΛߏங͢Δ্ͰॏཁʹͳΔ ΦϒδΣΫτࢦUIσβΠϯ p.100
Slide 17
Slide 17 text
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 17 • Ϗϡʔʢͻͱ·ͱ·ΓͷใදࣔྖҬʣͷछྨେ͖͘2ͭ • ίϨΫγϣϯɿಉछͷΦϒδΣΫτΛෳฒͯදࣔ͢Δͷ • γϯάϧɿ1ͭͷϏϡʔͰ1ͭͷΦϒδΣΫτΛදࣔ͢Δͷ ΦϒδΣΫτࢦUIσβΠϯ p.56
Slide 18
Slide 18 text
2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 18 • ΦϒδΣΫτؒͷܨ͕Γͱଟॏੑ͔ΒࢀরՄೳੑΛಋ͖ɺφϏήʔγϣϯΛఆٛ͢Δ • φϏήʔγϣϯϏϡʔಉ࢜ͷݺͼग़ؔ͠Ͱ͋Γɺը໘ભҠͰͳ͍͜ͱʹҙ • ΠϯλϥΫγϣϯը໘ͱ͍͏୯Ґʹґଘ͠ͳ͍நͷϨΠϠʔ ΦϒδΣΫτࢦUIσβΠϯ p.56
Slide 19
Slide 19 text
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 19 ΦϒδΣΫτࢦUIσβΠϯ p.58 ΦϒδΣΫτࢦUIσβΠϯ p.57
Slide 20
Slide 20 text
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 20 ΦϒδΣΫτࢦUIσβΠϯ p.59 ΦϒδΣΫτࢦUIσβΠϯ p.58
Slide 21
Slide 21 text
3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ 21 • ΠϯλϥΫγϣϯΛө͢ΔΑ͏ʹϏϡʔΛஔͯ͠ɺϢʔβʔ͕࣮ࡍʹ ʹ͢Δը໘Λߏ͢Δ • ը໘ͷ୯ҐΛม͑Δ͜ͱͰɺ·ͬͨ͘ಉ͡UIϞσϧͰҟͳΔը໘ڥʹ ରԠͰ͖Δ • ͢ͰʹҰൠԽ͍ͯ͠ΔϨΠΞτύλʔϯΛ౿ऻ͢Δ͜ͱͰɺϢʔβʔͷ ֶशޮૢ࡞ੑΛ্Ͱ͖Δ
Slide 22
Slide 22 text
·ͱΊ 22
Slide 23
Slide 23 text
OOUIͷઃܭϓϩηε 23 1. ΦϒδΣΫτͷநग़ʢϞσϧʣ 2. ϏϡʔͱφϏήʔγϣϯͷݕ౼ʢΠϯλϥΫγϣϯʣ 3. ϨΠΞτύλʔϯͷద༻ʢϓϨθϯςʔγϣϯʣ ͜ΕΒΛॱෆಉͰ܁Γฦ͠ௐ͠ɺશମͱͯ͠ͷ·ͱ·ΓΛ࡞Γ্͛Δ
Slide 24
Slide 24 text
࣍ճ༧ࠂ 24
Slide 25
Slide 25 text
@uenitty OOUIઃܭͷ࣮ફ ABEMA weber ษڧձ 2020/10/28ʢ༧ఆʣ