React18+Next.jsで「Hydration failed because the initial UI does not match what was rendered on the server.」エラーが発生したときの対処方法について。

IntelliJをCLIで起動する方法について書く。起動するには、「Create Command-line Launcher」で起動スクリプトを作成する必要がある。

MacのJDKバージョンを11から17に移行した際の手順について。JDKは、Eclipse Adoptiumが提供しているTemurinを使用する。

Next.jsで接続元のIPアドレス、User Agent、ホスト名を取得する方法について解説する。SSR（サーバーサイド）で実行されるgetServerSidePropsメソッドには、contextというオブジェクトが渡ってくる。contextオブジェクトには、reqというリクエストオブジェクトが内包されており、リクエストヘッダーの情報も含んでいるため、前述した接続元情報はreqオブジェクトから参照する。

Googleのハイエンドスマートフォン、Google Pixel 6 Proを購入したので使用感についてレビューする

データの登録をAPI経由で行うとき、作成日時や更新日時を対向APIやDBに連携する場面がある。複数APIが同じように日時を取り扱いたい場合、それぞれのAPIで日時オブジェクトを生成するのは冗長である。そのため、日時オブジェクトの生成を共通処理化してコントローラの引数としてバインドできるようにしてみた。

Qiitaの記事投稿では、コードブロックにファイル名を表示することができる。これと同じ体験をmarkedライブラリを使って実現してみた。