Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Webからモバイルへ Vue.js × Capacitor 活用事例

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Naoki Haba Naoki Haba
June 12, 2025
Programming
1.5k
0

Webからモバイルへ Vue.js × Capacitor 活用事例

Vue.js v-tokyo Meetup #23
https://vuejs-meetup.connpass.com/event/355473/

Avatar for Naoki Haba

Naoki Haba

June 12, 2025

More Decks by Naoki Haba

See All by Naoki Haba
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
98
Vite+ Unified Toolchain for the Web
Avatar for Naoki Haba naokihaba
0
920
Nuxt 4 の Singleton Data Fetching Layer で 何が変わるのか
Avatar for Naoki Haba naokihaba
1
2.4k
Laravel+PHPStanで始める実践的静的解析入門
Avatar for Naoki Haba naokihaba
2
820
Pinia Colada が実現するスマートな非同期処理
Avatar for Naoki Haba naokihaba
4
2.5k
unplugin-vue-routerで実現する Nuxt 風ファイルベースルーティング
Avatar for Naoki Haba naokihaba
1
290
VueUse: 5分で分かる Vue.js 開発の効率化術
Avatar for Naoki Haba naokihaba
5
4.5k
チームで始める_テスト文化のススメ
Avatar for Naoki Haba naokihaba
0
870
不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~
Avatar for Naoki Haba naokihaba
0
600

Other Decks in Programming

See All in Programming
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
240
Claude Codeを組織的に動かして月400PRを実現した話
Avatar for happy_ryo happy_ryo
0
280
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.1k
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
110
巨大モノリシックアプリ モダン化大作戦
Avatar for Ryomm ktcryomm
0
1k
AI Agent時代のリアーキテクチャ戦略と実践
Avatar for Kazuhito Hokamura hokaccha
9
4.4k
選挙速報を多くのユーザーへ 届ける Live Activities 設計
Avatar for kengo saito hamayokokuririn
0
140
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
340
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
Avatar for Tetsuya Kikuchi tkikuc
3
550
What We Talk About When We Talk About XP
Avatar for seki at druby.org m_seki
2
620
FreeBSDでZabbixを動かす.pdf
Avatar for kenkino kenkino
0
280
世界の中心で、AI（App Intents）をさけぶ ー App Intents中心設計の実践ガイド
Avatar for touyou touyou
0
570

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
250
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
280
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
500
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
410
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
300
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

Transcript

  1. 2025年6月13日 Naoki Haba Webからモバイルへ Vue.js × Capacitor 活用事例 Vue.js v-tokyo

    Meetup #23

  2. 2 • Naoki Haba • 株式会社 コドモン ソフトウェアエンジニア • Vue

    Fes Japan 2025 コアスタッフ 自己紹介

  3. 3 Capacitorとは何か

  4. 4 Capacitorとは何か

  5. 5 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works

  6. 6 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works

  7. 7 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works

  8. 8 Capacitorとは何か ① Capacitorインストール（今回はiOSのみ） ② プロジェクトのビルド & iOSプラットフォームの追加

  9. 9 Capacitorとは何か ③ ビルドファイルをiOSプロジェクトに同期 & 起動 ④ 起動完了🚀

  10. 10 Capacitorとは何か https://capacitorjs.jp/blog/how-capacitor-works

  11. 11 コドモンにおけるCapacitorの活用事例

  12. 12 すべての先生に 子どもと向き合う 時間と心のゆとりを こんなプロダクトを開発しています メインプロダクトは、保育・教育施設向けWebアプリケーション。 保護者と施設のやり取りを支えるモバイルアプリケーションや、施設職員向けモバイル版 アプリケーション、外部サービスと連携するAPIなども開発しています。

  13. 13 • Flutter • React Native • NativeScript etc.. コドモンにおけるCapacitorの活用事例

  14. 14 コドモンにおけるCapacitorの活用事例

  15. 15 • ビルド速度の課題 • プラグインのメンテナンス継続性 コドモンにおけるCapacitorの活用事例

  16. 16 • ビルド速度の改善 • Apache Cordova との高い互換性 • Live Update

    機能を活用したリリースフロー高速化 コドモンにおけるCapacitorの活用事例

  17. 17 • Web技術（HTML、CSS、JavaScript）を活用して モバイルアプリケーション開発が可能 • Web技術に精通したチームがモバイルアプリ開発に 取り組める まとめ

  18. None