Web制作・フロントエンド開発のためのおすすめ本をご紹介 ~ HTML/CSS、JavaScript

Web制作・フロントエンド開発のためのおすすめ本をご紹介 ~ HTML/CSS、JavaScript

HTML/CSSコーディング、JavaScriptを用いたフロントエンド開発、UI/UX・Webデザイン関連書を中心にご紹介。駆け出しのWebデザイナーやWebディレクター、現場でのスキルアップを目指すフロントエンドエンジニアの方にもおすすめの本が満載です。

【目次】

Web制作の基本を学ぶ

『これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本』

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本

2,420円(税込)

220pt (10%)

“1冊目”に最適の入門書!

手を動かしてWebサイトを作りながらHTML/CSSとWebデザインの基本を楽しく学べる入門書です。制作できるサイトは計4種。初歩的な内容から、Flexboxレイアウト・CSSグリッドレイアウト・レスポンシブデザイン・CSSアニメーションも作れるようになります。コーディングの知識だけではなく、学習を続ける上での学び方のコツやポイントも紹介。

『HTML5&CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。』

HTML5&CSS3しっかり入門教室  ゼロからよくわかる、使える力が身につく。

2,618円(税込)

238pt (10%)

Web制作をゼロから学べる教科書

HTMLとCSSによるWeb制作をゼロから学べる教科書です。サンプルデータを使いながら、Webサイトのつくり方を丁寧に解説。基本だけでなく、Webに動きを与えるjQueryや、スマートフォンなどにも対応したレスポンシブWebについても解説するので、現場ですぐに使える技術も身に付きます。著者はスクールの人気講師。初学者がつまづきやすいポイントもしっかりフォローします。

『HTML5&CSS3標準デザイン講座 30LESSONS【第2版】』

HTML5&CSS3標準デザイン講座 30LESSONS【第2版】

2,838円(税込)

258pt (10%)

本格Web制作をゼロからしっかり学べる

基本文法から、正しいマークアップの作法、最新のCSSレイアウト、レスポンシブ対応の画面設計とコーディングまで、しっかり学べます。考え方や知識を得るための「講義」パートと、実際に作りながらスキルを身につける「実習」パートからなる、合計30のLESSONを順番にステップアップしながら学んでいけます。Web制作をこれから始める人に最適です。

『ホームページ辞典 第6版 HTML・CSS・JavaScript』

ホームページ辞典 第6版 HTML・CSS・JavaScript

2,200円(税込)

200pt (10%)

Web制作に欠かせない定番ベストセラー

HTML(構造)・CSS(デザイン)・JavaScript(動き)の3大要素の解説を1冊にまとめたおトクな辞典です。モダンブラウザ/iPhone&Androidにも対応し、近年のWebトレンドに合わせた、より実践的な内容になっています。これからWeb制作を学びたいビギナーから、実務でのリファレンスとして使いたい上級者まで、広くおすすめできる一冊です。

『WordPress標準デザイン講座 20LESSONS【第2版】』

WordPress標準デザイン講座 20LESSONS【第2版】

2,838円(税込)

258pt (10%)

WordPressをゼロからしっかり学べる

かんたんなブログサイトから高機能なCMSサイトまで、効率的に制作できるWordPress。制作環境や基本操作の解説はもちろん、サイト設計の基本、WordPressに必要なPHP、テーマファイルの仕組みといった欠かせない基礎知識、最新のエディタ「Gutenberg」の基本操作、さらにテンプレート作成、ウィジェット、カスタムメニュー、プラグイン、セキュリティの配慮といった実践的なスキルまで、しっかり学習できます。

『jQuery標準デザイン講座』

jQuery標準デザイン講座

2,728円(税込)

248pt (10%)

スキルアップしたいWebデザイナーへ

HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書。jQueryの基礎知識と基本文法の学習から始めて、実際に動作サンプルを作りながら、jQueryのしくみと使い方を学んでいきます。メニューやナビゲーション、UIパーツなど、Webサイトでよく使われているサンプル作例を自分で作りながら、「使える」知識がきちんと身につきます。

JavaScript/フロントエンド開発

『JavaScript 1年生 体験してわかる!会話でまなべる!プログラミングのしくみ』

JavaScript 1年生  体験してわかる!会話でまなべる!プログラミングのしくみ

2,178円(税込)

198pt (10%)

ゼロからはじめる!JavaScriptのいちばんやさしい入門書

JavaScriptについて何も知らない初心者の方に向けて、簡単なサンプルを作りながら、JavaScriptのプログラムの仕組みを体験してもらう書籍です。初めての方でも安心して学習できるよう基本文法もしっかり解説。イラストを交えた対話形式で、楽しく学習できます。

『JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉』

JavaScriptの絵本 第2版  Webプログラミングを始める新しい9つの扉

1,848円(税込)

168pt (10%)

Web系プログラミングの基本言語JavaScriptの入門書

