ionic-team/ionic-framework

これは何？

主な機能

• 01単一のコードベースからiOS、Android、Web向けのクロスプラットフォームUIコンポーネントを利用できます。
• 02Web Componentsを基盤としており、Angular、React、Vueで利用できます。
• 03Material Designとプラットフォーム固有のスタイルを選択できます。
• 04Capacitorと連携して、iOSおよびAndroid向けのネイティブアプリをパッケージ化できます。
• 05CLIを使ったクイックスタートと、メジャーバージョン間の公式移行ガイドが用意されています。

ユースケース

• Web技術と単一のコードベースを使って、iOSおよびAndroid向けのモバイルアプリを開発する。
• ネイティブアプリのようなナビゲーションやコンポーネントを備えたProgressive Web Appを作成する。
• 既存のAngular、React、VueプロジェクトにIonic UIコンポーネントを追加する。

クイックスタート

1. 1

   ドキュメントのクイックスタートガイドを読む

2. 2

   npmからコアパッケージをインストールする

   npm install @ionic/core
3. 3

   フレームワーク用パッケージ（Angular、React、Vue）のいずれかを選び、そのREADMEに従う

使う前に知っておきたいこと

• !Ionic 3以前のバージョンは別のリポジトリで管理されており、ここではメンテナンスされていません。
• !セットアップ手順は、このREADMEで完結するものではなく、外部ドキュメントを参照する必要があります。

トピック

よくある質問

ionic-framework とは？

Web Componentsを基盤とするオープンソースのUIツールキット。JavaScript/TypeScriptの単一コードベースから、iOS、Android、PWA向けアプリを開発できます。 Ionicは、JavaScriptとWebを使って単一のコードベースからクロスプラットフォームのネイティブアプリやProgressive Web Appsを開発するためのオープンソースツールキットです。UIコンポーネントはWeb Componentsを基盤としているため、Angular、React、Vueで利用できます。プロジェクトは@ionic/coreと、これら3つのフレームワークそれぞれに対応するパッケージとして提供されています。

ionic-framework は無料で使えますか？ライセンスは？

ionic-framework は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

ionic-framework は今もメンテナンスされていますか？

活発にメンテナンス中。ionic-framework の最終コミットは 2026年10月20日 です。

ionic-framework は何に使えますか？

Web技術と単一のコードベースを使って、iOSおよびAndroid向けのモバイルアプリを開発する。 ネイティブアプリのようなナビゲーションやコンポーネントを備えたProgressive Web Appを作成する。 既存のAngular、React、VueプロジェクトにIonic UIコンポーネントを追加する。

ionic-framework のインストール方法は？

ドキュメントのクイックスタートガイドを読む npmからコアパッケージをインストールする: npm install @ionic/core フレームワーク用パッケージ（Angular、React、Vue）のいずれかを選び、そのREADMEに従う

ionic-framework はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/ionic-team/ionic-framework