Next.js

「基礎から学ぶ Next.js」の感想・備忘録

基礎から学ぶ Next.jsposted with ヨメレバ大島祐輝シーアンドアール研究所 2023年07月24日楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る点数 86点感想第1章のJavaScript、TypeScript、React、Next.jsの解説がとてもわかりやすかった。第2章と第4章のハンズオンはそれぞれNotion...

2023.09.04

React(書評)

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録4

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発posted with ヨメレバ手島拓也/吉田健人/高林佳稀技術評論社 2022年07月25日頃楽天ブックスAmazonKindle 「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録3の続き Next.js 環境構築 npx create-next...

2023.07.29

React(書評)

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録3

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発posted with ヨメレバ手島拓也/吉田健人/高林佳稀技術評論社 2022年07月25日頃楽天ブックスAmazonKindle 「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録2の続き TypeScript Enum enum Directi...

2023.07.22

React(書評)

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録2

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発posted with ヨメレバ手島拓也/吉田健人/高林佳稀技術評論社 2022年07月25日頃楽天ブックスAmazonKindle 「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録1の続き TypeScript 関数の型以下のような記述は一見わ...

2023.07.19

React(書評)

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録1

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発posted with ヨメレバ手島拓也/吉田健人/高林佳稀技術評論社 2022年07月25日頃楽天ブックスAmazonKindle 点数 80点感想前半はTypeScript、React、Next.jsについてわかりやすく説明されていてとても良かった。しかし、後半のサンプルアプリの開発はわかりづら...

2023.07.16

React(書評)

[Next.js] getStaticPaths関数とは

概要 .tsxのようなダイナミックルーティングを行うページでgetStaticProps関数を使用する場合は、getStaticPaths関数を使用して「生成されるパスのリスト」を定義する必要がある。 getStaticPaths関数はgetStaticProps関数の前にコールされ関数で、パスの組み合わせpathsとフォールバックfallbackをreturnする。例 import { Nex...

2023.06.28

React

[Next.js] getStaticProps関数とは

概要 Next.jsのページコンポーネントにて、「SSG（StaticSite Generator）させたい=ビルド時に実行したい」処理はgetStaticProps関数の中に記述する。例 import {useEffect, useState} from 'react' import {GetStaticProps, NextPage} from 'next' type SsgProps = ...

2023.06.24

React

[Next.js] レンダリング手法の決定方法

概要 Next.jsにはSSG、SSR、ISR、CSRの4種類のレンダリング手法がある。 SSGビルド時にgetStaticProps関数が呼ばれ、その中でAPIコールなどを行い必要なデータをpropsとして返す。ビルド結果は静的ファイルとして保存される。 SSRページへのアクセスがある度にgetServerSideProps関数が呼ばれ、関数内で生成されたpropsを元にページをサーバ側で描画し...

2023.06.21

React

「作って学ぶ Next.js/React Webサイト構築」の感想・備忘録

作って学ぶ　Next.js/React　Webサイト構築posted with ヨメレバエビスコムマイナビ出版 2022年08月01日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る点数 77点感想システム開発というよりはCSSなどデザイン系の内容が多かった。この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、N...

2023.05.27

React(書評)

[Next.js] 環境変数を使う方法

概要 APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。 .env開発・本番に依存しないデフォルト値を定義する。 .env.local開発・本番に依存しないシークレットな値を定義する。(.gitignoreに追加する) Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。 API_KEY=XXXXXX...

2023.05.10

React