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
Naoki Haba
June 12, 2025
Programming
0
1k
Webからモバイルへ Vue.js × Capacitor 活用事例
Vue.js v-tokyo Meetup #23
https://vuejs-meetup.connpass.com/event/355473/
Naoki Haba
June 12, 2025
Tweet
Share
More Decks by Naoki Haba
See All by Naoki Haba
Laravel+PHPStanで始める実践的静的解析入門
naokihaba
2
450
技術で挑む保育現場の課題解決 〜コドモンエンジニアの 開発スタイルと取り組み
naokihaba
1
150
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
1.4k
unplugin-vue-routerで実現する Nuxt 風ファイルベースルーティング
naokihaba
1
160
VueUse: 5分で分かる Vue.js 開発の効率化術
naokihaba
5
3.8k
前職でNestJSを採用して得た体験からの学び
naokihaba
0
410
GitHub_Packagesで型情報を共通化したら素晴らしかった件
naokihaba
0
260
チームで始める_テスト文化のススメ
naokihaba
0
810
不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~
naokihaba
0
550
Other Decks in Programming
See All in Programming
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
420
オープンソースソフトウェアへの解像度🔬
utam0k
16
3k
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
株式会社 Sun terras カンパニーデック
sunterras
0
360
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
240
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
500
Software Architecture
hschwentner
6
2.3k
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6.3k
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
990
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
2
500
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.4k
CSC305 Lecture 06
javiergs
PRO
0
250
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
How GitHub (no longer) Works
holman
315
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
KATA
mclloyd
PRO
32
15k
Statistics for Hackers
jakevdp
799
220k
Producing Creativity
orderedlist
PRO
347
40k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
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