Claude Code

Claude Code で Vue 3 + Vuetify 3 プロジェクトに Playwright E2E テストを構築した話

はじめに

Miyagi です。前回の記事では Vitest による単体テストの整備について書きました。今回はその続きで、Playwright による E2E テストの話です。

単体テストでロジック層のカバレッジは確保できましたが、「ブラウザ上で実際に画面が表示されるか」「フォームのバリデーションがユーザー操作で正しく動くか」は E2E テストでしか確認できません。特に Vue 2 → Vue 3 移行プロジェクトでは、移行前と同じ動作をしているかのノンデグレード確認が最重要テスト観点でした。

Claude Code で Vue 3 プロジェクトに Vitest 単体テストをゼロから整備した話

はじめに

Miyagi です。以前、Vue 2 → Vue 3 移行の計画と実施について記事を書きましたが、今回はその中でも テストケース作成 にフォーカスします。移行対象のプロジェクトにはテストが一切存在しなかったので、テスト基盤の構築からテストコードの作成まで、すべてゼロからの作業でした。

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

はじめに

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

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

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

はじめに

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

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

はじめに

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