Tweet
Tweet

Slide 1

Slide 1 text

ΦΧϯͱΦτϯ͔ΒֶΜͩ OOUI σβΠϯઃܭ

Slide 2

Slide 2 text

Takuʢ29ʣ @hara _ taku_ • ΤϯδχΞͱͯ͠ͷۀ຿ɾۀք͸ະ ܦݧʢݱࡏస৬׆ಈதͰ͢ʣ • Flutter Ͱ೑ڇൟ৩೶ՈͷͨΊͷੜҭ ه࿥ΞϓϦʮMemowʯΛϦϦʔε ʢݱࡏ΋ܧଓతʹΞοϓσʔτதʣ • QiitaʮʲॳΞϓϦʳະܦݧ͕ Flutter Ͱ೑ڇൟ৩೶ՈͷͨΊͷΞϓϦΛ ࡞ͬͯΈͨʯ1100LTGM ௒͑ • ษڧձͳͲͰʮڇͷʢΞϓϦͷʣ ਓʯͱݴΘΕ·͢

Slide 3

Slide 3 text

ࠓ೔࿩͢͜ͱ • ʮMemowʯͷ੍࡞Ͱͭ·͍ͮͨͱ͜Ζ • ࣗ෼ͳΓͷղܾํ๏ΛγΣΞ • ಉ͡Α͏ʹ։ൃؤு͍ͬͯΔਓͷώϯτʹͳΕ͹خ͍͠Ͱ͢ʂ

Slide 4

Slide 4 text

ͳͥ೑ڇൟ৩೶Ո޲͚ͷΞϓϦʁ

Slide 5

Slide 5 text

ͳͥ೑ڇൟ৩೶Ո޲͚ͷ ΞϓϦʁ • ྆਌͕೑ڇൟ৩೶Ոʢ਌ڇʹࢠڇΛ ੜ·ͤɺͦͷࢠڇΛ໿10ϲ݄ؒҭͯ ͯංҭ຀৔ʹҾ͖౉͢ʣ • Ξφϩάͳڇͷ؅ཧʹ྆਌͕՝୊Λ ײ͍ͯͨ͡ • χονա͗ͯ྆਌ͷ՝୊͕ղܾͰ͖ ΔΞϓϦ͕ੈͷதʹແ͔ͬͨ

Slide 6

Slide 6 text

ͲΜͳΞϓϦ͔঺հͤͯͩ͘͞͞ ͍

Slide 7

Slide 7 text

ػೳ ᶃ ߦಈͷه࿥ɾ؅ཧ • ਌ڇͷ೛৷ɾग़࢈Λ؆୯ʹه࿥ • 1 ಄͝ͱʹλΠϜϥΠϯܗࣜͰ֬ೝ

Slide 8

Slide 8 text

ػೳ ᶄ ঢ়ଶผͷιʔτ • λϒΛબ୒͢Δ͜ͱͰɺঢ়ଶ͝ͱͷ άϧʔϓ୯ҐͰڇͷҰཡΛ֬ೝ

Slide 9

Slide 9 text

ػೳ ᶅ σόΠεؒͷڞ༗ • ೖྗͨ͠৘ใ͸ɺෳ਺ͷσόΠεͰ ڞ༗Մೳ • ট଴ऀ͔ΒૹΒΕ͖ͯͨϦϯΫΛ λοϓ͢Δ͚ͩͰڞ༗͕։࢝ ✅ Firebase Dynamic Links Λ׆༻

Slide 10

Slide 10 text

ػೳ ᶆ ݸମ৘ใͷࣗಈೖྗ • 1 ಄ͣͭ͋Δڇͷށ੶දͷࣸਅΛಡ Έࠐ·ͤΔ͚ͩͰݸମ৘ใ͕ࣗಈೖ ྗ ✅ GCP Vision AI Λ׆༻

Slide 11

Slide 11 text

ʮMemowʯΛϦϦʔεͯ͠Έͯ • ಛʹϨΫνϟʔͤͣͱ΋࢖༻Ͱ͖͍ͯΔ • 50୅ޙ൒ͷΦΧϯΦτϯ͸ɺڞ༗ػೳΛར༻ͯ͠ɺ͓ޓ͍ͷσόΠεͰΞϓϦΛ ࢖༻͍ͯ͠ΔʢओʹΦΧϯ͕ೖྗɺΦτϯ͸Ӿཡʣ

Slide 12

Slide 12 text

ͳͥ྆਌͕࢖͍͑ͯΔͷ͔ʁ

Slide 13

Slide 13 text

ϢʔβʔʢΦΧϯʣ͕ΞϓϦΛ࢖͍͑ͯΔཧ༝ 1. ର৅ϢʔβʔΛۃݶʢΦΧϯͱΦτϯʣ·ͰߜΓ 2. ର৅Ϣʔβʔ͔ΒχʔζΛపఈతʹฉ͖औΓ 3. Ϣʔβʔͷ՝୊ղܾΛͭͭ͠΋ΞϓϦͷػೳΛ࠷খݶͱ͠ 4. OOUI ʹجͮ͘σβΠϯઃܭΛҙࣝͨ͠

Slide 14

Slide 14 text

