Webの技術スタックでマルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介

Slide 1

Slide 1 text

8FCͷٕज़ελοΫͰ ϚϧνϓϥοτϑΥʔϜΞϓϦ։ൃΛՄೳʹ͢Δ &MJYJS%FTLUPQͷ঺հ UIF@IBJHP

Slide 2

Slide 2 text

➤ Name: ོ౻།ষʢλΧϑδ ϢΠγϣ΢ʣ ➤ Twitter: @the_haigo ➤ Github: thehaigo ➤ Job: ૐཿ / ϑϦʔϥϯεΤϯδχΞ ➤ Title: ElixirMobileΦʔΨφΠβʔ ➤ Skill: Elixir, Phoenix, React, ReactNative ➤ ࠷ۙ࡞ͬͨ΋ͷ ➤ CallKitͱWebRTCΛ࢖༻ͨ͠ΠϯλʔϗϯΞϓϦ About me

Slide 3

Slide 3 text

ຊΛࣥච͠·ͨ͠ʂʢڞஶͰʣ dষ"*.-ؔ࿈ ষύλʔϯϚονʹ͍ͭͯ ষೝূγεςϜʹ͍ͭͯ

Slide 4

Slide 4 text

ٕज़ॻలʢΦϯϥΠϯʣʹ΋ͩ͠·͢ʂ ͬͪ͜͸୯ஶ

Slide 5

Slide 5 text

&MJYJS.PCJMFͬͯͳΜͧʁ

Slide 6

Slide 6 text

ຊ୊

Slide 7

Slide 7 text

&MJYJSͰεϚϗΞϓϦΛ ࡞ΕΔͷΛ͝ଘ஌Ͱ͔͢ʁ

Slide 8

Slide 8 text

