【Nuxt3】Cloudflare PagesのEdge環境でLINE Webhookの署名検証エラー(500)を踏んだ話と解決策

こんにちは!今回はLINE Bot(Webhook)をCloudflare PagesなどのEdge環境で動かそうとしたときに、**「何もしていないのに500エラーが返ってくる…!」**という恐ろしい罠にハマったお話を共有します。 ...

March 24, 2026 · 2 分 · 953 文字 · backham

Nuxt.js + SupabaseでGoogle OAuthログイン後にuseSupabaseUser()がundefinedになる問題を解決した話

はじめに こんにちは!最近、Nuxt.js(v3)とSupabaseでGoogle OAuthログインを実装していたのですが、めちゃくちゃハマったので知見を共有します。 ...

March 20, 2026 · 4 分 · 1910 文字 · backham

【AI開発時代】GeneratePressとAstraどちらでWordPressのテーマを作成する?AI支援開発で開発効率が変わる理由

はじめに Miyagi です。本日は、PHP 7.4 環境での AI 支援開発における GeneratePress と Astra の比較について書きたいと思います。 前回の記事「【2025 年版】WordPress ブランクテーマ徹底比較:適切な選び方と技術選定のポイント」では、Sage 11、GeneratePress、Astra、そして 0 ベース開発を比較しました。理想的な環境であれば、Sage 11 のモダン開発体験は非常に魅力的です。 ...

October 9, 2025 · 11 分 · 5451 文字 · backham

【2025年版】WordPressブランクテーマ徹底比較:適切な選び方と技術選定のポイント

はじめに Miyagi です。本日は、WordPress ブランクテーマの選定と技術比較について書きたいと思います。 前回まで 0 ベースでの WordPress テーマ開発についてアウトプットしてきましたが、これを社内の勉強会で発表した際、メンバーから「WordPress のブランクテーマ」の存在を教えてもらいました。この気づきをきっかけに、改めてテーマ選定について深く調査することにしました。 ...

October 7, 2025 · 13 分 · 6255 文字 · backham

第3回:WordPressテーマのテンプレート分離とナビゲーションメニュー実装 - header.phpとfooter.phpで保守性アップ

はじめに Miyagi です。WordPress テーマ開発プロジェクトの 3 日目です! 前回は Claude Code を活用して WordPress の簡単なテーマをバイブコーディングで実装しました。でも、よく見るとindex.phpとsingle.phpに同じヘッダーやフッターのコードが重複していて、これは保守性が悪いな…と気づきました。今日はテンプレートを適切に分離して、より実用的なテーマに進化させていきます! ...

October 1, 2025 · 6 分 · 2914 文字 · backham

第2回:Claude CodeでWordPressの簡単なテーマをバイブコーディング実装

はじめに Miyagi です。昨日は Local by Flywheel で開発環境を構築しました。第2回目にして、今日は"テーマファイル"を作成していきます。とにかく最短で目標達成!細かな付随する知識は後から学習していきます。Claude Code によるWordPress のテーマ開発をバイブコーディング! プロンプトで指示しながら初めての最小テーマの作成を目指します。 ...

September 26, 2025 · 7 分 · 3059 文字 · backham

第1回:WordPress テーマ開発の始め方 - Local by Flywheel で環境構築からテーマフォルダ理解まで

はじめに Miyagi です。WordPress 初学者の私が、テーマ開発にチャレンジすることになりました! 普段は Vue.js や Tailwind、TypeScript を使ったフロントエンド開発をしているのですが、PHP や WordPress についてはほぼ初心者レベル。WordPress のテーマ開発なんて難しそう…と思っていたのですが、Claude に相談しながら「1 日 2 時間 ×10 日間」の短期集中でマスターすることにしました。 ...

September 25, 2025 · 5 分 · 2139 文字 · backham

【まとめ】Nuxt UI v3でTailwind CSS v4を使う際の移行ポイントと解決策

はじめに Miyagi です。Nuxt UI v3 への移行プロジェクトで、Tailwind CSS v4 の統合環境に直面しました。v4 では根本的なアーキテクチャの変更があり、後述する「CSS-first アプローチ」という新しい設計思想が採用されています。 約 130 個の Vue コンポーネントを持つプロジェクトで、15 日間かけて移行を完了させました。その過程で遭遇した対応についてのまとめを共有します。 ...

September 2, 2025 · 6 分 · 2665 文字 · backham

Tailwind CSS v4で動的クラス名が使えない?CSS変数とTypeScriptで解決する2つの方法

はじめに Miyagi です。Tailwind CSS v4 への移行を進めていたところ、ちょっと困った問題に遭遇しました。。 今までtailwind.config.tsで TypeScript を使って管理していた色定義が、v4 ではmain.cssに移行することになったんです。設定ファイルが CSS ベースになることで高速化の恩恵は受けられるものの、TypeScript で動的にクラス名を生成していた部分が動かなくなってしまいました。 ...

September 1, 2025 · 5 分 · 2355 文字 · backham

AWS AmplifyでNuxt 3からNuxt 4への移行

目次 はじめに 概要 開発環境 発生した問題と解決方法 crypto.hash エラーの解決 pnpm インストールエラーの解決 TypeScript peer dependency 警告の解決 最終的な設定ファイル トラブルシューティング リファクタリング後の最適化 まとめ 参考リンク ...

August 8, 2025 · 5 分 · 2094 文字 · backham