プログラミングの知識のない方でも気軽に始められるやさしい入門書。イラストを多用した2ページを単位の説明、基礎に絞り込んだ内容で、スピーディな習得が可能。最新の言語仕様に対応し、JavaScriptのライブラリの活用法や、オブジェクト指向についても易しく説明しています。

『JavaScript逆引きレシピ 第2版』

JavaScript逆引きレシピ 第2版

3,080円(税込)

280pt (10%)

JavaScript開発必須の知識・現場のテクニックを凝縮!

JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、実践で即役立つテクニックと開発ノウハウ、つまづきやすいポイントを徹底解説。JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、もっと活用したい方などにおすすめです。

『ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁 オブジェクト指向からシングルページアプリケーションまで』

ブレイクスルーJavaScript  フロントエンドエンジニアとして越えるべき5つの壁 オブジェクト指向からシングルページアプリケーションまで

2,420円(税込)

220pt (10%)

jQueryのその先へ。サンプルをつくりながら学ぶ制作現場の実装スキル

本書は、オブジェクト指向の考え方、UI・インタラクティブ表現としてのイベント、Canvas APIによるグラフィック表現、Ajaxを利用したAPI連携とデータ検索、シングルページアプリケーションの実装の5つを集中的に学んでいく学習書です。それぞれ読んで理解できる「基本」と、具体的なコードを書きながら学べる「実践」とのセットになっているので、現場で使えるスキルが効率よく身につきます。

『入門JavaScriptプログラミング』

入門JavaScriptプログラミング

3,080円(税込)

280pt (10%)

現場で役立つ、モダンなJavaScript開発技法

本書は、ES2015以降に導入された新しい機能をこれから学ぼうとしているJavaScriptプログラマのために書かれています。とくに、新しく導入された機能のうち、もっとも使いでのある機能や、これまで手こずらざるを得なかった開発プロセスを大幅に軽減するような、現実のプロジェクトにおいて率先して使うべき機能を中心に解説。

紙版品切れ中

『入門Node.jsプログラミング』

入門Node.jsプログラミング

3,740円(税込)

340pt (10%)

フロントエンドもバックエンドも!柔軟性に富んだWebアプリを作成

Node.jsの最大の特徴は、Webアプリケーション(インターネットを介してリクエストを処理し、応答として処理したデータとビューを返すアプリケーション)の構築に適している点です。本書では、Node.jsを使ったWebアプリケーション構築の基礎知識から、Node.jsによる実用的なプログラミングまでを学ぶことができます。

『動かして学ぶ!Vue.js開発入門』

動かして学ぶ!Vue.js開発入門

3,520円(税込)

320pt (10%)

Webアプリ開発用のJavaScriptフレームワークVue.js

Vue.jsの基本機能を押さえたサンプルを元に、Webアプリ開発手法を学ぶことができます。具体的には、ニーズの高い、データバインディング、イベント、ライブラリの利用、コンポーネントなど開発の現場でニーズの高いトピックを中心に解説。さらに現在、主流になりつつあるSPAの作成に役立つポイントも盛り込みます。

『React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで』

React入門  React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで

3,278円(税込)

298pt (10%)

モダンWebアプリケーション開発の全体像がわかる!

インストールの解説から、チュートリアルを通したコードの説明まで、React開発を詳しく解説。情報が少ないテストやデプロイや、UI/UXの適切な設定など、実際の開発の現場役立つ事柄についても説明しています。迅速なWebアプリケーション開発、最新のフロントエンドの事情をくわしく知りたい方におすすめの一冊。

『はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法』

はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法

2,948円(税込)

268pt (10%)

モダンWeb制作に欠かせないCSS設計

CSS設計手法について、基本から実装方法まで解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルのWebサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを設計・実装するまでの具体的なプロセスについて一冊で学べます。

『Webサイトパフォーマンス実践入門 高速なWebページを作りたいあなたに』

Webサイトパフォーマンス実践入門  高速なWebページを作りたいあなたに

3,300円(税込)

300pt (10%)

Webパフォーマンスの基礎知識から最適化テクニックまで!

Webパフォーマンスの基礎知識から、CSSの最適化、クリティカルCSS、画像のレスポンシブ化・最適化、フォント、JavaScriptの高速化、サービスワーカーを使ったパフォーマンス向上、データ転送の効率化、HTTP/2、gulpを使った自動化まで、Webサイトをより速くするために知っておくべき知識とテクニックを網羅的に、かつ丁寧に解説しています。

紙版品切れ中

UI/UXとデザインの基本

『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』

Adobe XDではじめるWebデザイン&プロトタイピング  一歩先行く現場のスキル

2,750円(税込)

250pt (10%)

コーディングに適したプロトタイプが作れる!

本書はAdobe XDを使ったWebデザインとUIのプロトタイピングを、高品質なサイトを作りながら、現場のワークフローに沿って学んでいく本です。現場レベルで求められるスキルを、より実践的な学び方で習得できます。

