22

私はエンタープライズレベルのSaaS企業で働いています。製品は稼働しており、開発期間は約6か月です。明らかに、私たちは会社としても製品としてもまだ揺籃期にあります。

私たちのプロジェクト担当者の1人が、オンラインで見つけたテーマを購入しました。そこにはいくつかの素晴らしい画像が含まれていますが、それ以外はほとんどがゴミです。uiに使用されている他のアドオンはjqueryuiだけです。Microsoftスタック(C#、MVC3、Visual Studio)を使用していることに言及すると役立つと思います。また、Html5とCss3にも手を出します。

最近、開発者の友人から、ブートストラップの素晴らしさを聞いています。それを使用しない方法は、愚かさの頂点です。ブートストラップを社内の他の人に使用することを考えたいのですが、最初にSOコミュニティからフィードバックをもらいたいと思いました。

切り替えの長所/短所は何ですか?お勧めしますか?はいの場合、スイッチをどれだけ強く押しますか?

4

3 に答える 3

58

少し主観的な質問ですが、気になって答えてみます。

あなたがそれをあなたの製品に統合することができると仮定すると(別の議論)、Bootstrapはあなたをまともな場所に素早く連れて行きます。私はそれがすべてであるとは思わないので、私は「まともな」と言います。

長所

  • 最新のすべてのブラウザで動作します
  • バージョン3の「モバイルファースト」アプローチ
  • 多くの小さなCSSの煩わしさを正規化します
  • 軽量
  • カスタマイズ可能
  • LESS CSSの使用を推奨します(http://lesscss.org
  • 一貫性を与える
  • 審美的に困難な開発者を支援します(ただし、すべての開発者はUXの実用的な知識を持っている必要があると思います)
  • 多くの見栄えの良いスターターテンプレートが利用可能ですhttps://wrapbootstrap.com/、http://bootswatch.com/など)
  • jQueryと統合されています(これを否定的に考える人もいます)
  • いくつかのjQueryプラグインが付属しています
  • 一部のjQueryプラグインはBootstrapテーマを提供するようになりました

短所

  • 複雑なデータ入力画面になると弱い。もちろん、画面はユーザーにとってシンプルにする必要がありますが、それはフォームが技術的に複雑でない可能性があるという意味ではありません。時々、ユーザーはよく訓練されていて、彼らが迅速に仕事をすることができるように複雑なフォームを望んでいます。

  • jQueryプラグインには制限があります。確かに、独自のコントロールを統合したり、他のサードパーティのコントロールを見つけたりすることはできます。しかし、箱から出してすぐに、グリッド、ツリービュー、ドラッグアンドドロップなどの大ヒット作を見逃しています。

  • 命名規則とセマンティクスは平凡です。例:<i>アイコンにタグを使用します。「pull-right」のようなクラス名。

  • 非常にカスタマイズ可能ですが、必然的に多くのサイトが同じように見え始めます(Wordpressと同じように、同じように見えるブログサイトの数を考慮してください)。

そして最後に、素晴らしい賛否両論:それは他の誰かのコードです。あなたはそれを書きませんでした。別の方法で動作させたい場合は、その方法と、確立されたコードストリームから逸脱する方法を見つける必要があります。

ケーススタディ

これが私が最近のいくつかのプロジェクトでそれにアプローチした方法です。すべて、c#、ASP.Net MVC、HTML5、CSS 2/3、およびjQuery(質問の開発スタックと同様)を使用して記述されています。

参考までに、私はJavaScriptとCSSにかなり精通しています。開発チームの誰もCSSやJavaScriptに強い人がいない場合、最初から始めるのは大変な作業になります(そしておそらく時間の無駄です)。

安全/コンプライアンス製品

この製品は複雑なセキュリティモデルを特徴としており、データ入力/ワークフローに重点を置いています。アプリケーションによって管理されるビジネスプロセスは複雑であるため、UIの主な目標は単純さです。Bootstrapから始めましたが、完全な制御が必要であることがわかっていて、基本的なCSSパターンと独自のJavaScriptコンポーネントをいくつか構築していたため、1日以内にそれを取り除いた。

ただし、CSSは少なくしました。色分けされたボタンも気に入りました。時折(そしてこれは今でも当てはまります)、広く使用されているフレームワークが特定の課題にどのように取り組むかを確認するための参照としてBootstrapを使用しました。

私はこの製品に多くの時間を費やすことができるという贅沢があることを知っていました、そして私は自分自身のフレームワークと自分自身のドキュメントを改善するために時間を費やしました。製品に深く入り込むほど、必要なUIを実現するために必要な自由度/拡張性が高まります。

この製品は商業的に実証および販売されており、ユーザーインターフェイスは非常に好評です。私は自分のコードに時間を費やすことで正しい選択をしました。

オンラインウィザード

これは、ユーザー情報を収集するシンプルな公開サイトでした。私はほとんどのソリューションを設計しましたが、フルタイムで取り組んでいませんでした。

当初、Bootstrapの使用は非常にうまくいきました。実際、この回答は、プロジェクトが完了する前にBootstrapを成功として宣伝していました。

チームはBootstrapが好きで、それに精通していました。彼らは、カスタマイズされたBootstrapテンプレートを使用して、いくつかのモックアップを迅速に作成しました。結果として得られたユーザーエクスペリエンスは平均をはるかに上回り、Bootstrapは時間を節約しました。チームは、必要なときにドキュメントを見つけるのに問題はありませんでした。

Bootstrapテンプレートの「他の誰かのコード」を掘り下げることは、チームにとって困難であることがわかりましたが、彼らは不要なものを取り除き、許容できるように見せることができました。

Bootstrapは、プロジェクトをプロトタイプ段階に進めました。微調整を開始すると、それははるかに役に立たなくなりました。「Bootstrapの使用をやめる」という決断はしませんでしたが、プロジェクトが開始されるまでに、優れたJavaScriptコンポーネントを見つけ、認識できないほどCSSをカスタマイズしていました。

シンプルな公開ウェブサイト

このウェブサイトは純粋にマーケティング用であり、迅速に構築する必要がありました。私の顧客は気に入ったテンプレートを購入し、数時間でカスタマイズしました。

テンプレートのコードは、ナビゲートするのがかなり簡単でした。唯一の問題は、以前のバージョンのBootstrap用に作成されていることでした。

完璧ですか?いいえ。しかし、それは急いで仕事を終わらせ、私の側のほとんど努力なしでほとんどのデバイスでうまく機能します。

ドキュメントのWebサイト

私はBootstrap(100%カスタマイズされていない)を使用して、オンラインシステム用のプロ並みのドキュメント(APIドキュメントなど)の作成にかかる時間を短縮しました。この目的のために、私はそれが大好きです。これにより、スタイルに無駄なエネルギーをかけずに、プロ並みのコンテンツを提供できます。

結論

時間や経験が不足している場合は、Bootstrapを検討してください。主要な製品を計画している場合は、コードを「深く掘り下げる」必要があるかもしれないことに備えてください。

Bootstrapを使用して見栄えの良いサイトを構築することは確かに可能です。そして、それなしでそうすることも同様に可能です。仕事に適したツールを使用してください。候補ツールとしてBootstrapを少なくとも1回調査することは、おそらく時間の価値があります。あなたが経験を積んでいるとしても、あなたはいくつかのテクニックを習得するかもしれません。

最近、開発者の友人から、ブートストラップの素晴らしさを聞いています。それを使用しない方法は、愚かさの頂点です。

「愚かさの頂点」である技術的なこと(またはその省略)はほとんどありません。週末を取り、製品の一部に統合してみてください。あなたはすぐにその長所/短所を見て、その価値を決定し始めるでしょう。

于 2013-01-09T02:11:35.987 に答える
3

Bootstrapを選択肢と見なさないでください。ティムメドラは多くの良い点を述べました。ただし、コードを掘り下げるか、ホームページのカスタマイズページを使用することで、Bootstrapの個々の部分をプルし、その側面をカスタマイズして、新鮮に見えるものを取得することが常に可能であることに注意してください。確かに、基本的なナビゲーションバーとメニューを維持すると、非常に従来のように感じられるものが得られ、それが問題になる可能性があります。しかし、多くの人がBootstrapを使用してユニークな外観を作成しています。

グリッドシステムを使用することは完全に許容されますが、独自のコンポーネントを設計します。または、グリッドを捨てて、それらのコンポーネントを使用します。それはどちらか/または提案ではありません。それが本当にトリッキーになるのは、メニューのルックアンドフィールなど、何かを本当に変更したいと思ったときだけです。それを行うための「正しい方法」は、必ずしもすぐに明らかになるとは限りません。コードをかなり深く掘り下げる必要があるかもしれません。また、変更が他の何かを壊していないことを確認するのは難しい場合があります。しかし、それでも、例をまったく持たないよりはましです。

あなたが犯すことができる唯一の間違いは、Bootstrapがあなたに何を提供できるかを徹底的に調べていないことだと思います。

于 2013-01-09T06:20:07.173 に答える
2

Bootstrapは、グリッドシステム、スタイルとCSSトリック、およびJSコンポーネントのソリューションのセットを提供します。それらのいくつかはあなたのためではありませんが、それはオールオアナッシングの選択ではありません。見た目が正しく、ポータブルである、最初の良いデフォルトとしてそれを略奪してください。カスタマイズせずにこのデフォルトを残す場合、サイトは同じデフォルトを残す他のすべての製品と同様になりますが、それは良い出発点です。BSのボタンスタイルとナビゲーションバーはほとんどのBS製品で同じですが、ボタンスタイルもBSを使用しないほとんどの製品で同じです;)

于 2013-01-09T07:27:34.213 に答える