AxonOnnxとLiveViewで作る AI・MLシステム

by Yuisho Takafuji

Slide 1

Slide 1 text

UIF@IBJHP "YPO0OOYͱ-JWF7JFXͰ࡞Δ "*ɾ.-γεςϜ &MJYJSͰ׬݁͢ΔເͷγεςϜ

Slide 2

Slide 2 text

➤ Name: ོ౻།ষʢλΧϑδ ϢΠγϣ΢ʣ ➤ Twitter: @the_haigo ➤ Github: thehaigo ➤ Job: ϑϦʔϥϯεΤϯδχΞ / ૐཿ ➤ Skill: Elixir, Phoenix, React, ReactNative ➤ ࠷ۙ࡞ͬͨ΋ͷ ➤ LiveView + AxonͰը૾෼ྨ ➤ LiveView + Tailwind + DaisyUIͰΑ͛͞ͳUI About me

Slide 3

Slide 3 text

"*ɾ.-͸ษڧதͰɺ ࣮ۀ຿ͱ஌ࣝͷണ཭͕͋Δ͔΋ ͠Ε·ͤΜͷͰྃ͝ঝ͍ͩ͘͞

Slide 4

Slide 4 text

&MJYJSͷ"*ɾ.-͕೤͍ʂ ͍ͭ΋ݴͬͯΔؾ͕͠·͕͢ɾɾɾ

Slide 5

Slide 5 text

·ͣ͸ͪ͜ΒΛ͝ཡ͍ͩ͘͞

Slide 6

Slide 6 text

%&.0

Slide 7

Slide 7 text

ͪ͜Β1ZUIPO͸࢖༻͍ͯ͠·ͤΜ &MJYJSͷΈͰ࡞ΒΕ͍ͯ·͢ʂ

Slide 8

Slide 8 text

ͪͳΈʹͪ͜ΒͷσϞಈըɺ+PTÉ͞Μʹ &MJYJS$POG&6ͷ,FZOPUFͰ࢖͍͖ͬͯͨͩ·ͨ͠ʂ

Slide 9

Slide 9 text

೤͍ͷ͸Θ͔͚ͬͨͲ "*ɾ.-ͬͯଞʹͲΜͳ΋ͷ͕͋Δͷʁ

Slide 10

Slide 10 text

ը૾ॲཧ w ը૾෼ྨɿը૾͕Կͷը૾Ͱ͋Δ͔Λࣝผ͢Δ w ෺ମݕग़ɿը૾಺ͷର৅෺ͷ৔ॴΛݕग़͢Δ w ҟৗݕ஌ɿը૾ͷத͔ΒҟͳΔঢ়ଶΛݕग़͢Δ w ը૾ੜ੒ɿ৽͍͠ը૾Λੜ੒͢Δ w ࢟੎ਪఆɿը૾಺ͷਓؒ΍ಈ෺ͳͲͷ࢟੎Λਪఆ͢Δ

Slide 11

Slide 11 text

ࣗવݴޠॲཧ w ςΩετ෼ྨɿϨϏϡʔͷωΨϙδ൑ఆɺTQBN൑ఆ w ࣭ٙԠ౴ɿ*#.ϫτιϯɺΤΩεύʔτγεςϜ w ςΩετੜ੒ɿϒϩάهࣄ࡞੒ɺίʔυੜ੒ɺμΠδΣετهࣄ࡞੒ w ཁ໿ w ػց຋༁ w ߍӾ

Slide 12

Slide 12 text

ͦͷଞ৭ʑ w 4-". ࣗݾҐஔਪఆ ɿϧϯό w ਺஋ղੳɿ౷ܭॲཧɺגՁ༧ଌ w Ի੠ೝࣝɿΞϨΫαɺ4JSJɺ0,(PPHMF w Ի੠߹੒ɾม׵ɿϘΠνΣϯ w ڧԽֶशɿকعɺғޟɺήʔϜ

Slide 13

Slide 13 text

ࠓճ͸ը૾෼ྨΛྫʹ͍ͯ͠·͢

Slide 14

Slide 14 text

