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

はじめに

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

はじめに

Miyagi です。本日は、PHP 7.4 環境での AI 支援開発における GeneratePress と Astra の比較について書きたいと思います。

前回の記事「【2025 年版】WordPress ブランクテーマ徹底比較：適切な選び方と技術選定のポイント」では、Sage 11、GeneratePress、Astra、そして 0 ベース開発を比較しました。理想的な環境であれば、Sage 11 のモダン開発体験は非常に魅力的です。

はじめに

Miyagi です。本日は、WordPress ブランクテーマの選定と技術比較について書きたいと思います。

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

はじめに

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

はじめに

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

はじめに

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

はじめに

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

はじめに

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

CSS Grid Layout（グリッドレイアウト）とは

CSS を用いて 2 次元のレイアウトを構築するための機能です。格子状のマス目（グリッド）に要素を配置したり、結合したりすることで、様々なレイアウトが可能になります。