Kindle Unlimited
読み放題。200万を超えるタイトル。 詳細はこちら
または
割引: ¥ 909 (52%)
Kindle 価格: ¥850

(税込)

獲得ポイント:
9ポイント (1%)

これらのプロモーションはこの商品に適用されます:

一部のプロモーションは他のセールと組み合わせることができますが、それ以外のプロモーションは組み合わせることはできません。詳細については、これらのプロモーションに関連する規約をご覧ください。

を購読しました。 続刊の配信が可能になってから24時間以内に予約注文します。最新刊がリリースされると、予約注文期間中に利用可能な最低価格がデフォルトで設定している支払い方法に請求されます。
メンバーシップおよび購読」で、支払い方法や端末の更新、続刊のスキップやキャンセルができます。
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

何か問題が発生しました。後で再度リクエストしてください。

はじめてつくるNext.jsサイト: 最新バージョンのNext.jsを最速・時短で習得できる本 Kindle版

4.2 5つ星のうち4.2 20個の評価

*2023年6月の最新情報に準拠(バージョン13/Appフォルダ)

2時間でNext.jsに入門

―つめ込みすぎず、
必要十分な内容だけに厳選

―コードを書きながら進むので、
楽しく飽きづらい

―Reactに慣れない
ビギナーでもついていける難易度

最新のNext.jsに対応する唯一の日本語書籍(2023年6月時点)

----------------

フロントエンド開発で一番人気のNext.js

本書はこれまでNext.jsを使ったことのない
完全ビギナーが、2時間でNext.js入門するための書籍です。

HTML/CSSの学習を終えたばかりの人でもチャレンジできる難易度になっています。

----------------

2023年5月に本格的導入された「Appフォルダ」によって、
Next.jsのコードは大きく変わりました

本書はその
新しい書き方に完全対応している唯一の日本語書籍です(2023年6月現在)。

----------------

2時間で完成するポートフォリオサイト作りとオンラインでの公開を通して、Next.jsの基本的な使い方を身につけます。

制作するサイト: https://next-book-portfolio-site.vercel.app

Next.jsバージョン13(2023年6月時点の最新版 v13.4.4)と、新機能Appフォルダ使用。

----------------

本書では以下のことをカバーしています。

Appフォルダ

Reactサーバーコンポーネント

• create-next-app

generateStaticParams()

• next/image

Vercelでのオンライン公開方法(デプロイ)

問い合わせページで連絡を受け付ける方法

• APIルート

• メタデータの設定方法

----------------

(Mac(macOS Ventura)を使用しています。Windowsの方は一部表示が異なることに注意してください)

本書は「(Reactフレームワーク)」シリーズの1巻目です。

----------------

はじめに

第1章 基礎編
Reactフレームワークについて
ターミナルの使い方
Node.js
npm
VS Code
エラーが発生した場合の対処方法

第2章 開発編 その1
create-next-appのダウンロード
create-next-appの中身
Next.jsを動かす
create-next-appのクリーンアップ
Reactの書き方
appフォルダ
Linkの使い方
フォルダ構成
記事一覧ページの作成
記事ページの作成 その1(概要)
記事ページの作成 その2(ひな形フォルダ/ファイル作り)
記事ページの作成 その3(slugの生成と登録)
記事ページの作成 その4(データを読み込む)

第3章 開発編 その2
必要なファイルのダウンロード
next/image
Indexページの画像
記事一覧ページの画像
記事ページの画像
コンタクトページの作成
共通コンポーネントの作成
Layoutコンポーネント
CSSの適用

第4章 デプロイ
Vercel
終わりに

第5章 ブラッシュアップ
この章ですること
404ページの追加
コンタクトフォーム
前後のブログ記事へと移動する
記事一覧ページを分割する(ページネーション)
メタデータの設定
APIルート
Reactサーバーコンポーネント
関連書
続きを読む もっと少なく読む
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。

出版社より

react typescript next vue node express mern アプリ ウェブ開発 ウェブ制作 初心者 html css vue ウェブサイト アプリケーション

react typescript next vue node express mern アプリ ウェブ開発 ウェブ制作 初心者 html css vue ウェブサイト アプリケーション

