BUNNY ROBBER GRPC BLOG

今回の本は「Dreamweaver デザインブック CC2015対応」です。 最近の私はHTML／CSSの勉強がだいぶ進んできたので、次の段階としてBootstrap4を勉強しています。その一歩目としてBootstrapがテーマの「Dreamweaver デザインブック CC2015対応」を読み終えたのですが、この本ではBootstrap3が使用されています。 思えば、この本を買ったときの私はBootstrap3と4の違いをよく理解してませんでした。大した問題では無いだろうと読み始めたのものの、私のDreamweaver CC2017とBootstrap4での環境では、幾つかの違いでつまずきました。 そこで今回は、この本の中で私が見つけたBootstrap3→Bootstrap4の移行点を挙げていこうと思います。この本の購入を考えている方、今読んでいてつまずいている方は参考にしてみて下さい。また、Bootstrapの各classの詳細は記述しないので、不明な点は他の情報を参照してください。 p95、画像のレスポンシブの設定内「.img-responsive」は「.img-fluid」に。 p103、Bootstrapとは関係がありませんが、FontAwesomeのアイコンの形が変更になっています。 p165、メニューを縦並びにするには「.nav」に加え「.flex-column」を指定します。 p190、「.navbar-right」が廃止になったので「.ml-auto」を使用。 p296、「.push」が廃止になったので「.order」を使用。 p299、「.img-circle」が廃止になったので「.rounded-circle」を使用。 他にも何箇所か違いはあるのですが、その点はCSSの記述で合わせられるだろうと思います。 本自体の内容は、Bootstrapの機能を網羅するというよりも、レイアウトを中心に実践的な使い方に焦点を当てて書かれているので、この本をしっかり学べれば、Bootstrapの初歩的な使い方は直ぐに出来る様になると思います。 現状ではDreamweaverとBootstrapの組み合わせを学べる本は少ないので、そういった意味ではオススメです。

今回は本のレビューです。 最近までAdobe Museを勉強していた私ですが、AdobeからのMuseの開発終了／2020年3月でのサポート終了の通達を機に、HTMLとCSSを勉強し直すことにしました。 独学でHTML4とCSS2の知識は一通りあったので、最近出版されているHTML5関連の本の中から、Amazonのレビューを参考に数冊を購入しました。 「HTMLとCSSとWebデザインが1冊できちんと身につく本」はその中の1冊です。 一通り読んでみて、初心者や私のような勉強し直しの方にはピッタリな本だと感じたので、以下、良い点と気になった点、その他思ったこと等を書いていこうと思います。 良い点1：基本的なWebデザインとコーディングをテーマにしている Webの世界は日進月歩で、いろんな技術と情報が更新されていきます。Web系の本はそのときの主流の技術を解説する本が多いのですが、それでも2〜3年後にはその技術が古くなってしまうことも多いです。 その点この本はWebで必ず使用する基本的なデザインとコーディングに絞って書かれています。プロともなれば必要もなくなるかも本しれませんが、情報としての価値は時が経ってもそれほど落ちないと思います。 良い点2：本のデザインが良い この本はいわゆるレッスンブックです。レッスンブックにおいて重要なのは、技術的な内容は勿論ですが、それを伝えるデザインが特に重要だと私は思っています。 いくら良い内容の本でも、見づらくて頭に入らないのなら意味はありません。 その点、この本のデザインは本文やコードの文字の大きさ、行間、書体、マーカー風の処理等、変更点や注釈の指示も非常に読みやすくデザインされています。 なので、スムーズに読み進めることが出来、内容も理解もしやすかったです。 良い点3：サンプルのデザインが良い 私がこういった本を選ぶときは、Amazonのレビューを参考にしつつ、時間に余裕があれば本屋で内容を確認してから買うようにしています（時間が無ければAmazonで注文）。 この本は本屋で見てからの購入なのですが、手にとってパッと見で感じたのが「サンプルのデザインが良い」ことです。 私の場合、サンプルのデザインが良く無いと勉強のモチベーションを保つのが難しいのですが、この本のサンプルは...