Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Monaca初心者がVue.jsでアプリを作ってみた #monaca_ug #ゆるweb札幌
Search
Kihara, Takuya
May 30, 2019
Technology
0
1.8k
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 Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
0
31
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
tacck
0
140
Flutter で "Hello World!! #ゆるWeb札幌
tacck
0
100
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
0
94
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
0
140
ゆるWebの新型コロナ Before/After とこれからのこと #seb_yearend
tacck
0
35
AWS Amplify と Amazon Bedrock を使ってオレオレ生成AIサイトを作る #ゆるWeb札幌
tacck
0
220
「普通」のエンジニアとしての生存戦略〜または、いかにして技術を楽しむか。 #情報メディア入門
tacck
0
90
噂の Amazon Bedrock を Java から使ってみる #javado
tacck
1
350
Other Decks in Technology
See All in Technology
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
データベース研修 DB基礎【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
210
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
スレットハンティングについて知っておきたいこと
hacket
0
130
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
AOAI Dev Day - Opening Session
yoshidashingo
2
440
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
150
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Bash Introduction
62gerente
607
210k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
Building Your Own Lightsaber
phodgson
101
5.9k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Git: the NoSQL Database
bkeepers
PRO
423
64k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
The Invisible Customer
myddelton
117
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
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