react typescript next vue node express mern アプリ ウェブ開発 ウェブ制作 初心者 html css vue ウェブサイト アプリケーション

必要なのはHTMLとCSSの知識だけ

対象読者は、HTMLとCSSでシンプルなウェブサイトを作った人すべて。

JavaScriptやReact、Next.jsなどの知識は本書を始める段階では必要ありません。

現場スキルを獲得

本書を終えればNext.jsの基礎固めは完了です。

現場で通用する、本格的で実践的な内容。

2023年5月時点の最新版Next.jsバージョン13と、新たに導入されたAppフォルダを使って解説を進めます。

面接や履歴書で使えるサイトが完成

手を実際に動かしながら本書は進みます。そして読み終えると、手元には本格的なNext..jsポートフォリオサイトがひとつ完成しています。

著作権はフリーなので、自分のポートフォリオや履歴書など自由に活用可。

nextjsGatsbyReactVueJavaScriptNuxtHtmlCssアプリフレームワークウェブサイトウェブ開発入門初心者 nextjsGatsbyReactVueJavaScriptNuxtHtmlCssアプリフレームワークウェブサイトウェブ開発入門初心者 nextjsGatsbyReactVueJavaScriptNuxtHtmlCssアプリフレームワークウェブサイトウェブ開発入門初心者 nextjsGatsbyReactVueJavaScriptNuxtHtmlCssアプリフレームワークウェブサイトウェブ開発入門初心者nodejsexpressmongodb nextjsReactVueJavaScriptTypeScriptNuxtCssアプリフレームワークウェブサイトウェブ開発入門初心書nodejsexpressmongodbバックエンドフロントエンド
はじめてつくるNext.jsサイト Next.jsでつくるフルスタックアプリ MERNでつくるフルスタックアプリ はじめてつくるGatsbyサイト はじめてつくるNuxtサイト
カスタマーレビュー
5つ星のうち4.2
20
5つ星のうち3.6
6
5つ星のうち4.8
6
5つ星のうち5.0
5
5つ星のうち4.3
14
価格 ¥850 ¥980 ¥980 ¥480 ¥799
特徴 Next.js入門をわずか2時間で完了させる好評の一冊 最新のNext.jsと『Appフォルダ』を使って、バックエンドとフロントエンドの開発手法を紹介。本格的なアプリ開発に興味のあるビギナーに最適の一冊 フロントエンドにReact、バックエンドにNode.js、データベースにMongoDB。本格的なフルスタックアプリ開発へビギナーを案内する充実の一冊 超高速でサクサクうごくウェブサイトを作れるReactフレームワーク、Gatsby。 Gatsbyの初心者向け。 Vueフレームワーク、Nuxtのバージョン3に対応した入門書。Vueの知識ゼロでも開発が進められ、Nuxtの使い方がわかるビギナーに優しい解説書。
対象 最新のReact開発やNext.jsに興味のあるビギナー 最新のNext.jsについて本格的に学びたい人 本格的なウェブアプリ開発に興味のあるビギナー ReactフレームワークやGatsbyに興味のある人 効率的なVueの開発手法やVueフレームワークに興味のある人。
読む前に知っておきたい知識 HTML/CSSなど HTML/CSSなど HTML/CSSなど HTML/CSSなど HTML/CSSなど
発売日 2023/5 2023/11 2022/4 2022/12 2023/6(改訂版)

登録情報

  • ASIN ‏ : ‎ B0C7746ZC4
  • 発売日 ‏ : ‎ 2023/6/5
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 11539 KB
  • Text-to-Speech(テキスト読み上げ機能) ‏ : ‎ 有効
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • 付箋メモ ‏ : ‎ Kindle Scribeで
  • 本の長さ ‏ : ‎ 196ページ
  • カスタマーレビュー:
    4.2 5つ星のうち4.2 20個の評価

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
三好アキ
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

Amazonベストセラー1位を複数回獲得している『はじめてつくるReactアプリ with TypeScript』著者。

自身のJavaScript挫折経験をもとに、HTMLとCSSの知識だけで本格的なアプリ開発を始められる入門書を多数執筆中。合計著作は22冊を超える。

