内容紹介

ステップバイステップでマスターする、Next.jsによる「これからの」Web制作

Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。

本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。

Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。

Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。

●構成

Chpater1　ReactとJSX

Chpater2　コンポーネント

Chapter3　CSS Modulesとスタイル

Chpater4　レイアウトのスタイル

Chapter5　画像とアイコン

Chapter6　メタデータ

Chapter7　外部データの利用

Chapter8　記事データの表示

Chapter9　動的なルーティング

Chapter10　React Hooks（フック）

●本書で制作するサンプルサイトについて

本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム（コンポーネント＆デザイントークン）もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。

Chpater1　ReactとJSXChpater2　コンポーネントChapter3　CSS ModulesとスタイルChpater4　レイアウトのスタイルChapter5　画像とアイコンChapter6　メタデータChapter7　外部データの利用Chapter8　記事データの表示Chapter9　動的なルーティングChapter10　React Hooks（フック）

エビスコム

さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。

主な編著書： 『作って学ぶ HTML&CSSモダンコーディング』マイナビ出版刊

『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上

『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上

『CSSグリッドレイアウト デザインブック』同上

『WordPressレッスンブック 5.x対応版』ソシム刊

『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上

『CSSグリッドで作るHTML5&CSS3レッスンブック』同上

『HTML&CSS コーディング・プラクティスブック 1〜7』エビスコム電子書籍出版部刊

『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上

『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品は固定レイアウト型の電子書籍です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします