WEB Engineer’s Books<br> HTML5/CSS3モダンコーディング―フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

個数:
電子版価格
¥2,948
  • 電書あり
  • ポイントキャンペーン

WEB Engineer’s Books
HTML5/CSS3モダンコーディング―フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

  • 吉田 真麻【著】
  • 価格 ¥2,948(本体¥2,680)
  • 翔泳社(2015/11発売)
  • ゴールデンウィーク ポイント2倍キャンペーン対象商品(5/6まで)
  • ポイント 52pt
  • ウェブストアに1冊在庫がございます。(2024年05月01日 04時50分現在)
    通常、ご注文翌日~2日後に出荷されます。
  • 出荷予定日とご注意事項
    ※上記を必ずご確認ください

    【ご注意事項】 ※必ずお読みください
    ◆在庫数は刻々と変動しており、ご注文手続き中に減ることもございます。
    ◆在庫数以上の数量をご注文の場合には、超過した分はお取り寄せとなり日数がかかります。入手できないこともございます。
    ◆事情により出荷が遅れる場合がございます。
    ◆お届け日のご指定は承っておりません。
    ◆「帯」はお付けできない場合がございます。
    ◆画像の表紙や帯等は実物とは異なる場合があります。
    ◆特に表記のない限り特典はありません。
    ◆別冊解答などの付属品はお付けできない場合がございます。
  • ●店舗受取サービス(送料無料)もご利用いただけます。
    ご注文ステップ「お届け先情報設定」にてお受け取り店をご指定ください。尚、受取店舗限定の特典はお付けできません。詳細はこちら
  • サイズ B5判/ページ数 247p/高さ 25cm
  • 商品コード 9784798141572
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

HTML5/CSS3を使ってスタンダード・グリッド・シングルページレイアウトの3サイトを制作し実践的なコーディングを学ぶ!

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック!

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

PART0 イントロダクション
 A 本書で作成するサイト
 B コーディングの進め方
 C デベロッパーツールの使い方
 D 本書の読み方
PART1 スタンダードレイアウト
 01 このPARTで作るサイト
 02 ベースのコーディング
 03 ヘッダーのコーディング
 04 メイン領域のコーディング
 05 サイドメニューのコーディング
 06 フッターのコーディング
PART2 グリッドレイアウト
 07 このPARTで作るサイト
 08 ベースのコーディング
 09 ボックスのコーディング
 10 中ボックスと大ボックスのコーディング
 11 ナビゲーションのコーディング
PART3 シングルページレイアウト
 12 このPARTで作るサイト
 13 ベースのコーディング
 14 ヘッダーのコーディング
 15 セクション1(ABOUT ME)のコーディング
 16 セクション2(WORKS)のコーディング
 17 セクション3(MY SKILLS)のコーディング
 18 セクション4(CONTACT)とフッターのコーディング
 19 スマートフォン対応の下準備
 20 スマートフォン対応のコーディング

内容説明

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。現在主流のWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。実際のWeb制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

目次

0 イントロダクション(本書で作成するサイト;コーディングの進め方 ほか)
1 スタンダードレイアウト(このPARTで作るサイト;ベースのコーディング ほか)
2 グリッドレイアウト(このPARTで作るサイト;ベースのコーディング ほか)
3 シングルページレイアウト(このPARTで作るサイト;ベースのコーディング ほか)
APPENDIX セルフコーディングにチャレンジ コーディング例

著者等紹介

吉田真麻[ヨシダマアサ]
1991年生まれ。中学時代に個人のモバイルサイトを作ったことがきっかけでHTML/CSSコーディングの面白さを知り、高校・大学と学業のかたわら趣味仕事問わず複数のサイト制作を行なう。19歳の頃から本格的にWeb制作業に就き、その後PHPとJavaScriptに出会ってプログラミングに目覚める。現在の活動は主にフロントエンドエンジニアとして、HTML/CSS/JavaScriptでのシングルページアプリケーションの開発や個人のプロダクト制作、イベント登壇など(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

きゅろ

3
他の方も書いているように中級者向けの本。 日頃Wordpressを使ってWEBサイトを更新し、CSSは検索して見つけたコードをコピペして使っていましたが、 それで目にしていたプロパティの解説を読んで勉強になりました。 辞典みたいにばーっと羅列してあるのではなく、コーディングしていきながら解説されているので、 実際に使っていく過程をイメージできました。 今後は見つけたコードをもっと気軽に自分でカスタマイズしていけそうです。2018/07/05

ksk

3
中級者以上向けの本。3つの事例を作りながら学んでいく本でわかりやすく、なかなかいい本であった。 問題も章末にあるので腕試しにもなる。2018/01/23

ユラニト

2
内容はすごく勉強になるけれど、初版本を読んだせいか誤字が結構あり正誤表を見に行きました。再読するときは最新版を読むようにします。2021/03/02

Predora

2
タイトルの通り、3つの代表的なレイアウトの実装例を書いた本。例がかなり実用的なので、似たレイアウトであれば内容が異なっていても実装できるように作られていて良かった。また、書きながら読み進める形式で、身に付くように作られているのも良かった。2019/08/18

diescake

2
中級者向けの本。 個々のHTML要素やCSSプロパティについては簡単な説明に留めていて、 それらをどう組み合わせることで、実際のウェブサイトを表現するか、を主眼としている。 私は参考書を読み進める前に、 サイトの完成図を頼りに自分で実装した後、答え合わせとして読み進めてみたが、 これは多くの気付きと感動が得られ、確かな実力になるように感じた。 2019/08/04

外部のウェブサイトに移動します

よろしければ下記URLをクリックしてください。

https://bookmeter.com/books/9862009
  • ご注意事項

    ご注意
    リンク先のウェブサイトは、株式会社ブックウォーカーの提供する「読書メーター」のページで、紀伊國屋書店のウェブサイトではなく、紀伊國屋書店の管理下にはないものです。
    この告知で掲載しているウェブサイトのアドレスについては、当ページ作成時点のものです。ウェブサイトのアドレスについては廃止や変更されることがあります。
    最新のアドレスについては、お客様ご自身でご確認ください。
    リンク先のウェブサイトについては、「株式会社ブックウォーカー」にご確認ください。