専門用語なしでプログラミングを教えることに定評があり、1200人以上のビギナーを、最新のフロントエンド開発入門に成功させる。

くわしくは → monotein com

カスタマーレビュー

星5つ中4.2つ
5つのうち4.2つ
20グローバルレーティング

この商品をレビュー

他のお客様にも意見を伝えましょう

上位レビュー、対象国: 日本

2023年6月27日に日本でレビュー済み
Amazonで購入
新しいNext.jsは大幅に変わっている。さっそく出ていたの購入。
ちょうど新しいプロジェクトでNext.jsの最新版だったので役に立ちました。
3人のお客様がこれが役に立ったと考えています
レポート
2024年1月7日に日本でレビュー済み
Amazonで購入
別のv12の本を使っていたところ、いつのまにやらv13になって、大きく変わったところがあったので購入しました。ネット上のv13の解説は、まだわかりにくいもの多いと感じたので、こういう書籍は良いと思います。
初心者向けなので最初の方に少しダルい部分はありますが、全体的にわかりやすく助かりました。
細かいミスとか無かったですよ。本書のとおりに進めていけば、サンプルのブログサイトが作れます。
1人のお客様がこれが役に立ったと考えています
レポート
2023年11月3日に日本でレビュー済み
kindle ultimate でサクッと学習できて、
next初学でやるにはコストもタイムパフォーマンスもよく非常に満足です。
1人のお客様がこれが役に立ったと考えています
レポート
2023年10月22日に日本でレビュー済み
Next.js初心者です。効率の良い学習方法を模索していました。AIでは最新情報に追いつけない、紙媒体を主とする書籍も同様。その隙間を補完できるのは電子媒体を主とする本書のようなものだと思いました。内容も初心者が取っ掛かりにするにはちょうど良かったです。
1人のお客様がこれが役に立ったと考えています
レポート
2023年8月2日に日本でレビュー済み
デプロイ以外、ひと通り完了しました。
順序通り進めるだけで、一つのサイトを作りあげることができます。内容はとてもわかりやすく、実装に必要なことだけつめこまれていて、楽しく最後まで飽きずに学べました。

とりあえず作って動かしながら学びたいという初心者にとても向いてると思います。

環境がMacでの説明ですが、Windowsでも最後まで実施可能でした。

所要時間ですが、私はHTMLとJavaScriptが少しだけわかる、くらいのレベルで、完了するまで6時間程度かかった。
ただ、これは途中、綴り間違いに気づかなかったりのケアレスミスが多かったからなので、
スムーズに進められていたらはじめに、で記載の通り2、3時間で終えることも可能なのかなと思います。

もう一度はじめから読んで理解を深めていきたいです。
他のシリーズも気になっているので、もう一周したら読んでみたい。
1人のお客様がこれが役に立ったと考えています
レポート
2023年10月31日に日本でレビュー済み
Amazonで購入
Next13への対応ということで購入しました。

本書を読みながらコーディングをしたものの、
全体的に細かいミスが多く、ChatGPTに尋ねながらなんとか進めていました。
しかし、全体の半分ほどにたどり着いたところで断念。

この手の書籍では、ある程度調べながら進めることを覚悟していますが
もう一声、ふた声、工夫していただきたいです。

たとえば、コードを貼り付けるだけでなく、
「このコードがうまくいったらlocal:3000ではこんな感じで表示されるよ」
といった画像を細かく貼り付けるだけでも、
今よりわかりやすくなるのではないでしょうか。

改定版、期待しています!
2023年8月4日に日本でレビュー済み
後編のフロントエンドまで拝読し、とても参考になりましたが気になる点があります。
jsonwebtokenのバージョン9だとブラウザ上でのverifyがエラーになるようで、結構長時間ハマってしまいました。これは仕様のようですので、最新バージョンに合わせた新板では代替手法を紹介してほしいです。
1人のお客様がこれが役に立ったと考えています
レポート

問題を報告


この商品には、不適切な内容が含まれていますか?
この商品は、著作権を侵害していると思いますか?
この商品には、品質または書式設定の問題が含まれていますか?