Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Monaca初心者がVue.jsでアプリを作ってみた #monaca_ug #ゆるweb札幌
Kihara, Takuya
May 30, 2019
Technology
0
1.3k
Monaca初心者がVue.jsでアプリを作ってみた #monaca_ug #ゆるweb札幌
Vue.jsのプロジェクトを、Monacaでネイティブアプリにできるかチャレンジした記録。
Kihara, Takuya
May 30, 2019
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
AWS Lambda SnapStart で Java の起動高速化できるって本当ですか? #javado
tacck
0
44
ゆるWeb勉強会@札幌 OnLine #22 #ゆるWeb札幌
tacck
0
11
5分でまとめる AWS Amplify アップデート 2022年末版 #ゆるWeb札幌
tacck
0
85
「普通」のエンジニアとしての生存戦略 - または、いかにして技術を楽しむか。
tacck
0
3
AWS Step Functions を AWS Amplify から呼び出した #ゆるWeb札幌
tacck
0
61
ゆるWeb勉強会@札幌 OnLine #21 #ゆるWeb札幌
tacck
0
2
フロントエンド勢から見たAPAC Community Summit記 #jawsug #AWSCommunityAPAC
tacck
0
110
今から始める Amplify Studio - JAWS DAYS版 #jawsug #jawsdays #jawsdays2022
tacck
0
140
今から始める Amplify Studio #stapy
tacck
0
420
Other Decks in Technology
See All in Technology
OpenShiftクラスターのアップグレード自動化への挑戦! / OpenShift Cluster Upgrade Automation
skitamura7446
0
200
データベースの発表には RDBMS 以外もありますよ
maroon1st
0
240
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
510
Deep dive in Reserved Instance ~脳死推奨量購入からの脱却~
kzkmaeda
0
550
目指せCoverage100%! AutoScale環境におけるSavings Plans購入戦略 / JAWS-UG_SRE_Coverage
taishin
0
520
私見「UNIXの考え方」/20230124-kameda-unix-phylosophy
opelab
1
170
インフラ技術基礎勉強会 開催概要
toru_kubota
0
180
IoT から見る AWS re:invent 2022 ― AWSのIoTの歴史を添えて/Point of view the AWS re:invent 2022 with IoT - with a history of IoT in AWS
ma2shita
0
280
あつめたデータをどう扱うか
skrb
2
160
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
3
770
スクラム導入して変わったチーム、組織のありかた
yumechi
0
200
Stripe / Okta Customer Identity Cloud(旧Auth0) の採用に至った理由 〜モリサワの SaaS 戦略〜
tomuro
0
130
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
Statistics for Hackers
jakevdp
785
210k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
840
Adopting Sorbet at Scale
ufuk
65
7.8k
For a Future-Friendly Web
brad_frost
166
7.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
6
4.5k
The World Runs on Bad Software
bkeepers
PRO
59
5.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
400
Three Pipe Problems
jasonvnalue
89
8.9k
Building Adaptive Systems
keathley
27
1.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Transcript
ΏΔ8FCษڧձ!ࡳຈ @tacck .POBDBॳ৺ऀ͕ 7VFKTͰΞϓϦΛ࡞ͬͯΈͨ 2019/05/30 with Monaca UG in Sapporo
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ୭ • ໊લ tacck / ݪ
• ॴଐ גࣜձࣾϊʔεσΟςʔϧ • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ
None
!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 NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJHNPOBDB
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBMPHJO
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBMPHJO
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJNQPSU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJNQPSU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥβͰ֬ೝ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH J1IPOFͷ6*෩ʹΓସΘΔ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VFKTͷϓϩδΣΫτΛ .POBDBϓϩδΣΫτ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ ϓϩδΣΫτ (ϖʔδભҠͳ͠)
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ͬͯΈͨ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH HJUDMPOF
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥβͰ֬ೝ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥβͰ֬ೝ
!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 NPOBDBVH NPOBDBVQMPBE
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH μϝͰͨ͠
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ͳͥ • “node_modules/npm” ͷόʔδϣϯ͕ͦ͏ • ґଘؔʹ͋ΔͷͰ͍Ζ͍Ζ໘ͦ͏ •
ఘΊ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VFKTͷϓϩδΣΫτΛ .POBDBϓϩδΣΫτ1BSU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ ϓϩδΣΫτ (ϖʔδભҠͳ͠)
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ ϓϩδΣΫτ (ϖʔδભҠͳ͠) Vue-CLI
v3 ͷϓϩδΣΫτ Ҡ͠ସ͑
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ҡ͠ସ͑ • ͕ΜΔ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ҡ͠ସ͑
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥβͰ֬ೝ
!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 NPOBDBVQMPBE
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥβͰ֬ೝ
!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
!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 "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 NPOBDBVH ·ͱΊ
!UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VF$-* ( Ͱ͖ͨ͜ͱ 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 NPOBDBVH FOE