30

angularjs、css3、および html5 を使用してモバイル ハイブリッド アプリの開発を開始したいと考えています。フレームワークを探していて、この2つを見つけました。どちらも非常によく似ていますが、両者をうまく比較することができませんでした。両方の長所と短所を挙げてください。

スケーラブルですぐに使用できるコンポーネント、スピード、Angular および対象デバイスとの互換性に関する比較は非常に役立ちます。

4

7 に答える 7

44

両方のフレームワークがリリースされてから 1 年が経過しました。Onsen UI は現在安定版の 1.2 バージョンですが、Ionic は最後のリリース候補状態です。

私はそれらの両方を扱ってきたので、簡単な概要を説明しましょう。また、はるかに大きなブログ記事も書きました。この回答の最後にあります。

コア フレームワークについては詳しく説明しません。以前の AngularJS の知識があれば、Ionic または Onsen UI に簡単に移行できます。

  • どちらのフレームワークも AngularJS を中心に構築されており、ディレクティブに大きく依存しています。カスタム ディレクティブを簡単に構築することもできます。Onsen UI は、jQuery のサポートも備えています (私に言わせれば不要です)。

  • どちらのフレームワークも Android 4 以降、iOS 6 以降 (一部の機能は Android 2.3 で利用可能) をサポートし、Onsen UI は Firefox OS とデスクトップ ブラウザーも公式にサポートしています。Ionic には公式のデスクトップ サポートはありませんが、それでも機能します (見た目は良くないでしょう)。

  • Ionic は現在、Windows Mobile プラットフォームをサポートしていません (将来サポートする予定です)。Onsen UI のサポートは現在開発中です (2014 年 11 月以降)。

  • どちらのフレームワークも、ある種の分割ビュー機能をサポートしているため、テーブルの開発に使用できます。

  • どちらのフレームワークも独特の美しいフラット UI を備えています。Onsen UI のルック アンド フィールよりも Ionic の方が好みですが、これは個人的な好みの問題です。どちらのデフォルト テーマも iOS 7 に似ています。

  • Onsen UI は、Android と iOS のネイティブな外観のテーマをサポートしています。Ionic フレームワークはすべてのプラットフォームで同じテーマを使用しますが、一部の機能はプラットフォームによって異なります (タブのルック アンド フィールなど)。

  • どちらのフレームワークにも、機能するテーマ ビルダーがあります。

  • Ionic は SASS をサポートし、Onsen UI は Topcoat CSS ライブラリを中心に構築されています。

  • どちらのフレームワークにも、大規模なウィジェット サポート (ディレクティブ) があります。

  • Onsen UI のドキュメントが改善されました。2 つの異なる場所に分かれています。1 つ目は「コンポーネント」で、さまざまなディレクティブを確認できます。それぞれに、使用して複製できる実用的な例があります。2 番目の部分は、アプリケーションの作成プロセスをガイドする「ガイド」です。

  • Ionic にはまとまりのないドキュメントがあります (大きく断片化されています)。以前に AngularJS の経験がある場合でも、実際の「開始」チュートリアルがありません。ピースは表示されますが、それらを正しく接続する方法は表示されません。

  • 一方、Ionic にははるかに大きなコミュニティがあるため、問題の解決策を簡単に見つけることができます。

  • Ionic フレームワークには、優れた公式フォーラムと大規模な StackOverflow コミュニティがあります。同時に、Onsen UI はヘルプ センターとして StackOverflow のみを使用します (私はこれを失敗と呼びます)。

  • Onsen UI には MONACA IDE (優れたツール) と呼ばれる HTML5 IDE があり、Ionic IDE は現在運用中です。βテストに参加できます。

  • Ionic にはサード パーティのプラグイン コミュニティが増えています (日付ピッカーなど)。サードパーティの Onsen UI プラグインが見つかりませんでした

Ionic / Onsen UI の変更をカバーする、より大きな記事を書きました。ここで見つけてください。

于 2015-01-02T10:11:35.693 に答える
6

イオン性

  • ルート、コントローラー、テンプレートなどのAngularスタイルに傾倒しており、その構造は実際には複雑です。
  • 「ionic start myApp tabs」のようなコマンドはまだ onsenUI で使用できません
  • 「ダンボール」のようなマテリアル デザインが利用可能

温泉UI

  • シンプルな構造で始めやすい
  • Monaca IDE と組み合わせると、一部の機能は Monaca を使用している場合にのみ使用できます。それ以外の場合は、自分で作成する必要があります。
  • 最近サポートされたios8デザイン
于 2014-12-05T07:54:42.767 に答える
1

Ionic には、より成熟した機能と CSS コンポーネント セットがあり、すぐに使用できます。UI 要素 (ディレクティブ) を表す注入可能なデリゲート サービスを使用すると、UI/UX の相互作用をより詳細に制御できます。開発コミュニティは (現在) 非常に活発で、勢いを増しています。

2 つの間の速度/パフォーマンスについて適切に説明することはできませんが、どちらもモバイル向けに最適化されていることはわかっています。

もっと開発したら、比較して報告します。幸運を。

于 2014-08-11T20:08:51.873 に答える
0

しばらくネイティブ開発を行った後、ionic を使い始めました。いくつかの優れた cli 機能があると真剣に言わなければなりません! たとえば、私の意見では、要点からプロジェクトを開始できます。これは poc の場合に便利です

すべてをテストすることはできませんでしたが、私が見たものは本当に感動しました!

独自の方法で十分に文書化されており、活発なコミュニティがあり、改善され続けています.

何が価値があるかについて私の考えを共有したかっただけです

于 2014-11-06T11:30:07.160 に答える