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
WebからモバイルへVue.js × Capacitor 活用事例
Search
コドモン開発チーム
June 16, 2025
Programming
0
49
WebからモバイルへVue.js × Capacitor 活用事例
Vue.js v-tokyo Meetup #23
https://vuejs-meetup.connpass.com/event/355473/
コドモン開発チーム
June 16, 2025
Tweet
Share
More Decks by コドモン開発チーム
See All by コドモン開発チーム
ひとりめEMとして70人組織になるまでにやったこと / What I did to help the organization grow to 70 people as the first EM
codmoninc
0
120
コドモンAnalyticsグループの、 2年間の成果と課題 / Codmon Analytics Group: Achievements and Challenges Over Two Years
codmoninc
0
85
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
3
26k
組織&チームで取り組むプロポーザル企画の実践法 / Crafting Winning Proposals: A Practical Guide for Organizations and Teams
codmoninc
0
38
コードに語らせよう 自己ドキュメント化が内包する楽しさについて / Let the Code Speak: The Joy of Self-Documenting Code
codmoninc
0
50
コードリーディング入門! 先人たちに思いを馳せれば プログラミングがもっと楽しくなる / Introduction to Code Reading!
codmoninc
1
410
子育てインフラの構築と子どもを取り巻く市場の拡大に向けて / Building child-rearing infrastructure and expanding the children's market
codmoninc
0
610
伸び代しかない業界で、何をどうつくる?PdM視点で語るプロダクト開発の裏側 / A PdM's Inside Story of Product Development
codmoninc
0
560
技術で挑む保育現場の課題解決 〜コドモンエンジニアの開発スタイルと取り組み〜 / Tackling Challenges in Childcare Settings with Technology
codmoninc
0
560
Other Decks in Programming
See All in Programming
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
590
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
AWS Serverless Application Model入門_20250708
smatsuzaki
0
130
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
120
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.4k
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
110
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
260
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
970
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
570
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
po3rin
8
980
マイコンでもRustのtestがしたい その2/KernelVM Tokyo 18
tnishinaga
2
2.3k
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
lemonade_37
2
490
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Thoughts on Productivity
jonyablonski
69
4.8k
Code Review Best Practice
trishagee
70
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
GitHub's CSS Performance
jonrohan
1031
460k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Designing for humans not robots
tammielis
253
25k
Transcript
2025年6月13日 Naoki Haba Webからモバイルへ Vue.js × Capacitor 活用事例 Vue.js v-tokyo
Meetup #23
2 • Naoki Haba • 株式会社 コドモン ソフトウェアエンジニア • Vue
Fes Japan 2025 コアスタッフ 自己紹介
3 Capacitorとは何か
4 Capacitorとは何か
5 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works
6 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works
7 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works
8 Capacitorとは何か ① Capacitorインストール(今回はiOSのみ) ② プロジェクトのビルド & iOSプラットフォームの追加
9 Capacitorとは何か ③ ビルドファイルをiOSプロジェクトに同期 & 起動 ④ 起動完了🚀
10 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works
11 コドモンにおけるCapacitorの活用事例
12 すべての先生に 子どもと向き合う 時間と心のゆとりを こんなプロダクトを開発しています メインプロダクトは、保育・教育施設向けWebアプリケーション。 保護者と施設のやり取りを支えるモバイルアプリケーションや、施設職員向けモバイル版 アプリケーション、外部サービスと連携するAPIなども開発しています。
13 • Flutter • React Native • NativeScript etc.. コドモンにおけるCapacitorの活用事例
14 コドモンにおけるCapacitorの活用事例
15 • ビルド速度の課題 • プラグインのメンテナンス継続性 コドモンにおけるCapacitorの活用事例
16 • ビルド速度の改善 • Apache Cordova との高い互換性 • Live Update
機能を活用したリリースフロー高速化 コドモンにおけるCapacitorの活用事例
17 • Web技術(HTML、CSS、JavaScript)を活用して モバイルアプリケーション開発が可能 • Web技術に精通したチームがモバイルアプリ開発に 取り組める まとめ
None