Twitter Bootstrapの習得にはドットインストール＋公式サイトが最適

最近にお気に入りのTwitter Bootstrap。その名の通り、Twitter社が開発しているCSSフレームワークです。

レイアウト（イマドキのレスポンシブデザインにも対応）、テーブルやフォームのボタンのスタイリング、ナビゲーション、メニューのユーザービリティの強化に威力を発揮します。

また、CSSでの記述なのでデザイン制作の作業の省力化にも効果があります。

CSSを理解している人なら、簡単に、短期間で習得できます。基本的な部分なら、おそらく、半日で大丈夫ではないかと。（※ツールチップやポップアップなど、一部でjQueryの知識もあるといい機能もあります）

とにかく、CSSを書けば、かっこいいボタンやメニューが設置できるので、次のような人にはおすすめです。

Twitter Bootstrapの記述の基本はCSSなので、難しくはないのですが、classの指定の仕方やdivの入れ子のさせ方など、書き方の癖やおまじない的なところがあります。
また、一番最初のハードルとしては、サイトへの組み込み方法を知る必要があります。

いきなり、Twitter Bootstrapの公式サイトで調べることもできますが、現時点では、ドキュメントが英語。
ですので、すぐにでも始めたい方は、

を使ってみるのはいかがでしょうか？

基礎をおさえるには、ドットインストールが最高におすすめ！

「ドットインストール」は、@taguchiさん、@fkojiさんが立ち上げられた、「すべての人にプログラミングを！」を合い言葉に作られた動画によるプログラミング学習サイトです。
「ドットインストール」で法人化もされており、その気合いの入れようがおわかりいただけると思います。

実は、「ドットインストール」のサイト自体もTwitter Bootstrapで作られています。

１レッスンがすべて3分以内なので、ちょっとした空き時間を活用して学習できるのと、動画では、実際にコードを編集している様子が表示されているのですが、ナレーションも同時に収録されており、途中で、入力間違いなんかもあって、そういうのが逆に、やってしまいがちな実例にもなっていて、実践的なのがいいです。

ユーザー登録を行わなくても動画の視聴はできますが、ユーザー登録を行うと、学習状況の管理やソースコードの閲覧が可能になるので、ユーザー登録（無料）をおすすめします。

ドットインストールでは以下の項目が学習できます。

初心者向けとのことですが、十分、仕事でも使えるレベルの内容を習得できます。

ドットインストールを使った、私の学習方法です。

ドットインストールの動画のページYoutube動画の右上に別ウィンドウで動画を開くメニューがあるので、そちらから別ウィンドウで動画を開きます。

テキストエディタを立ち上げて、動画を見ながら実際にコードを書いて、動作確認をしながら学習しました。

動画を見ているだけの場合、そのときは理解できた気になるのですが、多くの項目を学習した後に思い返してみると、ちゃんと思い出せないことが多々あります。

ですが、実際にコードを書きながらの場合では、コードのどの部分をどう変えると表示がどう変わるのか実際に確かめながら学習することで、印象に残るため、後で確認する場合でも実際に作りながらの学習が効果的でした。

また、作ったファイルを保存しておくとサンプルとしてそのまま使えるのももう一つのメリットです

「ドットインストール」の無料登録を行うと、ソースコードがコピーできるので、自分でコードを書かなくても、ソースを見ながら動画を確認したり、ソースコードをコピーして実際に自分で変更してみるのもいいと思います。

「ドットインストール」で基本を学習して、基本的な知識を身につけた後に、Twitter Bootstrapの公式サイト、その他のカスタマイズオプションを確認してみるのがいいです。

いきなり最初に知識ゼロの状態でこのサイトを訪れるよりは、基本的なことがわかっているので書いてあることへの理解度や理解のスピードが全く違います！