Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Monaca初心者がVue.jsでアプリを作ってみた #monaca_ug #ゆるweb札幌

Avatar for Kihara, Takuya Kihara, Takuya
PRO
May 30, 2019
Technology
0
2.1k

Monaca初心者がVue.jsでアプリを作ってみた #monaca_ug #ゆるweb札幌

Vue.jsのプロジェクトを、Monacaでネイティブアプリにできるかチャレンジした記録。
Avatar for Kihara, Takuya

Kihara, Takuya
PRO

May 30, 2019
Tweet

More Decks by Kihara, Takuya

See All by Kihara, Takuya
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
78
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
110
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
370
はじめまして GoLang #cm_sapporo_study
Avatar for Kihara, Takuya tacck
PRO
0
110
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
71
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
96
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
Avatar for Kihara, Takuya tacck
PRO
0
830
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
Avatar for Kihara, Takuya tacck
PRO
0
60
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
Avatar for Kihara, Takuya tacck
PRO
1
110

Other Decks in Technology

See All in Technology
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
Avatar for Saito Ayumu d120145
0
190
AIエージェントの継続的改善のためオブザーバビリティ
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
6
1.4k
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
Avatar for iselegant iselegant
13
4.1k
Amazon Q Developer for GitHubとAmplify Hosting でサクッとデジタル名刺を作ってみた
Avatar for たけのこ kmiya84377
0
3.5k
【TiDB GAME DAY 2025】Shadowverse: Worlds Beyond にみる TiDB 活用術
Avatar for Cygames cygames
0
690
生成AIでwebアプリケーションを作ってみた
Avatar for tajimon tajimon
2
120
OTFSG勉強会 / Introduction to the History of Delta Lake + Iceberg
Avatar for Databricks Japan databricksjapan
0
120
活きてなかったデータを活かしてみた話 / Shirokane Kougyou vol 19
Avatar for Sansan R&D sansan_randd
1
400
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
Avatar for ShigeruOda shigeruoda
2
350
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1k
AIにどこまで任せる？実務で使える(かもしれない)AIエージェント設計の考え方
Avatar for Har1101 har1101
3
1.2k
從四件事帶你見識見識 事件驅動架構設計 (EDA)
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
960

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
660
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
340
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.3k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k