紙版品切れ中

『Figma for デザインシステム デザインを中心としたプロダクト開発の仕組み作り』

Figma for デザインシステム  デザインを中心としたプロダクト開発の仕組み作り

3,080円(税込)

280pt (10%)

UIデザイナーとして一歩先に行くために

本書はFigmaを使ったデザインシステムの構築方法が学べるチュートリアルです。

「デザインシステムとは何か」から始まり、実践を通して「どのように作るのか」を学べます。具体的な作例を用いて段階的に構築していくので、「デザインシステムに興味があるけど何から始めてよいかわからない」といった方や、Figmaの初歩的な操作方法を理解している方のステップアップとしても最適。「デザインシステムはまだ必要ない」という方でも、本書で解説する機能を使いこなせば、既存のデザインプロセスを改善できるはずです。

『デザイン3000』

デザイン3000

2,178円(税込)

198pt (10%)

デザインのアイデア出しはこの一冊で

本書は事典やカタログのように「使う本」です。流行に左右されないシンプルなレイアウトのラフアイデア、あしらいの小技アイデア、配色アイデア、ロゴデザインのアイデアを、3000個超、計400ページという大ボリュームでご紹介します。Webデザインにもきっと役立つ一冊です。

『UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計』

UIデザインの教科書[新版]  マルチデバイス時代のインターフェース設計

2,618円(税込)

238pt (10%)

Webデザインにも欠かせないUI設計

Webサイトの閲覧者やアプリのユーザーは、いつのまにか迷ったり、わからなくなったり、操作がしっくりこなかったりすることがあります。本書を読むと「わかりやすさ」と「使いやすさ」の要点がわかるので、ユーザーを迷わせない、最適なUIを見つけることができます。デザイナーはもちろん、エンジニア、ディレクター、発注者など、UI制作に関わるあらゆる方におすすめです。

『Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで』

Web制作者のためのUXデザインをはじめる本  ユーザビリティ評価からカスタマージャーニーマップまで

2,420円(税込)

220pt (10%)

8ステップではじめるWebのUXデザイン

本書は、実際に大手デジタルマーケティング会社でUXデザインを実践してきた執筆陣が、Web制作者が知っておくべき、UXデザインの「基本」から「ユーザビリティ評価」「プロトタイピング」「構造化シナリオ」「ユーザー調査」「カスタマージャーニーマップ」「ユーザーモデリング」「組織導入」までを解説。Webに関わる企画・開発者、ディレクター、プロデューサー、デザイナー、エンジニア向け。

『やってはいけないデザイン』

やってはいけないデザイン

1,980円(税込)

180pt (10%)

本業はデザイナーじゃないのに、自分でデザインしなくてはいけない人へ

本業はデザイナーじゃないのに、自分でデザインしなくてはいけない、素人デザイナーさんへ。素人さんがやりがちな「やってはいけないデザイン」と、それを改善するためのノウハウをやさしくお教えします。Webデザインが対象ではありませんが、配色やレイアウト、フォント選び、写真の用い方など、デザインの基本となる考え方やテクニックを学ぶことができます。

『クイズで学ぶ デザイン・レイアウトの基本』

クイズで学ぶ デザイン・レイアウトの基本

1,980円(税込)

180pt (10%)

パッと見る!+考える!=デザイン力がつく

正しいデザインとイマイチなデザイン2種類を見ながら「どちらがよいデザインか?」を考え、次のページで答えとともに、デザインの基本的なルールを学んでもらうクイズ形式の本です。デザイン勉強中の方はもちろん、デザイナーではないのにデザインをしなくてはいけない人、デザインのよしあしを判断しなくてはいけない新人Webディレクターや発注者にもおすすめ。

おすすめ特集

【2023年上半期 ベスト20】新刊IT書を筆頭に、エンジニア必携・マネジメント本など人気書籍をご紹介

【2023年上半期 ベスト20】新刊IT書を筆頭に、エンジニア必携・マネジメント本など人気書籍をご紹介

小学校から必修化!話題のプログラミング教育の本はこちら

小学校から必修化!話題のプログラミング教育の本はこちら

ベンダー資格に関する書籍を試験ごとに紹介!ベンダー資格試験対策本特集

ベンダー資格に関する書籍を試験ごとに紹介!ベンダー資格試験対策本特集

プログラマ脳を鍛える!エンジニアが読むべきアルゴリズムと数学の本特集

プログラマ脳を鍛える!エンジニアが読むべきアルゴリズムと数学の本特集

基本的な描き方から高度なテクニック、デジタルツールの使い方まで!デジタルイラスト上達本のご紹介

基本的な描き方から高度なテクニック、デジタルツールの使い方まで!デジタルイラスト上達本のご紹介

開発・ビジネス・マーケティング・EC運営・営業支援など、幅広いジャンルの講座を開催

開発・ビジネス・マーケティング・EC運営・営業支援など、幅広いジャンルの講座を開催

特集をもっと見る