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.2k

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
雑食エンジニアの生きる道〜AI時代のこれから #seb_summit
Avatar for Kihara, Takuya tacck
PRO
1
67
それでは聞いてください「Impeller導入に失敗しました」 #FlutterKaigi #skia
Avatar for Kihara, Takuya tacck
PRO
0
410
5年目から始める Vue3 サイト改善 #frontendo
Avatar for Kihara, Takuya tacck
PRO
3
580
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
55
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
33
Flutter を始めよう！ - Flutter の開発現場から
Avatar for Kihara, Takuya tacck
PRO
0
180
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
430
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
180
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
560

Other Decks in Technology

See All in Technology
最強のAIエージェントを諦めたら品質が上がった話 / how quality improved after giving up on the strongest AI agent
Avatar for kt2 kt2mikan
0
160
Claude Code のコード品質がばらつくので AI に品質保証させる仕組みを作った話 / A story about building a mechanism to have AI ensure quality, because the code quality from Claude Code was inconsistent
Avatar for nrs nrslib
13
6.1k
生成AIの利用とセキュリティ /gen-ai-and-security
Avatar for Masayoshi Mizutani mizutani
1
1.6k
Evolution of Claude Code & How to use features
Avatar for Oikon oikon48
1
590
楽しく学ぼう！コミュニティ入門 AWSと人が つむいできたストーリー
Avatar for hiroramos hiroramos4
PRO
1
190
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
1.7k
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
5
580
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
Avatar for MasahiroKawahara masahirokawahara
1
15k
マルチプレーンGPUネットワークを実現するシャッフルアーキテクチャの整理と考察
Avatar for Masayuki Kobayashi markunet
2
230
Scrumは歪む — 組織設計の原理原則
Avatar for Daisuke Ashihara dashi
0
120
When an innocent-looking ListOffsets Call Took Down Our Kafka Cluster
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
120
身体を持ったパーソナルAIエージェントの 可能性を探る開発
Avatar for yoko / Naoki Yokomachi yokomachi
1
100

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
2.8k
Between Models and Reality
Avatar for mayunak mayunak
2
230
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
280
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
200
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k

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