書籍概要

Software Design plus_養成読本

フロントエンドエンジニア養成読本
[HTML ,CSS,JavaScriptの基本から現場で役立つ技術まで満載!]

著者
発売日
更新日

概要

フロントエンドエンジニアは,主にWebブラウザとシステムの間を取り持つエンジニアとしてWeb系企業では一般的になった職種と言われていますが,実際の仕事の領域や扱う技術は会社によってバラバラです。本書では,フロントエンドエンジニアとしての心構えを指南し,フロントエンド開発の基礎知識から現役のエンジニアがステップアップするために必要な技術を幅広く解説します。本書を通してフロントエンドエンジニアが身に付けるべき知識がどういうものか概観できます。

EPUBデータは,紙書籍やPDF版とはデザインやレイアウトが異なるリフロー型と呼ばれるフォーマットにて制作されています(掲載情報は同じです)。お使いの端末に合わせてご覧ください。

こんな方におすすめ

  • 新人エンジニア,フロントエンドエンジニア

目次

特集1
フロントエンドエンジニアとしての基礎と準備

  • 第1章:フロントエンドエンジニアとは?…… 斉藤祐也
  • 第2章:Webブラウザの基礎知識…… 斉藤祐也
  • 第3章:UI/UXデザイン入門…… 石本光司
  • 第4章:HTML/CSS/JavaScript基礎…… 加藤賢一

特集2
フロントエンド開発フィールドガイド

  • 第5章:マークアップクイックレシピ…… 水野隼登
  • 第6章:CSS実践入門…… 谷 拓樹
  • 第7章:JavaScriptの設計と指針…… 泉水翔吾
  • 第8章:モバイル・マルチデバイスへの対応…… 原 一成
  • 第9章:フロントエンドの開発環境…… 石本光司
  • 第10章:JavaScript開発におけるテスト…… 平木 聡
  • 第11章:パフォーマンス入門…… 佐藤 歩
  • 第12章:Gitでバージョン管理…… 原 一成
  • 第13章:現場で使える品質管理…… 平木 聡
  • 第14章:セキュリティ対策の基本…… 杉本吉章

特集3
フロントエンド開発最前線

  • 第15章:Web Components入門…… 谷 拓樹
  • 第16章:ECMAScript 6…… 泉水翔吾
  • 第17章:WebRTCの実装…… 杉本吉章

サポート

正誤表

本書の以下の部分に誤りがありました。ここに訂正するとともに,ご迷惑をおかけしたことを深くお詫び申し上げます。

(2014年7月30日更新)

P.3図1

世界発のWebサイト
世界のWebサイト

P.12右段下

Chrom
Chrome

P.47リスト8

XHTMLで書かれた文字エンコーディング
XHTMLで書かれた外部スタイルシート

P.47リスト9

XHTMLで書かれた文字エンコーディング
XHTMLで書かれた外部スタイルシート

P.49表5

<time
<time>

P.62リスト6

<a href="#5">5</a></li><li>
<a href="#5">5</a></li>

P.72リスト32

18ピクセル
18px

P.90リスト

リスト8
リスト9

P.90リスト

リスト9
リスト8

P.90右段下

さらに、幅をデバイスサイズに合わせ、拡大縮小できないようにします(リスト9)。文字サイズの自動調整をオフにします。これらの対応をすることで、ネイティブアプリと同様の表示になります。
ネイティブアプリと同様の表示にするには幅をデバイスサイズに合わせ、拡大縮小できないようにします(リスト9)。ただし、ユーザーの拡大縮小操作は有効にしておいた方が好ましいでしょう。

P.92左段下

誤操作が変動するのか
誤操作が発生するのか

P.95右段

規則性が保たれ、
規則性が保たれ

P.95右段下

目に優しく
何がどこにあるのかわかりやすく

P.97右段上

一番外側の要素(.contents)を90%で指定し、
一番外側の要素(.contents)の中に

P.97リスト14

.contents { margin: 0 auto; width: 90%; }
.contents { display: flex; }

P.131右段

ブラウザがダウンロードする際に発生するコストを、
ブラウザがダウンロードする際に発生するコストについて

P.132 右段下

認知心理学者である
削除

P.152図7

Blod
Blob

P.153図13

Macでに
Macで

P.167リスト2

# ボタンなどで仕様するクラス
# ボタンなどで使用するクラス

P.167図9

ボタンなどで仕様するクラス
ボタンなどで使用するクラス

P.168リスト3

(m2)
(m3)

P.186注6

http://mozilla.github.io/brick/
https://github.com/mozbrick/brick

商品一覧