&MJYJS%FTLUPQͱ͸ &MJYS1IPFOJYͰϚϧνϓϥοτϑΥʔϜ։ൃ͕Ͱ͖ΔϥΠϒϥϦ܈ ֤04 で &MSBOHٴ び &MJYJSΛىಈ ͦͷ্Ͱ8FCΞ プ Ϧέʔγϣϯαʔ バ ʔ1IPFOJYΛىಈ ֤04ͷ8FC7JFX΍(6*ϥΠ ブ ϥϦͷ8Y8JEHFU͔ΒΞΫηεͯ͠දࣔ ͍ΘΏΔ8FC7JFXΞϓϦέʔγϣϯܗࣜ ҧ͍͸දࣔ͢Δ8FCΞϓϦέʔγϣϯ͕ϩʔΧϧͰಈ͍͍ͯΔ͜ͱ

Slide 9

Slide 9 text

௨ৗ αʔόʔ 8FC7JFX 4XJGU,PUMJO &SMBOH7. ࣮ߦ؀ڥͷ7. &MJYJS ࣮ߦ؀ڥ 1IPFOJY 8"' J04"OESPJE

Slide 10

Slide 10 text

&MJYJS%FTLUPQ J04"OESPJE 8FC7JFX 4XJGU,PUMJO &SMBOH7. ࣮ߦ؀ڥͷ7. &MJYJS ࣮ߦ؀ڥ 1IPFOJY 8"'

Slide 11

Slide 11 text

ϝϦοτ w 8"'ͷϦιʔεΛΫϥΠΞϯτଆ Ͱ࿫͑Δ "-.-΋ʣ w ΦϑϥΠϯಈ࡞͕Մೳ w 8FCܥͷٕज़Ͱ։ൃͰ͖Δ w ߏ੒ʹΑͬͯ͸"1*ෆཁ w 3/ 'MVUUFSʹൺ΂ͯωΠςΟϒ࿈ܞ ͕༰қ w ൿಗ৘ใͷѻ͍͕໘౗ w #DSZQUͳͲωΠςΟϒϥΠϒϥϦ ͷϥούʔϥΠϒϥϦ͕࢖͑ͳ͍ w ग़དྷͯ೔͕ઙ͍ w όά͕࢒͍ͬͯΔՄೳੑ w ௕ظӡ༻Ͱͷϊ΢ϋ΢ෆ଍ σϝϦοτ

Slide 12

Slide 12 text

ͲΜͳ࢓૊ΈͰಈ͍͍ͯΔͷʁ w ֤04Ͱಈ͘&SMBOHϥϯλΠϜΛϏϧυ w /BUJWF#SJHF $ ܦ༝Ͱ&SMBOHΛىಈͦ͠ͷ্Ͱ&MJYJS 1IPFOJYΛىಈ w ϩʔΧϧωοτϫʔΫΛ্্ཱͪ͛ͯهʹίωΫγϣϯΛషΔ w ֤8FC7JFXϥΠϒϥϦ͔Β઀ଓ w ͋ͱͷࡉ͔͍ઃఆ͸8FC7JFXͱಉ͡

Slide 13

Slide 13 text

&MJYJS%FTLUPQ J04"OESPJE 8FC7JFX 4XJGU,PUMJO &SMBOH7. &MJYJS 1IPFOJY $ܦ༝Ͱىಈ 7.্Ͱ&MJYJSىಈ 8FCαʔόʔىಈ 5$1ίωΫγϣϯΛషΔ

Slide 14

Slide 14 text

J04

Slide 15

Slide 15 text

"OESPJE

Slide 16

Slide 16 text

&SMBOHʹ͍ͭͯ w ฒߦॲཧࢦ޲ͷؔ਺ܕݴޠ w 04ͱ͸ผʹܰྔϓϩηεΛେྔʹ࡞Δ w Ϋϥογϡͯ͠΋͙͢࡞Γ௚͢ͷͰ଱ো֐ੑ͕ߴ͘ϝϞϦޮ཰΋ྑ͍ w ฒྻॲཧ͸ΞΫλʔϞσϧΛ࠾༻ w ΋ͱ͸ి࿩ަ׵ػʢιχʔɾΤϦΫιϯʣͷγεςϜͰ࢖ΘΕͨ w ࠷ۙ͸/JOUFOEPͷεϓϥτΡʔϯͰ΋࠾༻͞Ε͍ͯΔ

Slide 17

Slide 17 text

&MJYJSʹ͍ͭͯ w ฒྻॲཧࢦ޲ͷؔ਺ܕݴޠ w &SMBOH7. #&". ্Ͱಈ࡞͢Δ+BWBʹର͢Δ,PUMJOͳײ͡ w &SMBOHʹൺ΂ͯΏΔ;Θͳײ͡Ͱ3VCZʹ͍ۙॻ͖ຯ w Ϋϥε͸ແ͘ɺߏ଄ମͱॲཧϞδϡʔϧͷγϯϓϧͳߏ੒ 8"'ͷ1IPFOJYɺ)PU8JSFܥͷ-JWF7JFXɺ૊ΈࠐΈͷ/FSWFT +VQZUFSܥͷ-JWFCPPLɺߦྻԋࢉ/Yɺσʔλॲཧ&YQMPSFSɺ"*.-"YPO

Slide 18

Slide 18 text

1IPFOJYʹ͍ͭͯ w ϑϧελοΫͳ8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫ w ϝϞϦޮ཰͕ྑ͘άϩʔεʹ΋ڧ͍ w 1JOUFSFTU1ZUIPO1IPFOJYͰ୆Λ୆ʹू໿ w 3FBDU΍7VFͰߏங͢ΔΑ͏ͳ41"ΛΑΓγϯϓϧʹߏஙͰ͖Δ-JWF7JFX w ೝূػೳδΣωϨʔλΛඪ४౥ࡌ͠ɺࣗ਎Ͱ؆୯ʹ֦ுՄೳ w 5BJMXJOEΛ࠾༻͠+4ͱͷ࿈ܞ΋༰қ

Slide 19

Slide 19 text

wγεςϜʹ&MJYJSΛಋೖ w೥NJMJPO ̏ԯԁʣઅ໿ wαʔόʔ୆Λݮগ w୆ͷQZUIPOͷγεςϜΛ &MJYJS̐୆Ͱ࿫͏ wγεςϜͷ৴པੑͱύϑΥʔϚ ϯε΋େ෯Ξοϓ &MJYJSΛಋೖͯ͠ίετ࡟ݮ IUUQTQBSBYJBMJPCMPHFMJYJSTBWJOHT

Slide 20

Slide 20 text

ϑϩϯτΤϯυͷཱྀͷՌͯʹ-JWF7JFXʹͨͲΓண͍ͨ • 3FBDUKTͱ/FYUKTͰͷ։ൃʹർΕɺ γϯϓϧ͞ΛٻΊͯ3BJMTʹҠߦ • 3BJMTͰ΋ϑϩϯτΤϯυͱόοΫΤ ϯυͷ౷߹ͷ೉͠͞Λײ͡Δ • ࠷ऴతʹ&MJYJSͱ1IPFOJYΛબ୒͠ɺ γϯϓϧ͞ͱߴύϑΥʔϚϯεΛ࣮ ݱ • &MJYJS͸ίʔυͷಡΈ΍͢͞΍֦ுੑ ͕͋Γɺ։ൃମݧ͕޲্ • ஶऀʹͱͬͯ&MJYJS͸ཧ૝తͳ؀ڥͱ ͳΓɺ3FBDUKTͷෛ୲ΛܰݮͰ͖ͨ IUUQTEFWUPEBOJFMCFSHIPM[GSPNOFYUKTUPSBJMTUIFOFMJYJSNZKPVSOFZUISPVHISFBDUKTCVSOPVUIE

Slide 21

Slide 21 text

&MJYJS%FTLUPQΞϓϦͷಛ௃ w όοΫΤϯυ΍8FCΞϓϦͱಉ͡ݴޠɺಉٕ͡ज़ελοΫͰ։ൃՄೳ w -JWF7JFX5BJMXJOEͰ֤छΞϓϦΛߏங w 5BJMXJOEͷࢿݯΛ࢖͑ͯɺڞ௨ͨ͠6*Λૉૣ͘ߏங w QIYHFOMJWFͰ$36%ը໘ΛίϚϯυҰൃ w QIYHFOBVUIͰೝূػೳ΋ίϚϯυҰൃ w ֎෦ͷ௨৴͕ͳ͚Ε͹ΦϑϥΠϯͰ΋ಈ࡞Մೳ

Slide 22

Slide 22 text

̏ͭͷΞϓϦܗࣜ 􁟜 􀪬 􀦱 􁟜 􁟜 􀦱 􀪬 ελϯυΞϩϯߏ੒ %#͸42-JUF ΦϑϥΠϯͰಈ࡞Մೳ Ϋϥαόߏ੒ "1*αʔόʔͱ ΫϥΠΞϯτΞϓϦͷ ैདྷͷ૊Έ߹Θͤ "1*αʔόʔ ֎෦%#ΞΫηεߏ੒ ΞϓϦͷσʔλϕʔεͷ઀ଓઌʹ֎෦ͷσʔλϕʔεΛࢦఆ͢Δ "1*࡞੒ෆཁ %#ෛՙΛߟྀͯ͠ಛఆػೳ͚ͩ"1*Λୟ͘͜ͱ΋Մೳ ؅ཧμογϡϘʔυ΍8FCΞϓϦΛσϓϩΠͯ͠ಉ࣌։ൃ͕༰қ

Slide 23

Slide 23 text

ωΠςΟϒͳػೳ͸࢖༻Ͱ͖ͳ͍ʁ

Slide 24

Slide 24 text

/BUJWFػೳ͸+4΍֤04ͷ)PPLΛ࢖༻ͯ͠Մೳ w +48FC"1* w Ґஔ৘ใ(FP-PDBUJPO"1* w ΧϝϥɺϚΠΫ.FEJB%FWJDFT"1* w δϟΠϩηϯα%FWJDF.PUJPO&WFOU w ֤04ͷIPPL w ,PUMJO8FC"QQ*OUFSGBDF w 4XJGU8,4DSJQU.FTTBHF)BOEMFS

