ブートストラップとマテリアルデザインの選択[終了]

181

AngularJS（フルスタック）を使用して新しいプロジェクトを開始します。私のプロジェクトはレスポンシブである必要があり、テンプレートを最初から作成します。

では、レイアウトにブートストラップ3（角度ディレクティブを含む）とマテリアルデザインのどちらを選択するかについてのアドバイスが必要ですか？

私は誰かが両方の長所と短所をリストできるかどうか非常に感謝します。

— アシク
ソース

github.com/FezVrasta/bootstrap-material-design

— cvrebert

ブートストラップには強力なコミュニティがあります。そのグリッドシステムには、より多くの機能があります。マテリアルデザインは、UIとスタイルの開発方法を決定します。モダンなUI要素があります。詳しくは、tutorialzine.com

— 2015/07 / comparing

IE8 / 9をサポートする必要がある場合、Flexboxグリッドレイアウトを使用するため、マテリアルデザインは機能しません。それは...はるかに多くのバグを有する材料の設計よりも成熟しているように私は角のUIブートストラップと今でも行くだろう

— パスカル

開発環境も考慮事項となる場合があります。Visual Studio 2015では、Bootstrapは成熟しており、十分にサポートされています。私はそれがマテリアルにとってそうであるとは思わなかったので、現時点ではそれを使用していません。VS2015を使用している他のユーザーがこの結論に達したかどうかを確認することに関心があります。

— CYoung

MDのインラインスタイルは面倒だと思います。また、BSに必要なものがほとんどある場合は、この2つを混ぜる必要はありません。私はMDがとても好きですが、成熟してインラインスタイルがなくなるまで待ちます（今は見つけることができませんが、彼らが取り組んでいた場所で読んだものです）。

— steveareeno 2017年

153

私が知る限り、言及したすべてのテクノロジーを個別に、または一緒に使用できます。それはあなた次第です。問題を間違った角度から見ていると思います。マテリアルデザインは、ページの特定の要素をデザインし、動作させ、組み合わせる方法にすぎません。マテリアルデザインは優れたUI / UXを提供しますが、JS（イベント、インタラクション）ではなくグラフィックレイアウト（HTML / CSS）に依存しています。

一方、AngularJSとBootstrapは、大量のコードを書く手間を省いて開発をスピードアップできるフロントエンドフレームワークです。たとえば、AngularJSを利用してウェブデザインを作成できますが、マテリアルデザインは必要ありません。または、AngularJSやBootstrapを使用せずに、マテリアルデザインを使用してシンプルなHTML5 Webページを作成できます。最後に、AngularJSとBootstrap および Material Design を使用するWebアプリを構築できます。これが最良のシナリオです。すべてのテクノロジーが相互にサポートします。

ブートストラップ= 応答ページ
AngularJS = MVC
マテリアルデザイン= 優れたUI / UX

AngularJSの優れたマテリアルデザインコンポーネントを確認できます。

https://material.angularjs.org

ここに画像の説明を入力してください

デモ： https : //material.angularjs.org/latest/demo/ ここに画像の説明を入力してください

— マイケル・マネー
ソース

これも役に立つサイトかもしれません：materialup.com/resourcesは、マテリアルデザインフレームワークの概要を提供します。fezvrasta.github.io/bootstrap-material-design

— Mathias Conradt

@MathiasConradtの最初のURLは存在しません。materialup.com/posts/c/resources

— バーナード

これはあまり正確な説明ではありません...素材とブートストラップの両方がレスポンシブデザインと優れたUI / UXを提供します。MDは、モバイルでの視聴に合わせて調整されているようです。

— ウラジミール

材料設計と角張った材料を区別することが重要です。マテリアルデザインはデザイン言語であり、角度付きマテリアルはMDを使用するUIコンポーネントライブラリにすぎません。マテリアルデザインを使用したブートストラップのテーマと拡張機能が見つかるはずです。

— イェンス

上記の@Jensをエコーします。Bootstrapの柔軟性と親しみやすさを保ちながら、マテリアルの外観とUI効果を使いたいと思います。それは選択の問題だと思います。

— Yousof K.