Ionic ホーム

Ionic React を使用して、単一のコードベースからネイティブおよびプログレッシブ Web アプリを構築しましょう。

開始 ライブデモ ライブデモ

100 以上の美しい React コンポーネント

モバイルおよび Web コンポーネントを React で最適化し、超高速のモバイル、Web、およびデスクトップアプリを構築します。Ionic React にはネイティブよりも多くの既製の制御機能が備わっており、カスタムアプリの設計を加速します。

  • カード
  • リスト
  • アクションシート
コンポーネントを探索

ミュージックアプリのデモ。
Ionic React で構築されています。

ベストプラクティスに従って Ionic React で構築されたこのデモミュージックアプリを試してください。 注: アプリは合法的な公の音楽 API がないため、実際には音楽を再生しません。

一度構築すれば、iOS、Android、Electron、Web でネイティブに実行できます。

Ionic React アプリは、Capacitor プロジェクト(Cordova ではありません)を使用して、iOS、Android、Electron、Web のすべてのネイティブ API を利用できます。

  • カメラ
  • 通知
  • ジオロケーション

Ionic React サンプルアプリを試す。

開始してベストプラクティスを学ぶための最善の方法は、サンプルアプリを探索することです。

ミュージックプレイヤー

このページで利用できるデモは、ミュージックプレイヤーアプリ、タブベースのナビゲーション、基本的なユーザーアカウント機能のシンプルなデモです。

試してみる

カンファレンスアプリ

Ionic の偽のカンファレンスアプリは、タブとメニューナビゲーションの両方を組み合わせたアプリの優れた例です。

試してみる

StarTrack

実際の音楽を再生する Apple Music プレイヤーデモ。注: Apple Music アカウントが必要です。

試してみる

エンタープライズの Ionic React。

次のミッションクリティカルなアプリプロジェクトのためのエンタープライズ対応の統合、ツール、専門家のサポート。

セキュリティで保護された ID、暗号化されたオフラインストレージ、クラウドビルド、リアルタイムアプリの更新などの強力な機能を利用できます。

詳細はこちら
Ionic React for Enterprise

Ionic React と React Native

Ionic React は、
React Native の 1 対 1 の代替手段ではありません。実際、いくつかの重要な違いがあります。

Web 標準と React DOM

Web 標準と react-dom 互換 React ライブラリに基づきます。多くの React ライブラリは react-native をサポートしていません。

ファーストクラスのプログレッシブ Web アプリ

React Native は公式には PWA をサポートしていません。対照的に、Ionic React は PWA とネイティブの iOS、Android、および Electron をサポートしています。

ブラウザで構築します。

ファーストクラスのブラウザ開発サポートにより、今まで以上に高速にアプリを構築できます。アプリの重要な部分を Chrome で直接構築できます!

エンタープライズ対応

Ionic React は、エンタープライズアプリ開発に特化した企業によってサポートされています。サポートされているネイティブプラグイン、DevOps、サービスなどが含まれます。

人々がどう言っているか

Ionic React を気に入っていますか?

Twitter でお知らせください

Ionic React を始めましょう

React でより優れたアプリをより高速に構築しましょう


npm install -g @ionic/cli
ionic start --type=react