javascriptシングルページアプリケーションをブートストラップアプリケーションに変換

Question

私たちは単一ページアプリケーションを開発しています。 htmlファイルはありません（jsファイルとcssファイルをロードするものを除く） これはhtml 5 Webアプリケーションです。今日我々はブラウザの互換性に問題はありません。 3番目のjsライブラリは使用しません。 ウィンドウハンドラ（入力、ボタンなどの追加機能）、ジェネリック関数用のライブラリ（JSONとウェブサーバの通信、日付時刻の変換など）を開発しました。

しかし、ブートストラップと私はブートストラップの経験がありません。この最大の理由は、 "すべてが一致するデザイン"を得ることです。これまでのところ、このアプリケーションはデザインではなく機能性に焦点を当てて開発されました。

我々は既存のアプリケーションは、設計のためのブートストラップに変換する必要があるか、私たちが使用する必要があり、そこで質問がある

通信等、これは同社のWebページが、編集文書への応用のようではない点に注意してくださいデザイナーが今デザインしてデザインをCSSに変換するだけです。個人的に私はすべての種類のライブラリをアプリケーションに追加したくありません。私の経験では、私は純粋なjsとそれをデバッグするのがはるかに難しいと思っています。これについてのアイデアは？

Answer 1

CSSを使用することはかなり簡単で、bootstrap.cssを適用するだけで、ブートストラップJSと何か忘れてしまいます。私はあなたの挑戦を "あらゆる種類の図書館をアプリケーションに加える"とはみなしません。ブートストラップクラスを使用することを選択した場合は、マスターHTMLファイル（および場合によってはブートストラップフォント）にbootstrap.cssをロードするだけで済みます。

もちろん、ウインドウハンドラを更新して、機能的なHTML要素をDOMに注入するだけでなく、ブートストラップに付加されているブートストラップクラスの構造でそれらを構築するようにします。どのようなCSSフレームワークと同様に、ブートストラップには、すべてのデザイン要素（ボタン、ドロップダウン、ツールチップ、タブなど）がHTMLでどのように構成されているかに関する独自の規則があります。これには、ウィンドウハンドラが出力するものを更新する必要がありますが、Javascriptフレームワークを根本的に変更するものではありません。

しかし、とにかく時間を置かなければならないとすれば、確立されたフレームワークでアプリケーションを標準化するほうが良いかもしれません。機能と開発者のサポートの両方で、フレームワークは時間の経過と共に改善されます。あなたが言及しているような、シンプルで機能的なアプリケーションの場合、AngularJSまたはReactJSと、サポートされているスタイリングフレームワークで間違ってしまうのは難しいようです。あなたの心がBootstrapに設定されている場合、Angular-UIには既製のBootstrapモジュールがあります。これは私が現在プロジェクトで使用しています。それはブートストラップです。それは大丈夫です。何もない。

私の経験はこれです：すべてのボタン、フィールド、メニューなどを一貫して現代的に見せたいだけなら、ブートストラップはあなたに大きな道を開くことができます。しかし、より高いレベルのUX &ブランドの一貫性が欲しいなら、CSS標準はあなたをそこで得ることはできません。専門知識を持つデザイナーが必要です。ブーツストラップは実際にはあなたのブランドと一致しない特定のルック・アンド・フィールにあなたを固定するので、は実際にあなたを妨害する可能性があります。

Answer 2

アプリケーションが正常であれば、BS CSSのみを使用できます。またはあなたが必要とする部分だけ。