加藤 善規（かとう よしき）



フリーランスによるWebサイト制作業務、Webサイト制作会社での取締役などの経験を経て、2014年にバーンワークス株式会社を設立、代表取締役に就任。Webサイト制作ディレクション、Webアクセシビリティ、ユーザビリティに関するコンサルティング業務の他、セミナー等での講演、執筆等も行う。

本製品にはご購読の読者様がご利用できる「特典」サービスがついています。お手元に本製品を用意し、「特典を利用する」ボタンから画面の指示に従ってお進みください。

特典を利用する

本製品の読者さまを対象としたダウンロード情報はありません。

誤記のためにご迷惑をおかけし、誠に申し訳ございません。

• 2ページ 対応ブラウザー　説明
  • [誤]
    詳細は次のページに記載しています。
  • [正]
    詳細はP.4に記載しています。
  • 【 第3刷にて修正 】
• 53ページ サンプルコード　9行目
  • [誤]
    <script src="/js/scipt.js">
  • [正]
    <script src="/js/scipt.js"></script>
  • 【 第2刷にて修正 】
• 61ページ 実践例　サンプルコード　5～6行目
  • [誤]
    <li><a href="/blog">メニュー</a></li>
    <li><a href="/contact/">店舗情報</a></li>
  • [正]
    <li><a href="/blog/">メニュー</a></li>
    <li><a href="/shop/">店舗情報</a></li>
  • 【 第2刷にて修正 】
• 145ページ value属性の解説文
  • [誤]
    また、type属性値がsubmit、image、reset、buttonの場合は、value属性の値が表示されるbeforeボタン名となります。
  • [正]
    また、type属性値がsubmit、reset、buttonの場合は、value属性の値がボタンに表示されるラベルとなります。
  • 【 第2刷にて修正 】
• 165ページ 使用できる属性　一覧
  • [誤]
    valueを含む
  • [正]
    valueを含まない
  • 【 第2刷にて修正 】
• 165ページ 使用できる属性　本文
  • [誤]
    value属性で指定した値は、ボタンに表示されるラベルとして使用されます。
  • [正]
    （削除）
  • 【 第2刷にて修正 】
• 193ページ サンプルコード　2行目
  • [誤]
    <style><!--省略--></style>
  • [正]
    <style>/*省略*/</style>
  • 【 第2刷にて修正 】
• 233ページ 本文
  • [誤]
    以下の例では、閲覧者が操作しているフォームの入力コントロールにスタイルを適用し、背景色を薄い赤で表示しています。
  • [正]
    以下の例では、閲覧者が操作しているtype="text"が指定されたフォームの入力コントロールにスタイルを適用し、背景色を薄い赤で表示しています。
  • 【 第2刷にて修正 】
• 233ページ CSS　サンプルコード　1行目
  • [誤]
    input[type]:focus {
  • [正]
    input[type="text"]:focus {
  • 【 第2刷にて修正 】
• 233ページ HTML　サンプルコード　9行目
  • [誤]
    <input type="type" name="address" id="address" value="">
  • [正]
    <input type="text" name="address" id="address" value="">
  • 【 第2刷にて修正 】
• 238ページ 下段　サンプルコード　1行目
  • [誤]
    textarea:disable {
  • [正]
    textarea:disabled {
  • 【 第2刷にて修正 】
• 239ページ 上段　サンプルコード　1行目
  • [誤]
    type[checkbox]:checked {
  • [正]
    input[type="checkbox"]:checked {
  • 【 第2刷にて修正 】
• 246ページ 要素名::first-line　本文およびサンプルコード
  • [誤]
    以下の例では、p要素のマージンを広くしたうえで、段落の1行目にのみ別のスタイルを適用し、広くしたマージンを取り消しています。
    
    p {
    margin-left: 1em;
    }
    p::first-line {
    margin-left: -1em;
    }
  • [正]
    以下の例では、p要素のフォントサイズを指定したうえで、段落の1行目にのみ別のフォントサイズを適用しています。
    
    p {
    font-size: 1rem;
    }
    p::first-line {
    font-size: 1.5rem;
    }
  • 【 第2刷にて修正 】
• 324ページ 引数の指定方法　サイズ　2行目
  • [誤]
    closet-side
  • [正]
    closest-side
  • 【 第3刷にて修正 】
• 324ページ 引数の指定方法　サイズ　3行目
  • [誤]
    farset-side
  • [正]
    farthest-side
  • 【 第3刷にて修正 】
• 324ページ 引数の指定方法　サイズ　4行目
  • [誤]
    closet-corner
  • [正]
    closest-corner
  • 【 第3刷にて修正 】
• 324ページ 引数の指定方法　サイズ　5行目
  • [誤]
    farset-corner
  • [正]
    farthest-corner
  • 【 第3刷にて修正 】
• 346ページ 値の指定方法　下から2行目
  • [誤]
    値が2つ　1つ目が左右上角、2つ目が左右下角に適用されます。
    
  • [正]
    値が2つ　1つ目が左上角と右下角、2つ目が右上角と左下角に適用されます。
  • 【 第2刷にて修正 】
• 392ページ 値の指定方法　下から2行目
  • [誤]
    1つ目は上下、2つ目は左右の間隔に適用されます。
  • [正]
    1つ目は左右、2つ目は上下の間隔に適用されます。
  • 【 第3刷にて修正 】
• 421ページ ページ下部　本文
  • [誤]
    flex-direcrionプロパティ（P.347）
  • [正]
    flex-directionプロパティ（P.422）
  • 【 第3刷にて修正 】
• 460ページ サンプルコード1つ目　2行目
  • [誤]
    grid-area: span 3 / 6 / 2 / 4;
  • [正]
    grid-area: span 3 / 2 / 6 / 4;
  • 【 第3刷にて修正 】
• 460ページ サンプルコード2つ目　3～4行目
  • [誤]
    grid-column-start: 6;
    grid-row-end: 2;
  • [正]
    grid-column-start: 2;
    grid-row-end: 6;
  • 【 第3刷にて修正 】
• 470ページ サンプルコード　5行目以降
  • [誤]
    .box {
    background-color: yellow;
    animation-name: box-animation;
    animation-delay: 5s;
    animation-fill-mode: both;
    }
  • [正]
    .box {
    background-color: yellow;
    animation-name: box-animation;
    animation-delay: 5s;
    animation-fill-mode: both;
    animation-duration: 1s;
    }
  • 【 第3刷にて修正 】
• 482ページ 値の指定方法　rotateY()の解説文
  • [誤]
    正の数値を指定すると、要素の左辺が画面の奥に向かって回転します。
  • [正]
    正の数値を指定すると、要素の右辺が画面の奥に向かって回転します。
  • 【 第3刷にて修正 】

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

お問い合わせフォーム