Transcript

  1. ΏΔ8FCษڧձ!ࡳຈ @tacck .POBDBॳ৺ऀ͕ 7VFKTͰΞϓϦΛ࡞ͬͯΈͨ 2019/05/30 with Monaca UG in Sapporo

  2. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ୭ • ໊લ tacck / ໦ݪ ୎໵

    • ॴଐ גࣜձࣾϊʔεσΟςʔϧ • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ޷͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ
  3. None

  4. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ΏΔ8FCษڧձ!ࡳຈͱ͸ • ʮWebʯͱ͍͏Ωʔϫʔυʹؔ͢ΔɺΏΔ͍ษڧձɻ • جຊ͸ࢲͷฉ͖͍ͨ͜ͱΛςʔϚʹͯ͠ɺ
 Έͳ͞Μʹൃදͯ͠΋Β͍ͬͯ·͢ɻ
 •

    2018೥8݄͔Β࢝·Γɺݱࡏ·Ͱʹ5ճ։࠵ɻ


  5. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷܦݧ • θϩ

  6. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷܦݧ • θϩͰ͸ͳ͔ͬͨɻ

  7. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷܦݧ • θϩͰ͸ͳ͔ͬͨɻ Ͱ΋3೥લ

  8. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ࠓ೔ͷ࿩ • Monaca ͷ(࣮࣭)ॳ৺ऀ͕ • Vue.js +

    Monaca Ͱ • ωΠςΟϒΞϓϦ࡞ΓʹνϟϨϯδͨ͠

  9. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ·ͣ.POBDBΛ৮Δ

  10. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  11. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  12. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  13. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  14. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  15. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  16. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  17. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  18. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  19. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  20. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  21. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  22. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  23. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH .POBDBͷϖʔδ

  24. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJHNPOBDB

  25. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBMPHJO

  26. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBMPHJO

  27. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJNQPSU

  28. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJNQPSU

  29. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX

  30. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  31. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH J1IPOFͷ6*෩ʹ੾ΓସΘΔ

  32. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VFKTͷϓϩδΣΫτΛ
 .POBDBϓϩδΣΫτ΁

  33. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO

  34. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ
 ϓϩδΣΫτ
 (ϖʔδભҠͳ͠)

  35. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ΍ͬͯΈͨ

  36. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH HJUDMPOF

  37. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU

  38. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU

  39. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM

  40. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM

  41. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX

  42. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX

  43. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  44. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  45. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ͱ͖·ͨ͠

  46. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦͰ֬ೝ

  47. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦ

  48. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE

  49. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE

  50. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH μϝͰͨ͠

  51. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ͳͥ • “node_modules/npm” ͷόʔδϣϯ͕௿ͦ͏ • ґଘؔ܎ʹ͋ΔͷͰ͍Ζ͍Ζ໘౗ͦ͏ •

    ఘΊ

  52. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VFKTͷϓϩδΣΫτΛ
 .POBDBϓϩδΣΫτ΁1BSU

  53. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ
 ϓϩδΣΫτ
 (ϖʔδભҠͳ͠)

  54. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH /ZBO/ZBO/ZBO Vue-CLI v2 Ͱ࡞ͬͨ
 ϓϩδΣΫτ
 (ϖʔδભҠͳ͠) Vue-CLI

    v3 ͷϓϩδΣΫτ΁
 Ҡ͠ସ͑

  55. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ҡ͠ସ͑ • ͕Μ͹Δ

  56. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ҡ͠ସ͑

  57. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU

  58. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBJOJU

  59. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH OQNJOTUBMM

  60. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBQSFWJFX

  61. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  62. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  63. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ͱ͖·ͨ͠

  64. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦͰ֬ೝ1BSU

  65. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE

  66. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH NPOBDBVQMPBE

  67. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ϒϥ΢βͰ֬ೝ

  68. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦͰ֬ೝ J04

  69. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH

  70. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦͰ֬ೝ "OESPJE

  71. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH

  72. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ͱ͖·ͨ͠

  73. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH "OESPJE ωΠςΟϒΞϓϦͰ֬ೝ

  74. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ϗϧυϝχϡʔ

  75. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH "OESPJEΞϓϦͷϏϧυ

  76. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ϗϧυத

  77. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH Ϗϧυ׬ྃ

  78. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH

  79. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ֎෦ʹ઀ଓͰ͖ͳ͍

  80. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ͜͜ͰλΠϜΞοϓ ⏰

  81. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ·ͱΊ

  82. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH 7VF$-* ( Ͱ͖ͨ͜ͱ Vue-CLI v2 ͷϓϩδΣΫτΛ
 MonacaϓϩδΣΫτʹͰ͖ͨɻ


    
 Vue-CLI v3 ͷϓϩδΣΫτ΋Ͱ͖ͨɻ ) Ͱ͖ͳ͔ͬͨ͜ͱ Vue-CLI v2 ͷϓϩδΣΫτ͸ɺ
 ΞοϓϩʔυͰ͖ͳ͔ͬͨɻ

  83. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ωΠςΟϒΞϓϦԽ ( Ͱ͖ͨ͜ͱ DebugΞϓϦͰ͸ɺ
 iOS / Andorid

    ͲͪΒͰ΋ಈ͍ͨɻ ) Ͱ͖ͳ͔ͬͨ͜ͱ Android ωΠςΟϒΞϓϦͰ͸ɺ
 ֎෦ʹ௨৴Ͱ͖ͳ͔ͬͨɻ ௨৴ͷઃఆपΓ͸ɺ͍Ζ͍Ζ֬ೝ͍ͨ͠ɻ

  84. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ײ૝ • Vue.jsͳͲͷWebϑϩϯτΤϯυͷ஌ࣝͰɺ
 (DebugΞϓϦͩͱͯ͠΋) ωΠςΟϒΞϓϦΛ࡞ΕΔɻ • ͜Ε͸ɺͱͯ΋ڻ͖Ͱ͋Γɺײಈɻ

  85. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH %FCVHΞϓϦͷ֬ೝͰ΋
 ָ͍͠

  86. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH ࣍͸ωΠςΟϒΞϓϦʹ
 νϟϨϯδ

  87. !UBDDL ΏΔ8FCษڧձXJUI.POBDB6(JO4BQQPSP NPOBDBVH FOE