トップ OSS紹介 Ionic

Ionic

NRIのOpenStandiaが提供するIonic最新情報

バージョンアップ情報

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の導入をオススメします。

  • 美しいモバイルアプリケーションを少ない工数で作りたい
  • モバイルアプリケーションをOSに依存せず効率良く作りたい
  • Webアプリケーション開発のノウハウをモバイルアプリケーションに生かしたい
  • Angular、React、Vue扱いに慣れている

動作環境

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

    Apache Cordova

    アパッチコルドバ。オープンソースのモバイル開発フレームワークです。

  • Angular
    サポート対象

    Angular

    アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。

オープンソースに関する様々な課題、OpenStandiaがまるごと解決します。
下記コンテンツも
あわせてご確認ください。