作って学ぶ Next.js/React Webサイト構築

既刊(1巻 最新刊)

作って学ぶ Next.js/React Webサイト構築

-
ステップバイステップでマスターする、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とJSX Chpater2 コンポーネント Chapter3 CSS Modulesとスタイル Chpater4 レイアウトのスタイル Chapter5 画像とアイコン Chapter6 メタデータ Chapter7 外部データの利用 Chapter8 記事データの表示 Chapter9 動的なルーティング Chapter10 React Hooks(フック) エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書: 『作って学ぶ HTML&CSSモダンコーディング』マイナビ出版刊 『HTML5&CSS3デザイン 現場の新標準ガイド【第2版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1~7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方(入門編)』同上 『グーテンベルク時代のWordPressノート テーマの作り方(ランディング&ワンカラムサイト編)』同上
作品情報

作って学ぶ Next.js/React Webサイト構築の巻一覧

既刊1巻
1 / 1

通知管理

通知管理を見る

作って学ぶ Next.js/React Webサイト構築の作品情報

あらすじ

ステップバイステップでマスターする、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とJSX Chpater2 コンポーネント Chapter3 CSS Modulesとスタイル Chpater4 レイアウトのスタイル Chapter5 画像とアイコン Chapter6 メタデータ Chapter7 外部データの利用 Chapter8 記事データの表示 Chapter9 動的なルーティング Chapter10 React Hooks(フック) エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書: 『作って学ぶ HTML&CSSモダンコーディング』マイナビ出版刊 『HTML5&CSS3デザイン 現場の新標準ガイド【第2版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1~7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方(入門編)』同上 『グーテンベルク時代のWordPressノート テーマの作り方(ランディング&ワンカラムサイト編)』同上

作って学ぶ Next.js/React Webサイト構築のレビュー

まだレビューはありません。