Slide 25

Slide 25 text

1VTI௨஌͸ʁ

Slide 26

Slide 26 text

1VTI௨஌͸'JSFCBTFΛܦ༝ͯ͠഑৴Մೳ w &MJYJS%FTLUPQͱ͸ผʹ1IPFOJYαʔόʔΛཱͯΔ w "OESPJE J04Ͱ'JSFCBTF4%,ΛೖΕΔ w ഑৴༻σόΠετʔΫϯΛ1IPFOJYαʔόʔʹอଘ w ഑৴༻ͷϥΠϒϥϦ1JHFPOΛ࢖༻֤ͯ͠୺຤ʹૹ৴ w ड৴࣌ʹ8FC7JFXͷಛఆͷϖʔδΛ։͘ॲཧΛߦ͏

Slide 27

Slide 27 text

࡞Γํ

Slide 28

Slide 28 text

w NJYQIYOFXCMPH w DECMPH w NJYFDUPNJHSBUF w ϥΠϒϥϦʹEFTLUPQ@TFUVQΛ௥Ճ w NJYEJQTHFU w NJYEFTLUPQJOTUBMM w NJYEFTLUPQJPTTFUVQ w NJYEFTLUPQBOESPJETFUVQ δΣωϨʔλΛೖΕͯίϚϯυ͚ͩͰ׬ྃ

Slide 29

Slide 29 text

8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫ ʢ&MJYJS1IPFOJY Ͱ ຊ֨తͳεϚϗΞϓϦ͕࡞ΕΔʁʂ

