Skip to main content
Version: v9

Ionic Vueの概要

@ionic/vueは、Ionic Framework の全機能を Vue 開発者にもたらします。Vue エコシステムとのシームレスな統合を提供するため、使い慣れた Vue ツール、コンポーネント、ベストプラクティスを使用して高品質なクロスプラットフォームアプリを構築できます。また、Ionic の豊富な UI ライブラリとネイティブ機能にもアクセスできます。

Vue バージョンサポート​

Ionic Vue v9 は Vue 3.5 以降をサポートしています。サポートされているバージョンやサポートポリシーの詳細については、Ionic Vue サポートポリシーを参照してください。

Vue ツール​

Ionic Vue プロジェクトは、標準の Vue CLI プロジェクトと同じツールを使用するため、アプリのビルド、テスト、デプロイに Vue CLI の全機能セットを活用できます。スタータープロジェクトには、ナビゲーション用の Vue Router や、型安全性と開発者体験の向上のための TypeScript サポートなど、デフォルトで有効になっている便利な機能が含まれています。

ネイティブツール​

Capacitorは、Ionic Vue の公式クロスプラットフォームランタイムで、単一のコードベースで iOS、Android、Web 上でネイティブにアプリを実行できます。

多くのCordovaプラグインを Ionic Vue で使用できますが、推奨され完全にサポートされているのは Capacitor です。Ionic CLIは Ionic Vue プロジェクト向けに公式の Cordova 統合を提供していません。Capacitor で Cordova プラグインを使用する詳細については、Capacitor のドキュメントを参照してください。

インストール​

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type vue

$ cd myApp
$ ionic serve █

リソース​

はじめに

最初のIonic Vueアプリを迅速にセットアップし、フレームワークとCLIの基本を学びます。

Vueドキュメント

公式Vueドキュメントから、Vueのコアコンセプト、ツール、ベストプラクティスについて詳しく学びます。

ナビゲーション

Vue Routerを使用してIonic Vueアプリでルーティングとナビゲーションを処理する方法を発見します。

コンポーネント

美しいアプリを構築するためのIonicの豊富なUIコンポーネントライブラリを探索します。

テーマ設定

Ionicの強力なテーマ設定システムを使用してアプリの外観と操作性をカスタマイズする方法を学びます。

Capacitorドキュメント

Capacitorを使用してネイティブデバイス機能にアクセスし、アプリをiOS、Android、Webにデプロイする方法を探索します。

Contents

Edit this page