Skip to main content
Version: v8

Ionicの紹介

Ionic は、Web 技術(HTML、CSS、JavaScript)を使用して、高性能で高品質なモバイルアプリを構築するためのオープンソース UI ツールキットで、AngularReactVueなどの人気フレームワークとの統合を提供しています。

Ionic のインストールFirst App Tutorial を参考に、主な概念を学ぶことができます。

インストールガイド

あなたのシステムの設定方法とフレームワークのインス トールガイド。

UIコンポーネント

Ionic Frameworkの美しくデザインされたUIコンポーネントにダイブしましょう。

ネイティブ機能

BluetoothやMap、HealthKitのようなNativeデバイスプラグインの統合方法。

Theming

Ionicアプリのビジュアルデザインをブランドに合わせて簡単にカスタマイズおよび変更する方法を学びましょう。

概要

Ionic は、アプリのフロントエンド UX と UI インタラクションに焦点を当てています — UI コント ロール、インタラクション、ジェスチャー、アニメーション。学習が容易で、AngularReactVueなどの他のライブラリやフレームワークと統合できます。また、シンプルなscript includeを使用して、フロントエンドフレームワークなしでスタンドアロンで使用することもできます。Ionic について詳しく知りたい場合は、基本を説明する動画を作成しました。

どこでもひとつのコードで

Ionic は、ウェブ開発者がすべての主要アプリストアとモバイルウェブ用のアプリを単一のコードベースから構築できるすばらしいモバイルアプリスタックです。また、 Adaptive Styling によって、Ionic アプリはすべてのデバイス上で適切な外観と操作感を提供します。

パフォーマンスにフォーカス

Ionic は、効率的なハードウェアアクセラレーション、タッチに最適化されたジェスチャなどのベストプラクティスにより、最新のモバイルデバイスで優れたパフォーマンスと動作を実現するように設計されています。

クリーンでシンプル、機能的なデザイン

Ionic は、現在のすべてのモバイルデバイスおよびプラットフォームで美しく動作し、表示するように設計されています。事前に用意されたコンポーネント、タイポグラフィ、各プラットフォームに対応したすばらしい(まだ拡張可能な)ベーステーマにより、スタイルを構築できます。

ネイティブおよび Web に最適化

Ionic はネイティブアプリケーションの UI ガイドラインをエミュレートし、ネイティブ SDK を使用して、ネイティブアプリの UI 標準とデバイス機能を、オープン Web の完全なパワーと柔軟性とともに実現します。Ionic は Capacitor(または Cordova)を使ってネイティブにデプロイするか、Progressive Web App としてブラウザで実行します。

ゴール

クロスプラットフォーム