バージョンアップ情報
Ionic情報
Ionicとは
onic(アイオニック)とは、2013年にDrifty 社によって開発が始まったHTML、CSS、JavaScript などのWebテクノロジーを活用した高品質なモバイルアプリケーションを開発するためのオープンソースのUIツールキットです。
Ionicは、使い慣れたWebライブラリ、フレームワークや言語を使用したiOS、Android向けネイティブアプリ、及びモバイル向けプログレッシブWebアプリを作成するためのツールを提供します。
Ionicで開発されるアプリケーションの大部分は、HTML、JavaScript、およびCSSのみを用いて開発することが可能です。さらに作り込みが必要な場合は Ionic Capacitor を使用してネイティブ層へアクセスすることも可能です。
Ionic Capacitorは、クロスプラットフォームのネイティブブリッジであり、開発者がデバイスファイルシステム、カメラ、位置情報サービスなどにアクセスするための機能を提供します。
Ionic Frameworkは、ボタン、タブ、メニューバーなどのモバイルアプリケーションのための豊富なUIコンポーネントを提供しており、滑らかなアニメーションのUIが実現可能となり、アプリケーションをより魅力的にすることができます。
加えて、Ioniconsというオープンソースのiconも提供されており、デザイナーがいなくても綺麗なUIのアプリを作ることができます。
IonicはAngular、React、Vueなどのフレームワークから使用するための様々なパッケージが用意されており、公式サイトのガイドを参照することで、すぐに使用することができます。
主な特徴
Ionicには次のような特徴があります。
- 最新のWeb機能とJS機能を活用し、軽量、高速で動作します。
- 単一のコードベースから複数のデバイスで実行可能なロスプラットフォームUI
- Angular、React、Vueなどの使い慣れたフレームワークを使用することも、それらを使用しない普通のJavaScriptでもアプリの構築が可能です。
- ダークモードが内蔵されており、通常のライトモードと目に優しいダークモードが選択可能です。
- TypeScript をサポートしており、型チェックによるコードの品質向上が期待できます。
- 全てのIonic Framework コンポーネントは、実行しているプラットフォームに合わせて外観や操作性を自動的に適応させます。
- 各プラットフォームに対応した100以上のUIコンポーネントが用意されています。
類似プロダクト
Flutter、React Native、Framework7、OnsenUIがIonicと同様の機能を提供しています。
いずれもオープンソースのフレームワークです。
こんなお客さまにIonicの導入をオススメ
動作環境
Ionicで開発されたアプリケーション
Ionicで開発されたアプリケーションは、Android、iOS、Electron、PWA(プログレッシブWebアプリ)などのクロスプラットフォーム上で単一のコードベースから動作しますが、プラットフォーム毎に最適なものにするためにIonic Capacitor などを使用することもできます。
Ionicは以下のモバイルプラットフォームをサポートしています。
フレームワーク |
Android |
iOS |
---|---|---|
Ionic v7 |
5.1以上、Chromium 79以上 |
14.0以上 |
Ionic v6 |
5.0以上 with Chromium 60以上 |
13.0以上 |
Ionic v5 |
5.0以上 |
11.0以上 |
Ionic v4 |
4.4以上 |
10.0以上 |
Ionicはクロスプラットフォームであるため、以下のデスクトップブラウザでも動作します。
ブラウザ |
Ionic v7 |
Ionic v6 |
Ionic v5 |
Ionic v4 |
---|---|---|---|---|
Chrome |
79以上 |
60以上 |
〇 |
〇 |
Safari |
14以上 |
13以上 |
〇 |
〇 |
Edge |
79以上 |
79以上 |
79以上 |
〇 |
Firefox |
70以上 |
63以上 |
× |
× |
IE 11 |
× |
× |
× |
× |
Ionic Frameworkの動作環境
Ionic Frameworkは、Node(LTS版を推奨) と npm がインストールされてる環境で動作し、コードエディタはVisual Studio Code、バージョン管理には Git を使用することが推奨されています。
Ionicのライセンス
Ionicのライセンスは、MITライセンスです。
ソースコード公開の有無に関わらず、自由な再利用が認められています。
参考情報
ionicアプリケーションの開発を行う為にはionic CLI コマンドラインツールをインストールする必要があります。詳細は以下のページをご参照ください。
オープンソース年間サポートサービス
OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。
関連OSS
-
Apache Cordova
アパッチコルドバ。オープンソースのモバイル開発フレームワークです。
-
サポート対象
Angular
アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。