Note: この記事は実際の調査事項をもとに、AI とともに執筆しました。 TL;DRNext.js SSG + React 19 で本番ビルドのみ発生する謎の hydration error原因は日付フォーマットがローカルタイムゾーンに依存していたのが原因ビルド時（GitHub Actions = UTC）とクライアント（ユーザーのブラウザ = JST）でタイムゾーンが異なり、日付境界付近の日時で表示が変わるsuppressHydrationWarning で解決できるNote: この問題は date-fns 特有ではなく、ローカルタイムゾーンで日付をフォーマ...

Hydration Error が出たらまずタイムゾーンを疑え

これは GENDA Advent Calendar 2025 シリーズ2 の20日目の記事です。https://qiita.com/advent-calendar/2025/gendaChatGPT や v0 を使っていて気づいたことがあります。ページをリロードしても、生成が途切れません。生成途中でうっかりリロードしても、戻ったら続きから再開されます。画面をを閉じて開き直しても、生成された部分は残っています。(他の AI Chat だと、同じことをすると生成が消えてしまうものもありますが、)これらはどのように実現されてるのか気になりました。 resumable-stream の...

なぜ AI Chat のストリームは途切れないのか

TL;DRAuth.js v4はNode.js依存のため、Cloudflare Workers（Edge Runtime）では動作しないAuth.js v5はEdge Runtime対応だが、特定のバージョンで問題が発生next-auth@5.0.0-beta.4以降でtrustHost: trueの設定が必須HTTPSモジュール依存からfetch API依存への根本的な設計変更が必要 はじめに：Edge環境での認証実装の落とし穴Next.jsアプリケーションをCloudflare Workersにデプロイする際、最も厄介な問題の１つが認証の実装だと思います。開...

Cloudflare WorkersでAuth.jsを使うときのハマりポイント

この記事は GENDA Advent Calendar 2024 12日目の記事です。https://qiita.com/advent-calendar/2024/genda はじめにGENDAでは今年からOktaが導入されました。今回は、Oktaを導入によってできそうなこと、試したことをご紹介したいと思います。導入の背景だったりは 10日目の kenshiro さんの記事で詳しく説明されております。https://zenn.dev/kenshiro/articles/70abe2faee637b これまで複数の会社がグループしていく中で大変なのが、各種管理画面だった...

Remix with Okta

GitHub Enterprise Cloud 使っている場合も Github Pages を用いて、静的ページをプライベートで公開することができます。Pages の公開範囲がリポジトリの公開範囲となるので、開発メンバーのみ閲覧可能なページを簡単に作成することが可能です。今回は、Web APIのドキュメントを表示するためのツールであるSwagger UIを　Github Pagesにデプロイしてみます。 Githubの設定該当のリポジトリにて、Settings -> Pages と進めていき Pages を設定するのみです。(GitHub Actionsに設定) W...

GitHub Enterprise Cloud での Github Pages 活用例

https://zenn.dev/genda_jp/articles/4ba71288928da6前回に引き続き、Slackオートメーションプラットフォームの紹介です。今回は複数のチャンネルの内容を1つのチャンネルに集約して、時系列で確認できるようなワークフローを作っていきます。(具体的には、全てのtimes(分報)チャンネルでの投稿を指定したチャンネルに集約してくれるワークフローです) Trigger集約したいチャンネルに作成したSlackアプリを追加するだけで、trigger に設定することができます。他の trigger と同居してるSlackアプリの場合は、channe...

Slack で集約チャンネルの作り方

この記事は GENDA Advent Calendar 2023 の 14日目の記事です。https://qiita.com/advent-calendar/2023/genda昨日の記事は、shinnoki　さんによる、「フロントエンドのキャッチアップ大変だよねという話 2023」　でした。自分もキャッチアップも頑張っていきたいと思いながら読んでいました。 Slackオートメーションプラットフォームとは？Slack の最新のワークフロービルダーやその基盤を総称してオートメーションプラットフォームと呼びます （ベータの期間では 「次世代プラットフォーム」 と呼ばれていました[1...

7kaji