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
62
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 コドモン開発チーム
事業成長を後押しする ほどよいリプレイスの進め方 / Th Way to Replace for Business Growth
codmoninc
0
13
コドモンQAエンジニア紹介 / CoDMON QA Engineer Introduction
codmoninc
0
42
4年間、組織に向き合う中で出会った リアルな悩みと乗り越え方 / Facing Organizational Challenges: Real Struggles and Solutions
codmoninc
1
240
ひとりめEMとして70人組織になるまでにやったこと / What I did to help the organization grow to 70 people as the first EM
codmoninc
0
170
コドモンAnalyticsグループの、 2年間の成果と課題 / Codmon Analytics Group: Achievements and Challenges Over Two Years
codmoninc
0
110
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
3
27k
組織&チームで取り組むプロポーザル企画の実践法 / Crafting Winning Proposals: A Practical Guide for Organizations and Teams
codmoninc
0
46
コードに語らせよう 自己ドキュメント化が内包する楽しさについて / Let the Code Speak: The Joy of Self-Documenting Code
codmoninc
0
58
コードリーディング入門! 先人たちに思いを馳せれば プログラミングがもっと楽しくなる / Introduction to Code Reading!
codmoninc
1
490
Other Decks in Programming
See All in Programming
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
1
570
Serena MCPのすすめ
wadakatu
4
860
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
kwzr
1
740
CSC509 Lecture 03
javiergs
PRO
0
320
CSC305 Lecture 01
javiergs
PRO
1
380
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
2.9k
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
310
dynamic!
moro
9
5.5k
議事録の要点整理を自動化! サーバレス Bot 構築術
penpeen
3
1.6k
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
jrsaruo
0
120
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
350
CSC305 Lecture 02
javiergs
PRO
1
260
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Site-Speed That Sticks
csswizardry
11
870
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Six Lessons from altMBA
skipperchong
28
4k
RailsConf 2023
tenderlove
30
1.2k
Facilitating Awesome Meetings
lara
56
6.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Writing Fast Ruby
sferik
629
62k
Agile that works and the tools we love
rasmusluckow
331
21k
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