_    ___      _                    _     ____            _    __       _ _
   / \  |_ _|    / \   __ _  ___ _ __ | |_  |  _ \ ___  _ __| |_ / _| ___ | (_) ___
  / _ \  | |    / _ \ / _` |/ _ \ '_ \| __| | |_) / _ \| '__| __| |_ / _ \| | |/ _ \
 / ___ \ | |   / ___ \ (_| |  __/ | | | |_  |  __/ (_) | |  | |_|  _| (_) | | | (_) |
/_/   \_\___|_/_/   \_\__, |\___|_| |_|\__| |_|   \___/|_|   \__|_|  \___/|_|_|\___/
            |_____|   |___/

AI駆動の
開発自動化エージェントシステム

自動化ワークフローオーケストレーションからプロダクティビティツールまで、 すべてAIエージェントが構築。Slack連携、動画自動生成、リアルタイムダッシュボードなど、 開発プロセスそのものを革新するツール群を公開中。

20+
公開プロジェクト
5
OSS公開リポジトリ
97%+
テストカバレッジ
7
自動化フェーズ
🔊 音声解説を聴く
なぜこのワークフローか

従来のAI支援開発の限界を突破

従来のAI支援開発

  • 逐次処理で時間がかかる
  • 長い会話でコンテキストが希薄化
  • 品質は人間の確認に依存
  • ドキュメントは手動作成
  • セキュリティチェックが不十分

本ワークフロー

  • 9つのWorktreeで物理的並列開発
  • コンテキスト分割で深い専門思考
  • 自律評価システムが最良を自動選択
  • README・about・音声を自動生成
  • 63パターン + 独立監査で保護
開発ワークフロー

7フェーズ自動化パイプライン

Phase 0

初期化

Git Worktree作成、PROJECT_INFO.yaml生成、環境セットアップ

自動
Phase 1

並列計画

保守的・革新的の2アプローチを同時生成、自律評価で最良を選択

並列x2
Phase 2

並列実装

3つのプロトタイプを同時開発、UX重視（35%）の評価基準で選択

並列x3
Phase 3

テスト

100%合格まで自動修正ループ、妥協なしの品質保証

100%合格
Phase 4

品質最適化

カバレッジ80-90%目標、パフォーマンス最適化

80-90%
Phase 5

完成処理

README.md、about.html、音声解説を自動生成

自動
Phase 6

GitHub公開

セキュリティ検証 → GitHub Pages自動デプロイ

セキュア
アーキテクチャ

技術的イノベーション

🌳

Git Worktree並列開発

9つの物理的に分離された開発環境で、複数アプローチを同時に探索。コンテキスト汚染を防ぎ、真の並列処理を実現。

worktrees/ ├── phase1-planning-a/ ├── phase1-planning-b/ ├── phase2-impl-*/ (x3) ├── phase3-testing/ ├── phase4-quality-*/ (x2) └── phase5-delivery/
🧠

コンテキスト分割戦略

タスクを専門エージェントに分割し、各エージェントが深い思考に集中。LLMのコンテキストウィンドウ制限を克服。

MainAgent (Orchestrator) ├── RequirementsAnalyst ├── SpecDesigner ├── FrontendDeveloper ─┐ ├── BackendDeveloper ─┼─ Parallel ├── DatabaseEngineer ─┘ └── Documenter
⚖️

自律評価システム

UX重視（35%）の評価基準で、複数の実装から最良を自動選択。人間の介入なしで品質を担保。

evaluation_criteria: user_experience: 35% feature_complete: 20% performance: 15% test_quality: 15% security: 10% maintainability: 5%
ポートフォリオ

公開プロジェクト

🤖 開発自動化ツール / Development Automation

💬
slack-bridge-for-claude-code OSS

Slack ↔ Claude Code双方向ブリッジ。スマホからAI開発セッションをリアルタイム制御

Slack Bot API WebSocket Node.js
GitHub → About →
🎬
video-generator-agent OSS

HTMLスライド+MP3音声からYouTube動画を自動生成するエージェント

Puppeteer FFmpeg Gemini TTS
GitHub → About →
📊
training-content-progress-tracker OSS

FastAPI+Vue.jsリアルタイム研修進捗ダッシュボード

FastAPI Vue.js WebSocket
GitHub → About →
🔧
ai-orchestrator

AI開発ワークフロー可視化ダッシュボード

React TypeScript YAML
Demo → About →
🧩
claude-agent-skills OSS

Claude Code拡張スキルコレクション（GitHub公開中）

Claude Code YAML/MD Shell
GitHub →

🛠️ プロダクティビティツール / Productivity Tools

💰
budget-tracker OSS

WBS形式タスク・予算管理SPA（テストカバレッジ97.92%）

React 19 TypeScript Vitest
GitHub → Demo → About →
📝
text-diff-editor OSS

マルチパネル差分エディタ（Myers差分アルゴリズム）

React 18 TypeScript Myers Diff
GitHub → Demo → About →
🎹
piano-app

18種類楽器音源ピアノ（Web Audio API、テストカバレッジ100%）

Web Audio API Canvas Jest 100%
Demo → About →
📋
cli-sticky-notes

ターミナル用付箋アプリ（Electron、グローバルホットキー対応）

Electron Node.js
About →
👁
content-viewer

コンテンツビューア

Demo → About →
🖼
picture-merge-app-v2

画像マージツール

Demo → About →

🎮 ゲーム開発 / Game Development (Canvas/WebGL)

🏆
robo-battle-v5

MATCH FORMAT EDITION - 2本/3本先取制、エンディング演出

Demo → About →
🐉
robo-battle-v4

魔獣召喚システム + 強化CPU AI搭載

Demo → About →
🌐
robo-battle-v3

WebRTC P2Pオンライン対戦対応

Demo → About →
🤖
robo-battle-v2

フォトリアル3Dグラフィックス（AI生成）

Demo → About →
🎮
robo-battle

初期版ロボット対戦ゲーム

Demo → About →
👾
boss-shooter2

10ステージ構成ボス戦シューティング

Demo → About →
🚀
boss-shooting

レトロ縦スクロールシューティング

Demo → About →
🛸
gradius-clone

グラディウス風横スクロールSTG

Demo → About →
👽
space-shooter

Space Invaders風シューティング

Demo → About →
🎳
bowling-adventure-v2

3D障害物コースボウリング

Demo → About →
🎯
bowling-adventure

3Dボウリングゲーム（初期版）

Demo → About →
⚔️
dungeon-battles

縦スクロール型ダンジョンRPG

Demo → About →
スキル実証

実証済みスキルセット

🔄

AI駆動CI/CD

Claude Code Action + GitHub Actionsで、コード生成からデプロイまで完全自動化パイプラインを構築

🤝

マルチエージェント協調

Agent Teams / Taskツールによる複数AIエージェントの並列協調開発を実現

✅

TDD (97%+ Coverage)

テスト駆動開発を徹底。budget-trackerは97.92%、piano-appは100%のカバレッジを達成

⚡

リアルタイム通信

WebSocket / WebRTCによるリアルタイム双方向通信。Slack Bridge、P2P対戦ゲームで実証

📱

フルスタック開発

React/Vue.js + FastAPI/Node.js + SQLite/PostgreSQL。フロントからバックまで一貫して構築

🔒

セキュリティ自動監査

63種類の除外パターン + 24種のAPIキー検出 + 独立エージェント監査による多層防御

技術スタック

使用技術

フロントエンド

React 18/19 Vue.js TypeScript Tailwind CSS Vite HTML5 Canvas

バックエンド

Node.js FastAPI Electron WebSocket WebRTC

AI/ワークフロー

Claude Code Claude Opus 4 Git Worktree Agent Teams Slack Bot API Claude Code Action

インフラ / テスト

GitHub Pages GitHub Actions GCP TTS Vertex AI Vitest Jest FFmpeg