͜ͷΑ͏ͳγεςϜΛ࣮ݱ͢ΔͨΊʹͳʹ͕͍Δʁ w ػցֶशϑϨʔϜϫʔΫ w 1Z5PSDI 5FOTPS'MPX ,FSBT 4DJLJU-FBSO͕༗໊ w &MJYJSͩͱ"YPO 4DIPMFS͕֘౰͠·͢ w ϞσϧɾωοτϫʔΫ w 47. 7(( 3FT/FU :0-0 #&35 (51 w େྔͷֶशσʔλϞσϧɾωοτϫʔΫͰͷֶश w ্هͷ୅ΘΓʹֶशࡁΈϞσϧɾωοτϫʔΫ

Slide 15

Slide 15 text

େྔͷσʔλूΊΔͷͱϞσϧͷֶशେม͡Όͳ͍ʁ ࠷৽ͷ(16ΛOݸܨ͛ͯO೔ͱ͔ฉ͍ͨ͜ͱ͋Δ͚Ͳɾɾɾɾ

Slide 16

Slide 16 text

ֶशࡁΈϞσϧΛ࢖͏͜ͱͰɺֶशաఔΛඈ͹ͯ͠࢖ͬͨΓ νϡʔχϯάΛߦֶ͍शΛߦ͏ΑΓ΋୹࣌ؒͰλεΫʹ࠷ద Խ͢Δ͜ͱ΋Ͱ͖·͢

Slide 17

Slide 17 text

Ͱ΋1ZUIPOͷϥΠϒϥϦ͚ͩͰ͠ΐʁ

Slide 18

Slide 18 text

&MJYJSͰ΋Ͱ͖·͢ʂ

Slide 19

Slide 19 text

"YPO0OOY w "YPOʹPOOYܗࣜͷϞσϧσʔλΛಡΈࠐΉࣄ͕Ͱ͖Δ w 0//9 0QFO/FVSBM/FUXPSLF9DIBOHF w ֤ਂ૚ֶशϑϨʔϜϫʔΫؒͰ࢖༻Ͱ͖Δڞ௨ϑΥʔϚοτ w 0//9.PEFM;PPʹֶशࡁΈϞσϧ͕ଟ਺༻ҙ͞Ε͍ͯΔ w IUUQTHJUIVCDPNPOOYNPEFMT w 1Z5PSDI΍,FSBT͔ΒֶशࡁΈϞσϧͷ&YQPSU΋Ͱ͖Δ

Slide 20

Slide 20 text

େྔͷσʔλΛूΊͯ ࣌ؒΛֶ͔͚ͯशΛ͠ͳͯ͘΋ ࢖͏͜ͱ͕Ͱ͖Δͷ͸Θ͔ͬͨ

Slide 21

Slide 21 text

Ͱ΋γεςϜ࡞Δͷ͸େม͡Όͳ͍ʁ

Slide 22

Slide 22 text

ઌఔͷγεςϜΛྫʹͯ͠Έ·͠ΐ͏

Slide 23

Slide 23 text

࢓૊Έ ը૾Ξοϓϩʔυ 4UC*NBHFͰ 3(#"σʔλʹม׵ ਂ૚ֶशͰ Կͷը૾͔ਪ࿦ ਪ࿦݁ՌΛฦ͢ ݁ՌΛϑΥʔϚοτ ੔͑ͯදࣔ

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

݁Ռදࣔ

Slide 29

Slide 29 text

͜Ε͚ͩͰ͢ʂ

Slide 30

Slide 30 text

ৄ͍࣮͠૷౳͸ ͪ͜ΒΛ͝ཡ͍ͩ͘͞

Slide 31

Slide 31 text

γεςϜߏங2JJUBهࣄ IUUQTRJJUBDPNUIF@IBJHPJUFNTGBFGECDF

Slide 32

Slide 32 text

Ϟσϧू(JUIVC IUUQTHJUIVCDPNUIFIBJHPMJWF@POOY

Slide 33

Slide 33 text

εέʔϧͤ͞Δ৔߹͸ (FO4FOWFSͰϓϩηεىಈͤͨ͞Γ ·ͨ͸#SPBEXBZΛ࢖͏ͱ͍͏Ҋ΋͋Γ·͢ IUUQTNBSDFMPSFJDIFSUNFEJVNDPNPCKFDUEFUFDUJPOXJUIFMJYJSFFFEGFB

Slide 34

Slide 34 text

ྑͦ͞͏͡ΌΜ Ͱ΋ػցֶशΘ͔Μͳ͍͚ͩͲɾɾɾ

Slide 35

Slide 35 text

ֶͼ·͠ΐ͏ʂ

Slide 36

Slide 36 text

Ͱ΋ग़ͨ͹͔ͬΓͰ ॻ੶΋هࣄ΋શવͳ͍͡ΌΜ

Slide 37

Slide 37 text

ੈͷதʹେྔʹ͋Δػցֶशͷຊͷ ߏ੒͸Ͳ͏ͳ͍ͬͯΔͱࢥ͍·͢ʁ

Slide 38

Slide 38 text

1ZUIPO+VQZUFS/PUFCPPL Ͱ͢ΑͶʁ

Slide 39

Slide 39 text

ͦΕΒΛ&MJYJS-JWF#PPLͰ ॻ͖׵͑·͠ΐ͏ʂ

Slide 40

Slide 40 text

͜ΜͳHJUIVCϦϙδτϦ࡞ͬͯ·͢ IUUQTHJUIVCDPNUIFIBJHPMJWFCPPL@TBNQMFT

Slide 41

Slide 41 text

ϥΠϒϥϦରԠද΋͚ͭͯ·͢

Slide 42

Slide 42 text

Ͱ΋͢Ͱʹ1ZUIPOͱ͔Ͱ͢Ͱʹ ͍ΖΜͳγεςϜ͕͋Δͷʹ Θ͟Θ͟&MJYJSͰ΍Βͳͯ͘΋Α͘ͳ͍ʁ

Slide 43

Slide 43 text

࣮຿Ͱ"*ɾ.-Λ΍͍ͬͯΔํʹ ฉ͍ͨͷͰ͕͢ɾɾɾ

Slide 44

Slide 44 text

ͦͷ̍ /VN1Zʢͦͷ্ʹ৐Δ5FOTPS'MPX΍1Z5PSDI΋ؚΉʣͷ$Ͱॻ͔ΕͨՕॴ Ҏ֎ͷॲཧ଎౓͕஗͍ˍϝϞϦ৯͍ ˠ1ZUIPOࣗମ͕ΠϯλϓϦλͳͷͰ࢓૊Έ্ͷ՝୊

Slide 45

Slide 45 text

ͦͷ̎ ΤοδίϯϐϡʔςΟϯά౳Ͱ"*.-Λසൟݺͼग़͍ͨ͠͠ࠓޙͷधཁʹର͠ ͯɺ1ZUIPO͸/8αʔό෦෼ͷੑೳʹ೉͋ΓͰɺϓϩηε͋ͨΓͷෛՙ͕ॏ͍ ˠݪҼ͸ͦͷ̍ͱಉ͡ཧ༝ ˠΫϥ΢υͰ͋ͬͯ΋ɺΞΫηεྔ͕ଟ͚Ε͹ɺ ɹɹ্هΤοδίϯϐϡʔςΟϯάͱಉ݁͡ՌʹͳΔ

Slide 46

Slide 46 text

ͦͷ̏ YܥͱYܥίʔυͷར༻ൺ཰͕݁ߏࠞࡏ͓ͯ͠ΓɺҠ২ ੑ΍ྲྀ༻ੑʹ೉͋Γͷ৔໘΋ϓϩδΣΫτߏ੒࣍ୈͰ͸ׂ ͱ͋Δ

Slide 47

Slide 47 text

ͦͷ̐ ݴޠඪ४ͷڞ༗ϝϞϦɺ/VN1Z΍1BOEBTͰ࢖͍ʹ͍ͨ͘ Ίɺฒߦฒྻ"*ɾ.-͕ॻ͖ʹ͍͘

Slide 48

Slide 48 text

ͦͷ̑ $MBTTΛॻ͔ͣʹɺ͍͖ͳΓؔ਺Ͱߏ଄Խ͢Δਓޱ΋ଟ͘ɺ ϞδϡϥϦςΟʹशख़౓ϦεΫ͕༗Δ ˠ+VQZUFS/PUFCPPL΍(PPHMF$PMBCPSBUPSZͰֶͿਓ͕ ଟ͍ฐ֐ʁCZIBJHP

Slide 49

Slide 49 text

ͦͷ 8FC'8͕%KBOHPͱ'MBTLͰ̎෼͞Ε͓ͯΓɺௐୡ༰қੑ ໘ͰෆརʹͳΔ͜ͱ΋ ̎ͭͷ'8Λௐ΂ͯΈͨॴCZIBJHP %KBOHPˠϑϩϯτΤϯυ։ൃ͕Ϟμϯ͡Όͳ͍ 'MBTLˠܰྔϑϨʔϜϫʔΫͳͷͰ"1*ͳΒద͍ͯ͠Δ͔΋͠Εͳ ͍͕ϑϧελοΫͱͳΔͱͭΒͦ͏

Slide 50

Slide 50 text

&MJYJS͕΋ͨΒ͢΋ͷ w ฒྻॲཧ͕ಘҙ w ϝϞϦޮ཰ɾ଱ো֐ੑ͕ߴ͍ w εέʔϧ͠΍͍͢ w 1FMFNBZ΍'MPXͰϚϧνίΞΛ࠷େݶ׆༻͠ߴ଎Խ

Slide 51

Slide 51 text

ͳʹΑΓ࠷΋Ѫ͞Ε͍ͯΔ8FC'81IPFOJY͕͋Δʂ IUUQTTVSWFZTUBDLPWFS fl PXDP

Slide 52

Slide 52 text

&MJYJS͚ͩͯ׬݁͢Δ͜ͱͷϝϦοτ w 1IPFOJY w 8FCαʔϏε΍"1*Λ&MJYJSͷΈͰߏங w &MJYJS%FTLUPQ w ϚϧνϓϥοτϑΥʔϜ σεΫτοϓ J04 "OESPJE ͳ؀ڥͰಈ͘ɹɹɹɹɹ ΞϓϦέʔγϣϯΛ&MJYJS-JWF7JFXͷΈͰ։ൃ w /FSWFT w ૊ΈࠐΈػثΛ&MJYJSͷΈͰ։ൃ

Slide 53

Slide 53 text

͜ΕΒͷγεςϜʹָʹ ૊ΈࠐΉ͜ͱ͕Ͱ͖·͢ʂ

Slide 54

Slide 54 text

Έͳ͞Μ͜ΕΛػձʹ"*ɾ.-Λ ࢝ΊͯΈ·ͤΜ͔ʁ

Slide 55

Slide 55 text

"YPO͔Βݟ͑Δੈք w &MJYJS͸෼ࢄɾฒྻɾฒߦʹಛԽ͍ͯ͠Δ w ଞݴޠͰ͸೉ղʹͳΓ͕ͪͳ্هΛ w ϢʔβʔϑϨϯυϦʔʹॻ͚Δ w ৬ਓܳͳνϡʔχϯάΛ͠ͳͯ͘΋े෼ͳੑೳ͕ग़Δ w ෼ࢄɾฒߦɾฒྻͳ؀ڥͰ w ϋΠύϑΥʔϚϯεͳֶशɾ༧ଌγεςϜ w &MJYJSάϦουίϯϐϡʔςΟϯά্Ͱ෼ࢄֶश w ৽ͨͳػցֶशͷख๏ͷཱ֬

Slide 56

Slide 56 text

͓·͚ "YPOͱ"YPO0OOYͷݱঢ়

Slide 57

Slide 57 text

"YPO w ʹόʔδϣϯʹͳΓEFW͕औΕ·ͨ͠ w 5SBOTGPSNFS͕ಈ͘Β͍͕͠ະݕূ w (15ͰςΩετੜ੒͸ࣦഊͨ͠ w "YPOGSFF[F ֶशࡁΈϞσϧΛಡΈࠐΜͰߋ৽͠ͳ͍Α͏ʹ͠ ৽ͨͳϨΠϠʔΛ଍ͯ͠ϑΝΠϯνϡʔχϯά΍సҠֶश͕Ͱ͖ͦ͏

Slide 58

Slide 58 text

"YPO0OOY w ͍͔ͭ͘POOYNPEFMTͷPOOYϑΝΠϧΛࢼ͕ͨ͠ɺಡΈࠐΈʹࣦഊ͢Δ΋ͷ ͕·ͩଟ͍ҹ৅ w ࠓճ͸5PSDI7JTJPOͷֶशࡁΈϞσϧΛPOOYFYQPSUΛߦͬͨ w POOYΛ΋͖ͬͯͯͪΐ͍ͪΐ͍ͱಈ͔͢ʹ͸ࢸ͍ͬͯͳ͍