フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本

ICS 池田泰延 / 西原翼 / 松本ゆき

【一冊でHTML/CSS/JavaScriptの開発技術が学べる！】
フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。
本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。
「フロントエンド技術は移り変わりが激しい」と言われてきました。しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。
また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。


■こんな方におすすめ
・フロントエンド開発にこれから携わりたい方
・フロントエンド開発に携わって1～2年の方
・Webサイト制作に携わっていて、フロントエンド全般について知りたい方
・Webサイト制作、Webアプリケーション開発それぞれの知識や違いを知りたい方


■目次
第1章 フロントエンド開発の全体像
1.1 フロントエンドとは何か
1.2 制作・開発の進め方
1.3 HTMLとCSSとJavaScript
第2章 フロントエンド開発環境を用意しよう
2.1 Node.jsの使い方
2.2 Node.jsの役割
2.3 エディタ・IDE
2.4 開発環境の導入方法
第3章 現場の開発を体験してみよう
3.1 実践！フロントエンド開発
第4章 標準仕様の動向
4.1 Web標準の仕様
4.2 ブラウザの互換性
第5章 より良い開発のための次の一歩
5.1 JavaScriptフレームワーク
5.2 CSSの周辺技術
5.3 CSSフレームワーク
5.4 TypeScript.
5.5 Web API
5.6 オールインワンなフレームワーク
5.7 WebGL
第6章 品質を向上させるための取り組み
6.1 デザインツールと画像形式
6.2 アクセシビリティ
6.3 Webブラウザの開発者ツール
6.4 Lighthouse
6.5 コード品質の向上
6.6 テスト
6.7 CI/CD
6.8 セキュリティ


■著者プロフィール
池田 泰延（いけだ やすのぶ）：株式会社ICS代表。筑波大学非常勤講師。ICS MEDIA編集長。テクニカルディレクターとして、ウェブのフロントエンドの開発を行う。得意分野はWebGLやデータビジュアライゼーション。X:https://twitter.com/clockmaker

西原 翼（にしはら つばさ）：株式会社ICSのインタラクションデザイナー。建築関係からスクールを経てWeb業界に転身する。企業のコーポレートサイトからWebアプリまで幅広く携わる。CSSでの表現の可能性を探っている。記事:https://ics.media/entry/staff/nishihara/

松本 ゆき（まつもと ゆき）：株式会社ICS ICSフロントエンドエンジニア。SIerでのJava Webシステムの企画開発からUXコンサルタントを経て、フロントエンドエンジニアに転身。新しいアイデアを企画段階からプロトタイピングしていくことが得意。

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / インターネット
• 出版社: 技術評論社
• ページ数: 344ページ
• 電子版発売日: 2023年11月28日
• コンテンツ形式: EPUB
• サイズ(目安): 32MB

[ブクログ · ★★★★★]

ディレクター職ですが、単語は知ってるけどちゃんと理解できていなかったものの解像度がグッと上がりました。フロントエンドは進化が速く着いていくのが難しいと考えていましたが、全体像が見えたことでちょっとずつ着いていけそうです。
フロントエンドエンジニアとして生きていきたいなら、これから何が必要なのか理解するのにとても良い本です。

[ブクログ · ★★★★★]

制作現場にブランクがあるので、2023年末時点での主要なツール、ライブラリ等を用途別に整理して紹介してくれていて助かります。

[ブクログ · ★★★★☆]

私はいわゆる「エンジニア」という職種ではありませんが、Web周りを仕事にしており、エンジニアさんにはいつもお世話になっています。

この仕事を始めた時はWeb関係についてもそれなりに勉強していましたが、最近はさぼっていることもあり、一度まとまった周辺知識が欲しく読み始めました。

この本ではhtmlからjavascriptのフレームワーク、はてはセキュリティといったものまで網羅されており、守備範囲が広いです。そのため、フロントエンドにまつわる総覧的なガイドブックといった作りとなっています。広く浅く最新動向を学びたい、ということであれば本書はうってつけの本になるでしょう。

一方で、新しくフロントエンド構築の仕事を任された場合にこの本のみで進めていくのは難しいです。ただ、それぞれ詳しいWebサイトへの誘導もありますので、この本を端緒により知識を深めていければと思います。

[ブクログ · ★★★★☆]

すっかりエンジニアリングの最前線からは離れている一方で、フロントエンド技術は目まぐるしく変化していっています。

学び直しという意味で、手にとってみました。
知らないことも多々ありましたが、コアな部分は変わってないんだなぁ、という気づきがあり助かりました。