React(書評)「基礎から学ぶ Next.js」の感想・備忘録
基礎から学ぶ Next.jsposted with ヨメレバ大島祐輝 シーアンドアール研究所 2023年07月24日 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 点数 86点 感想 第1章のJavaScript、TypeScript、React、Next.jsの解説がとてもわかりやすかった。 第2章と第4章のハンズオンはそれぞれNotion...
Next.js
React(書評)
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...
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...
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 関数の型 以下のような記述は一見わ...
React(書評)「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録1
TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発posted with ヨメレバ手島 拓也/吉田 健人/高林 佳稀 技術評論社 2022年07月25日頃 楽天ブックスAmazonKindle 点数 80点 感想 前半はTypeScript、React、Next.jsについてわかりやすく説明されていてとても良かった。しかし、後半のサンプルアプリの開発はわかりづら...
React[Next.js] getStaticPaths関数とは
概要 .tsxのようなダイナミックルーティングを行うページでgetStaticProps関数を使用する場合は、getStaticPaths関数を使用して「生成されるパスのリスト」を定義する必要がある。 getStaticPaths関数はgetStaticProps関数の前にコールされ関数で、パスの組み合わせpathsとフォールバックfallbackをreturnする。 例 import { Nex...
React[Next.js] getStaticProps関数とは
概要 Next.jsのページコンポーネントにて、「SSG（StaticSite Generator）させたい=ビルド時に実行したい」処理はgetStaticProps関数の中に記述する。 例 import {useEffect, useState} from 'react' import {GetStaticProps, NextPage} from 'next' type SsgProps = ...
React[Next.js] レンダリング手法の決定方法
概要 Next.jsにはSSG、SSR、ISR、CSRの4種類のレンダリング手法がある。 SSGビルド時にgetStaticProps関数が呼ばれ、その中でAPIコールなどを行い必要なデータをpropsとして返す。ビルド結果は静的ファイルとして保存される。 SSRページへのアクセスがある度にgetServerSideProps関数が呼ばれ、関数内で生成されたpropsを元にページをサーバ側で描画し...
React(書評)「作って学ぶ Next.js/React Webサイト構築」の感想・備忘録
作って学ぶ Next.js/React Webサイト構築posted with ヨメレバエビスコム マイナビ出版 2022年08月01日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 点数 77点 感想 システム開発というよりはCSSなどデザイン系の内容が多かった。 この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、N...
React[Next.js] 環境変数を使う方法
概要 APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。 .env開発・本番に依存しないデフォルト値を定義する。 .env.local開発・本番に依存しないシークレットな値を定義する。(.gitignoreに追加する) Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。 API_KEY=XXXXXX...