実際の現場ではBootstrapを使うのでしょうか？

前も言った気がするけど

Web制作会社への就職を目指す人はBootstrap勉強する必要ないですよ。
使う現場はほぼないです。

デザイナーが作ったデザインをコーディングすることがほとんどだから、bootstrapは使いません。

それより自分で考えてコーディングできるスキルのが必要です。

— あや🐈webデザイン&ディレクション (@ayaweb3) February 25, 2020

1つ質問なのですが、

Bootstrapは便利だと聞いたり
勉強した方多いと思うのですが

反面、実務ではあまり使わないと
聞くので模写する場合は

とりあえずBootstrap無しで
完成させた方がいいのでしょうか😮❓

教えていただけたら嬉しいです🌸#プログラミング初心者#駆け出しエンジニアと繋がりたい

— ののか🌸プログラミング勉強中 (@cbv2020) March 8, 2020

Bootstrapとは何か？

Bootstrapとは、CSSのフレームワークです。
もう少し噛み砕いて言えば、「Webデザインを簡単に書くための仕組み」で、主にエンジニアから重宝されています。
ここで言うエンジニアとは、サーバーサイドのエンジニアのことで、PHP、Ruby、Javaといったプログラミング言語を書く人達のことです。
エンジニアはデザインをすることができなくて困っていたのですが、Bootstrapが2011年にリリースからは、最低限のデザインをすることができるようになり、みんな大喜びしました（笑）

さらに、最近は「Bulma」のような他のCSSフレームワークもあります。
Bootstrapは、JavaScriptのフレームワークであるjQueryとセットで便利なのですが、最近はjQuery自体が避けられ始めています。
そのため、 CSS単体のフレームワークである「Bulma」の人気が上がり始めています。

デザイナーが必要とされる4つのケース

現在、人気のCSSフレームワークは10個以上あり、需要が高いことは間違いありません。
さらに言えば、Bootstrapはテンプレートも多くの場所で配布されていたり、販売もされています。
以下にあげたものは、ほんの一例です。
他にも多くのテンプレートが存在しています。

• Now UI Kit
• Material Design for Bootstrap 4
• Stream
• Drunken Parrot Lite
• Mountain King Bootstrap

ですから、Bootstrapが使われていないということは決してありません。

では、なぜ、「BootstrapのようなCSSフレームワークが使われていない」という意見が出てくるのでしょうか？
それを知るためには、デザインが使われる主な4つの場所を知る必要があります。

ランディングページ

ランディングページとは、一枚のHTMLです。
一般的には、こういうページのことです。
見てわかるように、このページの構成はシンプルです。
その場合は、Bootstrapを使っても何の問題もありません。

クラウドソーシングサービスのランサーズでは、このような依頼がありました。

企業のホームページ

次に企業のホームページです。
一般的に、企業のホームページを凝った内容にする必要はありません。
上にタブがあって、機能重視でわかりやすいホームページがほとんどです。
この場合も、Bootstrapで問題はありません。

クラウドソーシングサービスのランサーズでは、このような依頼がありました。

管理画面

管理画面は機能重視なので、デザインはシンプルであることがほとんどです。
そのため、Bootstrapで問題はありません。

サービスのデザイン

最後に、有名なサイトのデザインを見てみます。
今までのサイトに比べて、かなり複雑であることがわかります。
この場合には、Bootstrapではカバーしきれないので、イチからCSSを組むことが一般的です。

まとめ

この記事では、Bootstrapを使う場所と、使わない場所について説明しました。
一般的には、以下のようになります。

ただし、会社によって、ポリシーは異なります。
また、デザイナーによっては、「Bootstrapはダサいから使わない」という人もいます。

そのようなポリシーやこだわりについては、面接で質問して確認しましょう。
ランディングページや企業のホームページでも、Bootstrapを使わない会社も普通にあると思います。
ただ、これからデザインやWeb制作を目指す人は、CSSフレームワークとスクラッチからのCSSの両方ができることがベストだと思います^^

Good luck with your engineer life!

▼ Bootstrapの本を探している人には、この記事がオススメです

▼ Webデザインの本を探している人には、この記事がオススメです

▼ Webデザイナーになるかプログラマになるか迷っている人には、この記事がオススメです

▼ WebエンジニアとWeb制作エンジニアの違いを知りたい人には、この記事がオススメです