バグ #948
未完了formauto.call2arm.com フォーム自動化システム実装プロジェクト - Claude Code統合開発
0%
説明
formauto.call2arm.com フォーム自動化システム実装プロジェクト¶
🎯 プロジェクト概要¶
目的¶
VPS-ROOT(85.131.243.51)のformauto.call2arm.comドメインにフォーム自動化システムを実装し、Claude Codeを活用した効率的な開発フローを確立する。
技術的背景¶
- ドメイン設定完了: formauto.call2arm.com(システムレベルNginx SNI対応)
- インフラ基盤: Ubuntu 24.04.2 LTS、Docker Compose、ワイルドカードSSL
- 開発手法: Claude Code自律開発、継続的インテグレーション
🏗️ システム構成¶
インフラ環境¶
- VPS: 85.131.243.51 (Ubuntu 24.04.2 LTS)
- プロキシ: システムレベルNginx(SNI方式マルチドメイン)
- SSL: Let's Encrypt ワイルドカードSSL(*.call2arm.com)
- コンテナ: Docker Compose管理
- ネットワーク: proxy-network(既存インフラ統合)
技術スタック¶
Frontend: React + TypeScript + Vite + Tailwind CSS
Backend: FastAPI + Python 3.11 + SQLAlchemy + Celery
Database: PostgreSQL + Redis
Automation: Playwright + VPN統合 + CAPTCHA解決
Infrastructure: Docker Compose + Nginx + Prometheus
📋 開発資産継承¶
既存仕様書・設計書¶
- 画面一覧仕様書 - 完全UI/UX設計(LINEデザイン言語準拠)
- 技術スタック仕様書 - NixOS対応完全技術仕様
- ダッシュボード実装 - プロトタイプHTML実装済み
- 設定画面仕様 - VPN・CAPTCHA統合設計完了
開発済みコンポーネント¶
- リアルタイムダッシュボード(HTML/CSS/JS)
- フォーム検出・自動送信ロジック設計
- VPN切り替え・ローテーション機能
- CAPTCHA統合サービス対応
🎯 実装範囲¶
Core機能¶
- ダッシュボード: システム監視・統計表示
- タスク管理: 実行・スケジュール・監視
- データ管理: URLリスト・テンプレート・結果
- 設定画面: VPN・CAPTCHA・システム設定
- 監視・ログ: 実行履歴・エラー分析・レポート
技術要件¶
- レスポンシブ対応: デスクトップ・タブレット・モバイル
- リアルタイム更新: WebSocket・Server-Sent Events
- セキュリティ: OAuth 2.1・レート制限・監査ログ
- パフォーマンス: プログレッシブローディング・キャッシュ最適化
🚀 開発戦略¶
Phase 1: 基盤構築(優先度:高)¶
- Docker Compose環境構築
- 基本的なプロキシ設定・SSL設定
- 開発環境セットアップ
Phase 2: コア機能実装(優先度:高)¶
- フロントエンド基盤(React + Tailwind)
- バックエンドAPI基盤(FastAPI)
- 基本的なダッシュボード
Phase 3: 自動化機能(優先度:中)¶
- Playwright統合
- VPN管理機能
- CAPTCHA統合
Phase 4: 本格運用(優先度:中)¶
- 監視・ログ機能
- 運用自動化
- パフォーマンス最適化
⚠️ 重要な制約・注意事項¶
インフラ制約¶
- システムNginx使用: Docker nginxではなく、システムレベルnginx使用中
- ポート競合回避: 既存サービスとのポート衝突回避必須
- ネットワーク統合: proxy-networkへの適切な接続
開発制約¶
- 既存環境保護: 稼働中の33コンテナ・12ドメインへの影響回避
- 段階的デプロイ: テスト環境→ステージング→本番の段階的展開
- バックアップ必須: 設定変更前の必須バックアップ
セキュリティ要件¶
- 認証・認可: 適切なアクセス制御実装
- API保護: レート制限・入力検証
- ログ監査: セキュリティイベントの記録
📞 成功指標・完了条件¶
Phase 1完了条件¶
- formauto.call2arm.comへのHTTPS接続確認
- Docker Compose基本環境動作確認
- 開発環境のローカル動作確認
Phase 2完了条件¶
- ダッシュボード基本機能動作
- API基盤の基本CRUD操作
- フロントエンド・バックエンド連携確認
最終完了条件¶
- 全画面・機能の動作確認
- パフォーマンス要件達成
- セキュリティ要件達成
- 運用監視体制確立
🔄 子チケット構成¶
このプロジェクトは以下の子チケットに分割して実装する:
- 環境構築・基盤整備
- フロントエンド基盤実装
- バックエンドAPI実装
- 自動化機能統合
- 監視・ログ機能
- 本格運用・最適化
各子チケットは独立性を保ちつつ、段階的に統合していく構成とする。
担当: Claude Code自律開発
期限: Phase 1-2 優先実装、全体3-4週間程度
関連: 既存インフラ保護・段階的デプロイ重視
Redmine Admin さんが22日前に更新
🔄 子チケット作成完了¶
formauto.call2arm.comフォーム自動化システム実装プロジェクトの子チケットを以下の通り作成しました。
📋 子チケット一覧¶
-
【948-1】環境構築・基盤整備 (#949)
- Docker/Nginx/SSL設定
- VPS-ROOT基盤環境構築
- プロジェクト構造作成
-
【948-2】フロントエンド基盤実装 (#950)
- React/TypeScript/Tailwind
- UI/UXコンポーネント実装
- 状態管理・ルーティング
-
【948-3】バックエンドAPI実装 (#951)
- FastAPI/SQLAlchemy/Celery
- データベースモデル設計
- API エンドポイント実装
-
【948-4】自動化機能統合 (#952)
- Playwright/VPN/CAPTCHA
- フォーム検出・入力エンジン
- 自動化統合エンジン
-
【948-5】監視・運用機能実装 (#953)
- ログ/アラート/バックアップ
- リアルタイム監視
- 本格運用準備
🎯 実装順序・優先度¶
Phase 1 (高優先度): チケット#949, #950
- 基盤環境構築とフロントエンド実装
- 基本的な動作確認とUI確認
Phase 2 (高優先度): チケット#951
- バックエンドAPI実装
- フロントエンド・バックエンド連携
Phase 3 (中優先度): チケット#952
- 実際の自動化機能実装
- 核となる機能の完成
Phase 4 (中優先度): チケット#953
- 監視・運用機能
- 本格運用準備
🚀 Claude Code実行指示¶
各子チケットは独立して実装可能な構成となっており、Claude Codeによる自律開発に適した形で設計されています。
実行時の注意点:
- 既存VPS-ROOT環境の保護(33コンテナ・12ドメイン稼働中)
- システムレベルnginx使用(Docker nginx-proxyではない)
- proxy-network統合によるコンテナ間連携
- 段階的デプロイメント・テスト確認
各チケットの詳細な実装指示・技術仕様・完了条件が記載されており、Claude Codeでの効率的な開発が可能です。
📊 期待成果¶
- 完全動作するフォーム自動化システム
- LINEデザイン言語準拠のモダンUI
- VPN・CAPTCHA統合自動化エンジン
- リアルタイム監視・ログ管理機能
- 本格運用可能な安定システム
🔧 技術的特徴¶
- 既存資産継承: 画面仕様書・技術スタック仕様書の完全活用
- モダン技術スタック: React + FastAPI + PostgreSQL + Redis + Celery
- 自動化技術: Playwright + VPN統合 + CAPTCHA解決
- 運用監視: WebSocket監視 + 構造化ログ + アラート通知
- セキュリティ: OAuth 2.1 + レート制限 + 監査ログ
⚡ 次のアクション¶
Claude Codeで**チケット#949(環境構築・基盤整備)**から実装開始。
各チケットの実行プロンプトが記載されており、段階的に確実な実装が可能です。プロジェクトが円滑に進行し、高品質なフォーム自動化システムが完成することを期待します。