概要
フロントエンドエンジニアは，主に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右段下
P.47リスト8
P.47リスト9
P.49表5
P.62リスト6
| 誤 |
<a href="#5">5</a></li><li>
|
|---|
| 正 |
|
|---|
P.72リスト32
P.90リスト
P.90リスト
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
P.153図13
P.167リスト2
P.167図9
| 誤 |
ボタンなどで仕様するクラス |
|---|
| 正 |
ボタンなどで使用するクラス |
|---|
P.168リスト3
P.186注6
| 誤 |
http://mozilla.github.io/brick/ |
|---|
| 正 |
https://github.com/mozbrick/brick |
|---|