Slide 30

Slide 30 text

࡞Γ·ͨ͠ "QQ4UPSF (PPHMF1MBZ

Slide 31

Slide 31 text

8FCμογϡϘʔυ΋͋ΔΑʂ IUUQTUSBSFDP fl ZEFW

Slide 32

Slide 32 text

ͲΜͳΞϓϦ͔ʁ w (PPHMF1MBDFT"1*Ͱݕࡧ͠ɺߦ͖͍ͨεϙοτɺߦͬͨεϙοτΛ؅ཧ w ֤04ωΠςΟϒػೳΛ࢖ͬͯ(14ϩάΛऔಘ w (14ϩάΛ.BQ-JCSF্ʹϦΞϧλΠϜඳը͢Δ w อଘͨ͠εϙοτ͔ΒϓϥϯΛ࡞੒ w νΣοΫΠϯػೳ w φϏήʔγϣϯػೳ

Slide 33

Slide 33 text

ΞϓϦߏ੒ 􀪬 􁟜 􀦱 􁟜 1PTUHSF42- (14-PHHJOH ʢ%#ߴෛՙʣ "1*8FC%BTICPBSE &MJYJS%FTLUPQ`T1IPFOJY 4QPU 'PMEFS 3PVUF$36% %#௿ෛՙ

Slide 34

Slide 34 text

࢖༻ͨ͠αʔϏε w 4FSWFS fl ZJP w %#IPTUJOH fl ZJP w .BJM#SBWP w -PHPEFTJHODPN w %PNBJO͘͞ΒΠϯλʔωοτ

Slide 35

Slide 35 text

$*$%ʹ͍ͭͯ w $* w (JU)VC"DUJPOTͰ௨ৗͷ1IPFOJYΞϓϦέʔγϣϯͱͯ͠$*ΛճͤΔ w /BUJWFػೳʹؔͯ͠͸खಈςετ͔ΞϓϦ༻ͷϦϙδτϦΛ࡞੒͢Δඞཁ͕͋Δ w $% w (JUIVC"DUJPOTجຊखಈͰߦͬͨͷͰະݕূ w "OESPJE͸ΞϓϦॺ໊Λߦ͍BBCϑΝΠϧΛ"OESPJE4UVEJPͰ࡞੒ w J04͸ετΞϖʔδΛ࡞੒͠ɺ9DPEF͔Β"SDIJWFΛߦ͍JQBϑΝΠϧΛ࡞੒ɺΞοϓϩʔυ w 9DPEF$MPVEϑΥϧμߏ੒తʹผϦϙδτϦΛ࡞੒͢Δඞཁ͕͋Δ

Slide 36

Slide 36 text

ϚωλΠζʹ͍ͭͯ w ՝ۚػೳ͸ࠓճ͸࡞੒͍ͯ͠ͳ͍͕ɺ8FCμογϡϘʔυ͕͋ΔͷͰ͔ͦ͜ Β4USJQF1BZNFOU౳Λ࢖͏ͷ͕ແ೉ w ֤ετΞͰ՝ۚΛߦ͏৔߹͸ωΠςΟϒػೳͱ࣮ͯ͠૷͕ඞཁ w ΞϑΣϦΤΠτϦϯΫ͸)5.-ͳͷͰσϑΥϧτͷϒϥ΢βͰ։͘Α͏ʹ͢ Ε͹େৎ෉ͦ͏

Slide 37

Slide 37 text

ηΩϡϦςΟ w "1*Ωʔ౳ͷൿಗ৘ใ͸ҰԠόΠφϦσʔλԽ͞Ε͍ͯΔ͕ɺΞϓϦϑΝΠϧʹಉ ࠝ͞Ε͍ͯΔͨΊൈ͔ΕΔඞཁ͕͋Δ w ରԠࡦɿ೉ಡԽ w ϥΠϒϥϦͰಡΈࠐΈ࣌ʹҎԼͷ༷ͳॲཧΛߦ͏ w ؀ڥม਺໊Λແؔ܎ͳจࣈྻʹม͑Δ w ൿಗ৘ใΛ҉߸Խ͠ɺϥΠϒϥϦ͔ΒಡΈऔΔࡍʹ෮߸ w ىಈ࣌ʹ҉߸Խͨ͠৘ใʹͯ͠औಘ w ىಈ࣌ʹ୺຤*%ΛTBMUʹͯ͠αʔόʔ͔Β҉߸Խ͞Εͨൿಗ৘ใΛऔಘͯ͠෮߸