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
800
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
48
技術で挑む保育現場の課題解決 〜コドモンエンジニアの 開発スタイルと取り組み
naokihaba
1
110
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
1.2k
unplugin-vue-routerで実現する Nuxt 風ファイルベースルーティング
naokihaba
1
130
VueUse: 5分で分かる Vue.js 開発の効率化術
naokihaba
5
3.5k
前職でNestJSを採用して得た体験からの学び
naokihaba
0
400
GitHub_Packagesで型情報を共通化したら素晴らしかった件
naokihaba
0
260
チームで始める_テスト文化のススメ
naokihaba
0
800
不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~
naokihaba
0
530
Other Decks in Programming
See All in Programming
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
50
32k
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
380
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
420
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
RailsGirls IZUMO スポンサーLT
16bitidol
0
130
GraphRAGの仕組みまるわかり
tosuri13
8
520
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
590
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
690
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
390
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
250
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
720
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Bash Introduction
62gerente
614
210k
Navigating Team Friction
lara
187
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
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