開発【Next.js 16】paramsもcookiesも全部非同期！？ハマる前に読むBreaking Changes対応ガイドNext.js 16 へのメジャーアップグレードでは、**paramsやcookiesの非同期化**、**middleware.tsの廃止**など、既存のアプリケーションに大きな影響を与える変更が含まれています。 何も知らずにアップグレードすると、大量のエラーに直面することになります。 この記事では、Next.js 16 における Breaking Changes（破壊的変更）の全貌と、具体的な対応方法をコード付きで解説します。Next.js2026年1月25日
開発Next.js 16で「staleTimes < 30」がエラーになる理由と正しい設定ガイドNext.js 16 で `staleTimes.static` の最小値が `30` 秒に変更されました。この記事では、staleTimes とは何か、なぜ変更されたのか背景を解説し、対応方法を紹介します。Next.jsstaleTimes2026年1月24日
開発【Next.js 16】middleware.ts 廃止！新機能 proxy.ts への移行完全ガイドNext.js 16 で `middleware.ts` が非推奨になり、`proxy.ts` への移行が必要になりました。この記事では、proxy.ts とは何か、なぜこの変更が行われたのか背景を解説し、実際の移行手順を紹介します。Next.jsproxy.ts2026年1月24日
開発未経験からGodotで始める自作ゲーム開発【9日目】1日目のインストールから始まり、ロジック実装、アプリ化、そしてWebサイトへの埋め込みまで。 怒涛の勢いで進めてきましたが、今日で**「テトリス編」**は一区切りとなります。 今回は、完成した成果物を共有しつつ、Webエクスポート時に生成されたファイルたちが何をしているのか？という「技術の裏側」を整理して、次のステップへの足がかりにします。Godotゲーム開発日誌Next.js2026年1月22日
開発未経験からGodotで始める自作ゲーム開発【8日目】7日目でMac/Windowsアプリとして書き出しましたが、今の時代、ダウンロードして遊んでもらうのはハードルが高いです。 そこで今日は、**「自分のWebサイト（Next.js）にゲームを埋め込んで、URLひとつで遊んでもらえるようにする」** 方法を解説します。Godotゲーム開発日誌Next.js2026年1月21日
開発Next.js 15→16移行をしたので対応したことまとめNext.js 15.1.0 から 16.1.0 へのアップグレード作業、お疲れ様です！ 下書きを拝見しましたが、変更内容が非常に具体的で、エンジニアにとって有益な「ハマりどころ」が網羅されています。特に useRef の型変更や openGraph.tags のエラーなどは、公式ドキュメントだけでは気づきにくいポイントですね。 いただいた内容をベースに、より読みやすく、検索流入も意識したタイト...Next.js2026年1月3日
開発Next.js 16 サイトマップ・robots.txt 自動生成ガイドNext.js 16の公式APIを使って、SEOの要となるサイトマップ（sitemap.xml）とrobots.txtを自動生成する方法を解説します。 動的コンテンツへの対応はもちろん、**サイトマップの種類別分割**や**Google News対応**まで、実務で必要なパターンを網羅しました。Next.jsサイトマップ2025年12月31日
開発Next.js 16のSEO、まだnext-seo使ってる？Metadata APIへの移行と最適解Next.js 16 (App Router) 環境におけるSEO実装のベストプラクティスを解説する。 かつてのデファクトスタンダード next-seo から、Next.js標準の Metadata API への完全移行を推奨。 筆者の実務コードをベースに、動的メタデータの生成方法、Next.js 15以降の非同期パラメータ対応、そして保守性を高めるための「共通ユーティリティ関数」の設計パターンを共有する。Next.jsMetadata APISEO+12025年12月29日
開発【2025年最新】Next.jsをGCP Cloud RunにGitHub Actionsで自動デプロイする完全ガイドNext.jsアプリをGCP Cloud Runにデプロイする際、毎回「あれ、どのAPIを有効化するんだっけ？」「サービスアカウントの権限設定はどうだったかな？」と忘れてしまうことがありました。 特に新規プロジェクトを立ち上げる際、GCPプロジェクトの作成からGitHub Actionsによる自動デプロイまでの一連の流れを毎回調べ直すのは非効率です。 そこで、自分自身の備忘録として、また同じ課...Next.jsGCPCloud Run+12025年10月12日
開発【2025年10月現在】AI駆動開発でNext.jsプロジェクトを爆速で立ち上げるためのTips生成AIツールを活用して、Next.jsプロジェクトを爆速で立ち上げる方法をまとめました。 「1週間？遅すぎる。」 1ページのランディングページなら、0の状態から1日でローンチできます。要件を整理して、実装して、デプロイして、ドメイン設定まで全部。私は今、そのペースで開発しています。クライアントや社内メンバーの期待を2〜3段階ぶち抜いて「え、もう出来たの！？」と言わせましょう。 従来の開発で...AI駆動開発Next.jsClaude Sonnet 4.52025年10月11日
開発nero15.dev の技術選定：なぜNext.jsを選んだのかmarkdown nero15.dev の技術選定：なぜNext.jsを選んだのか はじめに nero15.devは、サッカー情報を中心に技術記事なども配信するメディアプラットフォームです。1から開発するにあたり、技術スタックの選定は重要な決断でした。 本記事では、フロントエンドフレームワークとしてNext.jsを選択した理由と、その判断に至るまでの思考プロセス、そして実際に開発してハマ...Next.jsAI駆動開発SEO+22025年10月4日
