フロントエンドの知識地図　一冊でＨＴＭＬ／ＣＳＳ／ＪａｖａＳｃｒｉｐｔの開発技術が学べる本

Ｗｅｂのフロントエンド開発を学ぶための情報源を、第一線のエンジニアが厳選。変化が激しいと言われるフロントエンドの新しい技術を、この一冊でくまなく紹介します。

フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。
HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。

本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。

「フロントエンド技術は移り変わりが激しい」と言われてきました。
しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。

また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。

※お届け日が変更になりました
11月24日→11月27日

目次

第1章　フロントエンド開発の全体像
1.1　フロントエンドとは何か
1.1.1 　広がり続ける「フロントエンド」の世界
1.1.2　現代的なWebページにおけるJavaScriptの重要性
1.1.3　フロントエンドエンジニアを取り巻く環境
1.2　制作・開発の進め方
1.2.1　Webに関わるさまざまな役割
1.2.2　Webサイト／Webアプリケーションができあがるまでの流れ
1.2.3　フロントエンドエンジニアという役割
1.3　HTMLとCSSとJavaScript
1.3.1　HTML
1.3.2　CSS
1.3.3　JavaScript
1.3.4　まとめ
第2章　フロントエンド開発環境を用意しよう
2.1　Node.jsの使い方
2.1.1　Node.jsのインストール
2.1.2　Node.jsによるJavaScriptの実行
2.1.3　Node.jsのモジュール
2.2　Node.jsの役割
2.2.1　フロントエンドの開発環境
2.2.2　サーバーとしてのNode.js
2.2.3　ブラウザとNode.jsでのJavaScriptの違い
2.3　エディタ・IDE
2.3.1　Web制作のためのエディタ・IDE
2.3.2　VS Codeのインストール
2.3.3　VS Codeの使い方
2.4　開発環境の導入方法
2.4.1　開発言語の変換・バンドル・ビルド
2.4.2　ローカルサーバーの立ち上げ
2.4.3　Vite
第3章　現場の開発を体験してみよう
3.1　実践！フロントエンド開発
3.1.1　事前準備
3.1.2　ハンズオンの概要
3.1.3　ローカルへのクローンとインストール
3.1.4　ローカルサーバーの起動
3.1.5　コードの修正と確認
3.1.6　コードの整形
3.1.7　テストの実行
3.1.8　型チェックの実行
3　ほか

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。