2020年3月にリリースされた Next.js 9.3 から，アプリケーションをビルドする戦略として以下3種類の API が使えるようになった．Next.js Blog では「Next-gen Static Site Generation (SSG) Support」と紹介されていた． getStaticProps 「ビルド時」にデー…

最近 Next.js Learn を使って Next.js に入門した．今度は Next.js でプロトタイプを実装しながら学ぶため，プロジェクトの初期構築として create-next-app を使うことにした．少し調べたところ，create-next-app はもともと Segment 社で実装されて，現在は…

2月頃に Next.js を学ぶために Next.js Learn (Basic) を試した．詳しくは以下の記事にまとめてある． kakakakakku.hatenablog.com 今回はその続きと言える Next.js Learn (Excel) を試して学んだことをまとめる．Basic と比較すると，一歩踏み込んだレベル…

React を使ってプロトタイプを実装したりすることはあるけど，今まで Next.js を試したことがなかった．そろそろ入門しなければ！という危機感もあり，Next.js Learn (Basic) を一通り試してみた．入門する前と比較すると「Next.js でできること（基礎の基礎…

前回の記事から少し時間がたってしまったけど，Material-UI を使ったプロトタイプ開発を続けている．今回は GridList コンポーネントをサンプルコードを参考に実装しながら理解を深めていく．グリッドリストはフォトリストのようにコンテンツを並べる UI の…

React 16.8 で追加された新機能「React Hooks」は React の機能を効率的に使えるようにする仕組みで，具体的には useState() や useEffect() などを使う．日本語化されたドキュメントが非常に読みやすく，以下のドキュメントを読むと React Hooks の概要を学…

引き続き Material-UI を使ったプロトタイプ開発をしている．今回は Material-UI の Snackbars コンポーネントをサンプルコードを参考に実装しながら理解を深めていく．スナックバー（Snackbars）は Material Design に定義された UI で，画面上にメッセージ…

先週「React + TypeScript + Material-UI」を使ってプロトタイプ開発をする機会があった．今まで Material-UI は使ったことがなかったけど，ドキュメントを読むとコンポーネントも多く用意されていて，非常によくできていた．React で Material Design を簡…