web-dev-qa-db-ja.com

bootstrapとIonic

私はこの記事を読みました Where does ionic framework fit in 、そしてIonicとbootstrap。の違いを理解しようとしています。私が理解していることは、非常に似た目標を持っていることです。どちらもWebアプリの開発を容易にし、css、js、htmlの多くの優れたデザインパターンとツールを提供します。

私が理解する限り、Ionicはモバイルハイブリッドネイティブアプリに向いていますが、bootstrapはブラウザベースのアプリに向いていますが、正しいですか? Ionic単独ではhtmlをモバイルネイティブアプリケーションに変換できないため、cordovaが必要です。ここでも、Ionicはどのように適合しますか?また、Ionicを最大限に活用するには、angularJSが必要です。AngularJSを使用しない場合は、IonicのCSS部分のみを使用できます。あなたのプロジェクトでは、bootstrapとcordovaをお勧めします。私が理解しているのは、Twitter bootstrap多くの場合、通常のWebサイトでもPCブラウザーへの優れたインターフェイスを提供する方法で提供されているため、目標はスマートフォンやタブレットで見栄えを良くすることだけではありません。

Ionicはモバイルにネイティブなハイブリッドアプリケーションでモバイル感覚を与えるのに適していますか?コードバとブートストラップだけでは、少なくとも同じくらい簡単に同じことを達成できませんでしたでは、ブートストラップを使用すると、ブラウザーアプリのネイティブ感をより簡単に得ることができますが、ネイティブハイブリッドモバイルアプリの場合ほど簡単ではありません。

この質問は非常に意見に基づいている可能性がありますが、閉じないでください。違いと最良のユースケースを理解したいと思います。どの場合にブートストラップを使用した方がよいか、およびどの場合にIonicが良いでしょうか?相互に補完できる場合、両方を使用する意味はありますか?

21
Ville Miekk-oja

Ionicとbootstrapをこのように比較することはできません。

Ionicはモバイルアプリを構築するためのもので、多くの構築ツールが統合されています。それはbootstrap=のコンテンツをスタイリングし、実際のアプリをビルドするためのCordovaに基づいています。ただし、normalを作成することはできません。本番用のWebアプリ。

ブートストラップ自体は、html要素のスタイル設定のためのsimpleフレームワークにすぎません。 Cordovaは、ネイティブアプリコンテキストでWebページをラップするためのものです。

13
Sven 31415

ブートストラップは、モバイル/ Webアプリケーション用のクロスプラットフォームUIコンポーネントです。

IonicはCordova + Angular +クロスプラットフォームUIコンポーネント+ネイティブプラグインです。

2
Caner

Ionicフレームワークには、推奨される設計パターンの促進とベストプラクティスの文書化を支援するという点で、同様の目標があります。

Ionicは、AngularJS(ちなみにJavaScript)とHTML5 + CSSを組み合わせ、Cordovaを使用してネイティブデバイス機能にアクセスします。

事実上、あなたはBootstrapに似ていますが、彼らはIonicは現在のデバイスと将来のデバイスのために構築されたものであり、構築されたデバイスではなく数年前、モバイルWebサイトの作成ではなく、ネイティブアプリの開発に重点を置いていました。

違いの詳細 こちら

1
Sanjay Kumar

Ionic2では、Ionic1を使用するよりもWebアプリを作成する方が少し実行可能です。 Progressive Web Appsのサポート(およびネイティブアプリの継続的なサポート)が追加されました。これにより、Web上でアプリをホストしながら、モバイルアプリの雰囲気を維持できます。これを確認してください Ionic2でPWAを作成する手順

もちろん、あなたはおそらくあなたのウェブアプリに対してもっとデスクトップのような感覚を望むでしょう。 レスポンシブグリッド (ブートストラップのグリッドに非常に似ています)、分割ペイン、およびネストされたナビゲーションコンポーネントを使用して近くに移動できます。それは完全なブートストラップではありませんが、私たちは、一度だけ書き込み、どこでも実行できるようになりつつあります...私は願っています!

1
Jon Peck

ionicとbootstrapを比較することはできません。基本的に、bootstrapはWebファーストアプリケーションの開発に役立ちます。一方、ionicはブートストラップを使用してモバイルアプリケーションを開発できますが、ionicアプリケーションはよりネイティブに見え、ブートストラップよりも優れたパフォーマンスを提供します。モバイルを開発することを楽しみにしている場合ネイティブルックアンドフィールの良いアプリで、先に進んでionicを使用します。

0
richa_v

Ionicは、ネイティブアプリがネイティブのように動作する必要があるパフォーマンスの面で勝ちます。 angularとの調整により、ブートストラップに比べてUIの遷移がスムーズになります。通常のcss/jqueryの場合、遷移/アニメーションの遅れを簡単に識別できます。

0
Sumit Kapadia