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

2,420円（税込）

660pt (30%)

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

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

2,618円（税込）

238pt (10%)

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

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

2,838円（税込）

258pt (10%)

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

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

2,200円（税込）

200pt (10%)

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

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

2,838円（税込）

258pt (10%)

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

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

2,728円（税込）

248pt (10%)

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

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

2,178円（税込）

198pt (10%)

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

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

1,848円（税込）

168pt (10%)

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

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

3,080円（税込）

280pt (10%)

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

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

2,420円（税込）

220pt (10%)

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

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

3,080円（税込）

280pt (10%)

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

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

3,740円（税込）

340pt (10%)

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

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

3,520円（税込）

320pt (10%)

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

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

3,278円（税込）

298pt (10%)

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

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

2,948円（税込）

268pt (10%)

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

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

3,300円（税込）

300pt (10%)

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

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

2,750円（税込）

250pt (10%)

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

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

3,080円（税込）

280pt (10%)

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

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

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

2,178円（税込）

198pt (10%)

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

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

2,618円（税込）

238pt (10%)

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

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

2,420円（税込）

220pt (10%)

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

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

1,980円（税込）

540pt (30%)

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

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

1,980円（税込）

180pt (10%)

パッと見る！＋考える！＝デザイン力がつく

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