Loading article…
 | |
| 開発者 | ドリフティ[1] |
|---|---|
| 初回リリース | 2013 |
| 安定版リリース | 8.4.0 [2]
/ 2024年11月4日 |
| リポジトリ |
|
| 書かれた | TypeScript、 JavaScript |
| タイプ | ソフトウェアフレームワーク |
| ライセンス | MITライセンス |
| Webサイト | イオンフレームワーク |
Ionicは、HTML、CSS、JavaScript / TypeScriptなどのWebテクノロジーを使用して、クロスプラットフォームのモバイル、Web、デスクトップアプリケーションを構築するためのオープンソースのUIツールキットです。高品質でインタラクティブなアプリケーションを構築するための、事前に設計されたUIコンポーネントとツールのセットを提供します。Ionicはもともと、2013年にDrifty Co.のMax Lynch、Ben Sperry、Adam Bradleyによって作成された、ハイブリッドモバイルアプリ開発用の完全なオープンソース SDKとして構築されました。 [3]オリジナルバージョンは2013年にリリースされ、 AngularJSとApache Cordova上に構築されました。ただし、最新リリースではStencilJSを使用したWebコンポーネントのセットとして再構築され、ユーザーはAngular、React、Vue.jsなどの任意のユーザーインターフェイスフレームワークを選択できるようになりました。また、ユーザーインターフェイスフレームワークをまったく使用せずにIonicコンポーネントを使用することもできます。[4] Ionicは、CSS、HTML5、SassなどのWeb技術を使用して、最新のWeb開発技術と実践に基づいたハイブリッドモバイル、デスクトップ、プログレッシブWebアプリを開発するためのツールとサービスを提供しています。特に、モバイルアプリはこれらのWeb技術を使用して構築され、CordovaまたはCapacitorを利用してネイティブアプリストアを通じて配布され、デバイスにインストールされます。[5]
歴史
Ionicは2013年にDrifty Co.によって開発されました。2013年11月にフレームワークのアルファ版がリリースされた後、2014年3月に1.0ベータ版がリリースされ、2015年5月に1.0最終版がリリースされ、2016年には2.0が数回リリースされました。[6]
2019年1月以降、Ionic 4では開発者がAngular以外のフレームワーク、例えばReact、Vue.js、Webコンポーネントなどを選択できるようになりました。[7] Ionic 4はStencilJSを使用して構築されました。
サービスと機能
IonicはCordovaと、最近ではCapacitorプラグインを使用して、カメラ、GPS、懐中電灯などのホストオペレーティングシステムの機能にアクセスします。[8] [9] [10]ユーザーはアプリを構築し、Android、iOS、Windows、デスクトップ（Electronを使用）、または最新のブラウザ向けにカスタマイズできます。[11] Ionicは、ビルドツールCordovaまたはCapacitorを簡略化された「ionic」コマンドラインツールでラップすることで、アプリの構築と展開を可能にします。[12]
Ionicにはモバイルコンポーネント、タイポグラフィ、インタラクティブパラダイム、拡張可能な基本テーマが含まれています。[13]
Ionic は Web コンポーネントを使用して、カスタム コンポーネントとそれらを操作するメソッドを提供します。そのようなコンポーネントの 1 つである仮想スクロールを使用すると、ユーザーはパフォーマンスに影響を与えることなく、数千の項目のリストをスクロールできます。別のコンポーネントであるタブは、ネイティブ スタイルのナビゲーションと履歴状態管理をサポートするタブ付きインターフェイスを作成します。[引用が必要]
IonicはSDK以外にも、コードのデプロイや自動ビルドなどの機能を有効にするために開発者が使用できるサービスも提供しています。IonicはIonic Studioと呼ばれる独自のIDEも提供していますが、2020年に廃止されました。[14]
Ionicはプロジェクトを作成するためのコマンドラインインターフェース（CLI）も提供しています。CLIを使用すると、開発者はCordovaプラグインや追加のフロントエンドパッケージを追加したり、プッシュ通知を有効にしたり、アプリのアイコンやスプラッシュスクリーンを生成したり、ネイティブバイナリを構築したりすることもできます。[15]
サポートされているプラットフォーム
Androidの場合、IonicはAndroid 4.4以降をサポートしています。iOSの場合、IonicはiOS 10以降をサポートしています。[16] Ionic 2は、 Windows 10アプリを構築するためのユニバーサルWindowsプラットフォームをサポートしています。[17] Angular.jsに基づくIonicフレームワークは、BlackBerry 10アプリをサポートしています。[18]
パフォーマンス
Ionic アプリはネイティブ コードと Web コードの混合で実行され、必要に応じてネイティブ機能に完全にアクセスできます。アプリの UI の大部分は標準の Web テクノロジで構築されています。Ionic は、ブラウザーで利用できるネイティブ ハードウェア アクセラレーション機能 (CSS アニメーションなど) を活用し、レンダリングを最適化します (コストのかかるDOM操作を回避します)。Ionic は、 GPUを活用して利用可能なプロセッサ時間を最大化する方法として、アニメーションに CSS トランジションとトランスフォームを活用します。[引用が必要]
インストール
Ionicはnpmモジュールであり、Node.jsが必要です。[19]
参考文献
- ^ Sarah Perez (2014 年 3 月 10 日). 「Ionic モバイル フレームワークのメーカーである Drifty が 100 万ドルを調達」 。2015年3 月 14 日閲覧。
- ^ 「リリース 8.4.0」。2024年11月4日。 2024年11月23日閲覧。
- ^ Drifty, Inc (2016). 「Ionic ドキュメントの概要 - ライセンス」
- ^ 「Ionic 4 の紹介: すべての人のための Ionic」。2019 年 1 月 23 日。
- ^ Drifty. 「Ionic Framework」 . 2017年7月16日閲覧。
- ^ 「最高のIonicアプリ開発会社 | Ionic開発者を雇う」www.crystalinfoway.com 。 2023年7月5日閲覧。
- ^ 「v4.0.0-rc.3/v4.0.0 の比較 · ionic-team/ionic-framework」。GitHub。
- ^ 「Cordova プラグイン」。docs.usecreator.com。2018年6 月 2 日閲覧。
- ^ 「Ionic アプリ開発フレームワークの魅力的な機能」 。2018年6 月 2 日閲覧。
- ^ Drifty. 「Ionic Framework」。2019年11月14日時点のオリジナルよりアーカイブ。2018年6月2日閲覧。
- ^ Drifty. 「Ionic Framework」 . 2018年6月2日閲覧。
- ^ 「Ionicフレームワークをマスターする：ネイティブスピードのHTML5ベースアプリの構築と展開を学ぶ - Thinkster」。thinkster.io 。 2018年6月2日閲覧。
- ^ Ionic. 「テーマの基本 - Ionic ドキュメント」。Ionic Docs。2019年11 月 26 日閲覧。
- ^ 「Ionic Studio is DeaD」。2023年5月10日閲覧。
- ^ Ionic. 「Ionicのインストール - Ionicドキュメント」。Ionic Docs 。 2019年11月26日閲覧。
- ^ 「ブラウザサポート - Ionicドキュメント」 。 2019年12月19日閲覧。
- ^ 「Ionic 2 での Windows サポートの発表」。2016 年 3 月 29 日。2016 年4 月 22 日閲覧。
- ^ 「エンタープライズ モビリティ向けのトップ JavaScript フレームワーク」 。2015年9 月 21 日閲覧。
- ^ 「無料モバイルアプリ開発：Ionicアプリ入門」。
外部リンク
- Ionicフレームワーク
- Cordova vs Capacitor: Ionic Framework アプリ構築の比較