web-dev-qa-db-ja.com

OnsenUI vs Ionicフレームワーク

Anglejs、css3、およびhtml5を使用してモバイルハイブリッドアプリの開発を開始したいと思います。フレームワークを探していたところ、この2つが見つかりました。どちらも非常に素敵に見えますが、私はそれらの両方の良い比較を得ることができませんでした。誰もが両方の長所と短所をリストしてください。

Angularとターゲットデバイスとのスケーラブルな、すぐに使用可能なコンポーネント、速度、互換性に関する観点からの比較は非常に役立ちます。

28
V31

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

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

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

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

  • 両方のフレームワークはAndroid 4 +、iOS 6+(一部の機能はAndroid 2.3で利用可能)をサポートしています。OnsenUIはFirefox OSおよびデスクトップブラウザーも公式にサポートしています。 Ionicには公式のデスクトップサポートはありませんが、引き続き機能します(きれいではない、想像してみてください)。

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

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

  • 両方のフレームワークには、独特の美しく見えるフラット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にはHTML5がありますIDEと呼ばれるMONACA IDE(優れたツール)、Ionic IDEは現在生産中です。ベータテストに参加できます。

  • Ionicには成長中のサードパーティプラグインコミュニティがあります(たとえば、日付の選択)。サードパーティのOnsen UIプラグインが見つかりませんでした

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

44
Gajotres

どちらのフレームワークもかなり新しく、あまり人気がありません(まだ!)ので、この2つのフレームワークを比較するのに時間をかけた人はいないと思います。すぐに使用できるコンポーネントの最終的なセットは、開発者自身によって決定されるとは思わず、積極的な開発が進行中です。

互換性に関しては、ハイブリッドアプリは、インストール先のデバイスのネイティブブラウザーで実行されます。両方のフレームワークにCSS3が必要なため、どちらのフレームワークでも古い携帯電話はサポートされません。

ここのStackOverflowのOnsenUIタグは、OnsenUIが(現在)提供している唯一のサポートであり、執筆時点では0の質問/回答があります。 Ionicのウェブサイトには非常に活発なフォーラムがあり、SOに関するいくつかの質問/回答があります。

フレームワークをバックアップするアクティブなコミュニティを持つことは、最終的にはより良いフレームワークにつながると思います。したがって、私はイオンに行きます。個人的には、Ionicの標準設計の方が魅力的ですが、自分で判断する必要があります。

15
T.S.

イオン

  • Angularスタイル、routes、controllers、templateのようなスタイルであり、構造は直接複雑です。
  • 「ionic start myApp tabs」などのコマンドは、onsenUIではまだ使用できません
  • 「段ボール」のような材料設計が可能です

OnsenUI

  • シンプルな構造、簡単に開始
  • monaca IDEと組み合わせると、一部の機能はMonacaを使用している場合にのみ利用できます。それ以外の場合は、自分で物を作成する必要があります。
  • 最近、ios8デザインをサポート
6
Naing Lin Aung

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

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

私がさらに発展するにつれて、私は比較して報告します。幸運を。

1
TrazeK

ionicある程度のネイティブ開発の後、使用を開始しました。いくつかの優れたcli機能があると真剣に言わなければなりません!例えば、私の意見ではGistからプロジェクトを開始できます。

すべてをテストすることはできませんでしたが、私が見たことは本当に印象的です!

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

価値があるものについての私の考えを共有したかった

0
Rebelchris

Ionicコミュニティのサポートやドキュメントなど、いくつかの理由で最高です。私はまだ長い間温泉を評価していますが、まだそれに向かって私を漂わせる唯一のユニークなものを見つけていません。イオンと比較して

0
Sunil

Imで働いているIonic実際のプロジェクトで1年間フレームワーク、私はIonicでゲームを作成しました。ゲームを作成したい場合、ハイブリッドアプリは最良の選択ではないため非常に特別です。ゲームにはパフォーマンスが必要です!ただし、アニメーションの少ないシンプルなゲームを開発する場合は良いです。プレイストアでの私のゲームは、メモリゲーム "Memory Party"です: https://play.google.com/store/apps /details?id=fr.jhaccoun

なぜIonicが良い選択です:

  1. 非常に非常に非常に優れたドキュメント(チュートリアル、フォーラム、記事など)
  2. 安定(イオン1)、ストアで多くのアプリを見つけることができます
  3. 簡単に開発できます(開発者を支援する多くのツールが付属しており、ライブリロードのおかげで、電話でライブで開発およびテストできます)
  4. 多くのCordovaモジュールが利用可能
  5. あなたはモバイルスキルを必要とせず、単にangularjs、html、css ...
  6. Ionicは美しいコンポーネントを提供し、必要に応じてコンポーネントをカスタマイズできます
0
julus