web-dev-qa-db-ja.com

Ionic FrameworkまたはOnsen UIをホストされたWebアプリとしてのみ使用する場合の欠点は何ですか?

AngularJSでホストされたWebアプリを作成する予定です。 UIフレームワークとして、Ionic=とOnsenがAngularJSでうまく機能することを発見しました。この両方のフレームワークは、それらがハイブリッドアプリ用に特別に作成されていることを促進します。しかし、私は正しく理解しています。では、非ハイブリッドアプリに推奨のUIフレームワークを使用する場合の欠点は何ですか?主にブラウザーサポートですか?

ありがとう

13
akkie

IonicOnsen の両方が特にハイブリッドモバイルアプリのために作られています。限られたビューポートをターゲットにして電話のUXパターンを組み込んでいるという理由だけで、カスタマイズなしのタブレットアプリ(それが間違っている場合は修正してください)でもそれを使用できなくなります。

また、それらは PhoneGap を念頭に置いて作成され(アプリはWebViewコンポーネントでホストされます)、パフォーマンスを向上させるためのGPUアクセラレーションなどの一般的なWebViewの問題に対処します。

単純なWebアプリのUIフレームワークだけが必要な場合は、 Twitter Boostrap または Zurb Foundation を確認することをお勧めします。複雑なケースでは、Angularの代わりに Sencha を検討することもできます。

9
Mr_Mig

Ionicは、Cordova/PhoneGap Deviceプラグインがインストールされていることを期待している部分です。AndroidおよびiOSで適切に表示し、 iOS 7のヘッダーバーのサイズですが、ブラウザーの「クロム」がそのスペースを占めるため、これはWebの問題にはなりません。

テンプレートファイルはインターネットへの(多くの場合は携帯電話の)接続を介して移動する必要があるため、ページ遷移などのバタフライの滑らかさを失う可能性がありますが、Ionic =またはウェブ上のOnses。

6
Perry

過去数か月で状況は大きく変化しました。

両方のフレームワークで分割ビューがサポートされるようになり、タブレットデバイスで使用できるようになりました。主観的にOnsen UIの方がサポートが優れています(はるかに構成可能です)が、Ionicも悪くありません。これにより、デスクトップブラウザの画面が小さくなります。

Onsen UIには専用のデスクトップブラウザーsupport(すべてのWebキットブラウザー)があることも考慮する必要があります。 Ionicフレームワークはデスクトップブラウザでも動作しますが、そのような環境向けに完全にテストまたは最適化されていません。

ここでの最大の問題は、両方のフレームワークが大きな画面で使用されることを意図していないことです。彼らは特大で膨らんで見えます。 (デスクトップブラウザで)jQuery Mobileを使用したことがあれば、この問題を理解できます。

4
Gajotres

あなたがそれをするのを妨げるものは何もありません-それはモバイルファーストデザインアプローチのためのスマートなアプローチかもしれません。利点は、ユーザーのフィードバック/メトリックに応じて、アイデアを迅速に反復して、ネイティブまたはプラットフォーム固有のアプリに投資できることです。

主な欠点は、UIとアプリケーションロジックに対するユーザーの期待です。これは、Webページとネイティブアプリでは異なります。たとえば、戻るボタンはブラウザとヘッダーで複製されます。プラットフォーム固有のCSSまたは構成を使用して非表示にすることができます。次に、アプリケーションの状態とユーザーデータがあります。ローカルストレージ、セッション、またはデータベースに保存しますか?これはアプリと最良の判断に依存します。

IonicとOnsenはIE6/7での動作を対象としていないため、コアで対処できない可能性があるいくつかのブラウザーの問題があります( angular browser support)を参照 )などですが、段階的なブラウザサポートポリシーを設定することで解決できます。

0
Peter