Vue.jsのプロジェクトを、Monacaでネイティブアプリにできるかチャレンジした記録。
ΏΔ8FCษڧձ!ࡳຈ@tacck.POBDBॳ৺ऀ͕7VFKTͰΞϓϦΛ࡞ͬͯΈͨ2019/05/30with Monaca UGin Sapporo
View Slide
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH୭• ໊લtacck / ݪ • ॴଐגࣜձࣾϊʔεσΟςʔϧ• ओ࠵• ΏΔWebษڧձ@ࡳຈ• εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ• ͖ͳϑΟΪϡΞεέʔτͷٕεϓϨουɾΠʔάϧ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHΏΔ8FCษڧձ!ࡳຈͱ• ʮWebʯͱ͍͏Ωʔϫʔυʹؔ͢ΔɺΏΔ͍ษڧձɻ• جຊࢲͷฉ͖͍ͨ͜ͱΛςʔϚʹͯ͠ɺ Έͳ͞Μʹൃදͯ͠Β͍ͬͯ·͢ɻ • 20188݄͔Β࢝·Γɺݱࡏ·Ͱʹ5ճ։࠵ɻ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH.POBDBͷܦݧ• θϩ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH.POBDBͷܦݧ• θϩͰͳ͔ͬͨɻ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH.POBDBͷܦݧ• θϩͰͳ͔ͬͨɻ Ͱ3લ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHࠓͷ• Monaca ͷ(࣮࣭)ॳ৺ऀ͕• Vue.js + Monaca Ͱ• ωΠςΟϒΞϓϦ࡞ΓʹνϟϨϯδͨ͠
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH·ͣ.POBDBΛ৮Δ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH.POBDBͷϖʔδ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHOQNJHNPOBDB
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHNPOBDBMPHJO
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHNPOBDBJNQPSU
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHNPOBDBQSFWJFX
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHϒϥβͰ֬ೝ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHJ1IPOFͷ6*෩ʹΓସΘΔ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH7VFKTͷϓϩδΣΫτΛ .POBDBϓϩδΣΫτ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH/ZBO/ZBO/ZBO
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH/ZBO/ZBO/ZBOVue-CLI v2 Ͱ࡞ͬͨ ϓϩδΣΫτ (ϖʔδભҠͳ͠)
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHͬͯΈͨ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHHJUDMPOF
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHNPOBDBJOJU
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHOQNJOTUBMM
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHͰ͖·ͨ͠
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦͰ֬ೝ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHNPOBDBVQMPBE
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHμϝͰͨ͠
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHͳͥ• “node_modules/npm” ͷόʔδϣϯ͕ͦ͏• ґଘؔʹ͋ΔͷͰ͍Ζ͍Ζ໘ͦ͏ • ఘΊ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH7VFKTͷϓϩδΣΫτΛ .POBDBϓϩδΣΫτ1BSU
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH/ZBO/ZBO/ZBOVue-CLI v2 Ͱ࡞ͬͨ ϓϩδΣΫτ (ϖʔδભҠͳ͠)Vue-CLI v3 ͷϓϩδΣΫτ Ҡ͠ସ͑
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHҠ͠ସ͑• ͕ΜΔ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHҠ͠ସ͑
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦͰ֬ೝ1BSU
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦͰ֬ೝJ04
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦͰ֬ೝ"OESPJE
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH"OESPJEωΠςΟϒΞϓϦͰ֬ೝ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHϏϧυϝχϡʔ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH"OESPJEΞϓϦͷϏϧυ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHϏϧυத
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHϏϧυྃ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH֎෦ʹଓͰ͖ͳ͍
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH͜͜ͰλΠϜΞοϓ⏰
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH·ͱΊ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH7VF$-*( Ͱ͖ͨ͜ͱVue-CLI v2 ͷϓϩδΣΫτΛ MonacaϓϩδΣΫτʹͰ͖ͨɻ Vue-CLI v3 ͷϓϩδΣΫτͰ͖ͨɻ) Ͱ͖ͳ͔ͬͨ͜ͱVue-CLI v2 ͷϓϩδΣΫτɺ ΞοϓϩʔυͰ͖ͳ͔ͬͨɻ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHωΠςΟϒΞϓϦԽ( Ͱ͖ͨ͜ͱDebugΞϓϦͰɺ iOS / Andorid ͲͪΒͰಈ͍ͨɻ) Ͱ͖ͳ͔ͬͨ͜ͱAndroid ωΠςΟϒΞϓϦͰɺ ֎෦ʹ௨৴Ͱ͖ͳ͔ͬͨɻ௨৴ͷઃఆपΓɺ͍Ζ͍Ζ֬ೝ͍ͨ͠ɻ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHײ• Vue.jsͳͲͷWebϑϩϯτΤϯυͷࣝͰɺ (DebugΞϓϦͩͱͯ͠) ωΠςΟϒΞϓϦΛ࡞ΕΔɻ• ͜Εɺͱͯڻ͖Ͱ͋Γɺײಈɻ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH%FCVHΞϓϦͷ֬ೝͰ ָ͍͠
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH࣍ωΠςΟϒΞϓϦʹ νϟϨϯδ
!UBDDLΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVHFOE