Q&A
仕事は完成がイメージできる状態でなければ引き受けないでください。
迷惑です。
お世話になっております。
現在、HTML/CSSを重点的に学んでおります。
学んでいる中で、Bootstrapを使うとよりデザインセンスがなくても、それなりのwebページが作れるとわかりました。
そこで、HTML/CSS含め、Bootstrapを効率良く学びスキルを身に付ける方法が知りたいです。
ちなみに自分はpaizaを使って学んでおります。
様々なご意見をお聞かせ願えればと思います。
宜しくお願いします。
回答3件
0
ベストアンサー
Bootstrapを効率良く学ぶ方法
Bootstrapを学ぶ方法として、公式のウェブサイトから学ぶという方法があります。公式のウェブサイトですから、当然Bootstrapを扱うために必要なことは記述されており、ここに載っている情報は基本的に信用することができます。また、公式のウェブサイトには、サンプルコードもあるので、この機能はどのように使うのか、どのように動作するのかを考えるとき参考になるかと思います。
HTML/CSS含め、Bootstrapを効率良く学びスキルを身に付ける方法が知りたいです。
昔のひとは言いました、「Practice makes perfect」。まずは、自分が作りたいウェブサイトを考えて、それを使いたい機能(今回ではHTML, CSS, Bootstrap)を使って作ってみると良いと思います。このとき作成するウェブサイトの数は、より多く、違ったタイプのウェブサイトならばより良いと思います。個人的には、ウェブサイトを作る過程でわからないことがあった場合、そのことについてすぐに調べてみることも重要だと考えています。ひとりで調べていてもどうしてもわからないこと、解決できないことがあれば、teratailなどの質問サイトで質問して他の人に教えてもらうことも可能です。次に、他人が書いたコードを読んでみると良いと思います。書籍のものや、よく使っているサイトのコード、「これはどうやっているんだろう」と思ったサイトの機能など、気になったものはとにかくソースコードを読んでどうやって実装しているのかを確かめてみてください。もしもそのソースコードにまだ知らない機能が使われているときは、それについてすぐに調べて、できればその機能が使われているサイトを作ってみたりすると良いかもしれません。このように、「作りたいものを作り」、「他人のコードを読み」、「知らないこと、わからないことはすぐに調べる」ということを徹底していれば効率良くスキルを身に付けることができるはずです。
投稿2017/08/18 18:51
総合スコア14731
0
学習手順の例として、日本語の資料としては、Bootstrap3ですがとほほのBootstrap入門さんがよくまとまっているので一読して、gridや各コンポーネントの考え方を把握した後に、
とほほのBootstrap入門
最新のBoostrap4 betaであれば、以下ドキュメントを一通り参照して(SearchがAlgolia対応で賢くなり調べやすいです)
Bootstrap4 beta Documentation
その後に、自身がいままで作ったサイトをBootstrap化してみてChromeのThe Chrome Developer Toolsで横幅の違うデバイスでの見え方を検証したり、Bootstrapで作成されたテンプレートの中身をみてみたりすると効率的に把握できると思います。
Bootstrap3
All Templates
Bootstrap4
10 Most Promising Free Bootstrap 4 Templates for 2017
また開発のコツとしては、ドキュメントのUtilitiesの項目の内容をうまく利用すると、CSSを独自で拡張する量も減ってよいかと思います(py-1やpb-0とか)
Spacing
投稿2017/08/19 00:30
総合スコア4106
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。