作って学ぶ Next.js/React Webサイト構築
マイナビ出版
- エビスコム(著者)
ステップバイステップでマスターする、Next.jsによる「これからの」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を利用します。
発売日:2022-08-01
ページ数:352ページ
目次
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ノート テーマの作り方(ランディング&ワンカラムサイト編)』同上
絶賛!発売中!
-
- マイナビ2026 オフィシャル就活BOOK 内定獲得のメソッド 面接担当者の質問の意図
-
- 才木弓加(著者)
- 就職・転職
- 相手の「知りたい」「探りたい」を先読みすれば面接は突破できる!
-
- 就活BOOK2026 内定獲得のメソッド SPI 解法の極意
-
- マイナビ出版編集部(編集)
- 就職・転職
- 出題分野すべての解法パターンが出題頻度順に学習できる! SPI3&テストセンター完全対応版!
-
- マイナビ2026 オフィシャル就活BOOK 内定獲得のメソッド インターンシップ・仕事体験
-
- 岡茂信(ジョブアナリスト)(著者)、 才木弓加(就職アドバイザー)(著者)、 美土路雅子(キャリアコンサルタント)(著者)
- 就職・転職
- インターンシップ・仕事体験参加に必要なすべてのことが分かる! 自己分析、ES、面接対策もこれ一冊でOK!
-
- マイナビ2026 オフィシャル就活BOOK 内定獲得のメソッド エントリーシート 実例で分かる書き方
-
- 岡 茂信(著者)
- 就職・転職
- ESはどう作成すれば良い? 効果的な自己PRの方法は? 内定者のリアルなES記述ノウハウを大公開!
Copyright © Mynavi Publishing Corporation