コードを書くのはもう遅い!Bootstrapの使い方

Bootstrapとは

Bootstrapとは、Twitter社が開発したWebフレームワークで見た目を調整するCSSやサイトに動きをつけるjavascriptがすでに作成されており、それらを使用することによりサイト制作には欠かせない
ボタンの配置やテーブルの作成などが実際にコードを書くことなく、実現することが可能になります。

またプロのWebデザイナーの間でも使用が推奨されることがあるほど、本格的なサイトの作成にも役に立ちます。

Bootstrap公式サイト

Bootstrapのメリットとは?

スマホ画面やタブレット画面に対応

本来Webサイトは「PC」「スマホ」「タブレット」などの各画面ごとにHTMLファイルやCSSを用意し切り替えて表示させるなどの対応(レスポンシブ)をしないといけないのですが、

Bootstrapはレスポンシブ対応のため、画面に合わせてページを作成する手間を省くことができます。

おしゃれなWEBサイトに

WEBデザインの知識がないとサイトの配色やレイアウトを考えるのはとても時間がかかるし、手間です。

そこで、Bootstrapにある整ったデザインを使用することで、おしゃれなサイトが簡単に作ることができます。

作業の簡略化

今まで記述してきた通りBootstrapはコピペだけで様々なことができるため、WEBサイトの作成経験の有無を問わずサイトの作成コストを下げることができます。

最後に

Bootstrapは上記で記載した通りとても楽にWEBサイトを作成することができます。

しかしこのBootstrapにもデメリットもあり、それはBootstrapを使用したサイトは似たようなサイトになってしまうことです。ほかのサイトとは違うものを作りたいという方は、カスタマイズの知識が必要になってきます。
そこでまずは簡単なCSSから学んでいきカスタマイズを実施していきましょう。

CSSの学習について

未分類
morisawaをフォローする
【必見】おすすめプログラム言語一覧

コメント