ϢʔβʔʢΦΧϯʣ͕ΞϓϦΛ࢖͍͑ͯΔཧ༝ 1. ର৅ϢʔβʔΛۃݶʢΦΧϯͱΦτϯʣ·ͰߜΓ 2. ର৅Ϣʔβʔ͔ΒχʔζΛపఈతʹฉ͖औΓ 3. Ϣʔβʔͷ՝୊ղܾΛͭͭ͠΋ΞϓϦͷػೳΛ࠷খݶͱ͠ 4. OOUI ʹجͮ͘σβΠϯઃܭΛҙࣝͨ͠ ίϨʹ͍ͭͯ࿩͍͖ͯ͠·͢ ※ Ξφϩά؅ཧΛ͍ͯͨ྆͠਌͕ΞϓϦΛ໰୊ͳ͘࢖༻Ͱ͖͍ͯΔ͜ͱʹڻ͍ͨͱ͍͏ײ૝ΛɺQiita ΍ Twitter Ͱ ଟ͍͖ͨͩ͘·ͨ͠ɻ

Slide 15

Slide 15 text

OOUI ͱ͸ʁ ʮOkan Oton ʹదͨ͠ User Interfaceʯ

Slide 16

Slide 16 text

OOUI ͱ͸ʁ ʮOkan Oton ʹదͨ͠ User Interfaceʯ ʮObject-Oriented User Interfaceʯ ʮΦϒδΣΫτࢦ޲ UIʯ ɹɹɹɹɹ ! ʮΦϒδΣΫτΛख͕͔Γʹૢ࡞ઃܭ͞Εͨ UIʯ

Slide 17

Slide 17 text

ʮMemowʯͷσβΠϯ੍࡞ͷܦҢ 1. ࠷ॳʹ࡞ͬͨϓϩτλΠϓ͸ΦΧϯʹ͸ཧղͰ͖ͳ͔ͬͨ 2. ࢖͍΍͍͢ UI ͕Կ͔ɺΦΧϯ͕࢖͍͑ͯΔΞϓϦΛத৺ʹͻͨ͢Βௐ΂ͨ 3. σβΠϯઃܭʹ໰୊͕͋Δ͜ͱʹؾͮ͘ 4. OOUIͱ΍ΒΛ஌Δ 5. OOUIͷσβΠϯઃܭʹج͖ͮվળͨ͠

Slide 18

Slide 18 text

·ͣ͸վળલͷσβΠϯΛݟͯΈ ·͠ΐ͏

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

σβΠϯઃܭʢվળલʣ 1. ਌ڇͱࢠڇ͕ࠞ߹ͨ͠Ұཡ • ਌ڇͱࢠڇͰཁ݅΍ಈ࡞͕ҟͳΔͷʹɺ ʮڇʯ͸ಉҰΧςΰϦͷΦϒδΣΫτͱ͍͏ೝࣝͰઃܭ͍ͯͨ͠ 2. ʮϝχϡʔʯΛى఺ͱͳΔΦϒδΣΫτͱͨ͠ಋઢ • ૢ࡞ͷى఺ͱͳΔΦϒδΣΫτΛఆΊ͍ͯͳ͔ͬͨͨΊɺ ͢΂ͯͷػೳΛʮϝχϡʔʯʹಥͬࠐΜͰ͍ͨ

Slide 21

Slide 21 text

ଓ͍ͯɺվળޙͷσβΠϯͰ͢

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

σβΠϯઃܭʢվળޙʣ 1. ʮ਌ڇʯͱʮࢠڇʯ͸ͦΕͧΕϝΠϯΦϒδΣΫτʹఆΊͨ • ਌ڇͱࢠڇͰཁ͕݅ҧ͏ͨΊɺಉҰΦϒδΣΫτ͸ద͍ͯ͠ͳ͔ͬͨ 2. ʮϝχϡʔʯΦϒδΣΫτΛഇࢭ • ਌ڇ΍ࢠڇͷঢ়ଶ͸ɺͦΕͧΕͷαϒΦϒδΣΫτͱͳΔͨΊʯ Ϣʔβʔ͕ΞϓϦΛ࢖༻͢ΔγνϡΤʔγϣϯΛਂງΓ͠ɺϝΠϯΦϒδΣΫτΛ ݟ௚ͨ͠ʢͱ͍͏͔౰ॳ͸ҙ͍ࣝͯ͠ͳ͔ͬͨʣ͜ͱ͕վળʹͭͳ͕ͬͨ

Slide 24

Slide 24 text

ߟ͑ํΛ·ͱΊΔͱɾɾɾ

Slide 25

Slide 25 text

ᶃ ΦϒδΣΫτͷநग़

Slide 26

Slide 26 text

ᶄ ʮԿΛͲͷΑ͏ʹʯ

Slide 27

Slide 27 text

ᶅ Ϗϡʔͷఆٛͱઃఆ

Slide 28

Slide 28 text

·ͱΊ • ϝΠϯΦϒδΣΫτͷઃఆΛޡΔͱΞϓϦͷઃܭɺσβΠϯ͢΂ͯʹѱӨڹΛٴ ΅͢ • ϝΠϯΦϒδΣΫτͷઃఆ͸ΞϓϦΛ࢖༻͢ΔγνϡΤʔγϣϯΛ͔ͬ͠Γ೺Ѳ ͢Δ͜ͱ͕େࣄ • Ϣʔβʔʹͱֶͬͯशޮ཰͕ѱ͍ΞϓϦͱͳ͍ͬͯΔ৔߹ɺOOUIઃܭΛݟ௚͢ ͜ͱͰղܾͷࢳޱ͕ݟ͔ͭΔ͜ͱ΋

Slide 29

Slide 29 text

ࢀߟจݙ • ΦϒδΣΫτࢦ޲UIσβΠϯ

Slide 30

Slide 30 text

ࠓճ͜Ε͕ॳLTͰͨ͠ ! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠!!