---

name: chatbot-dev description: ChatBotプロジェクトの開発全般を支援するスキル。プロジェクト構造、コーディング規約、開発ワークフローに関する知識を提供します。ChatBotプロジェクトで作業する時、プロジェクト構造について質問された時、コーディング規約について質問された時、新しい機能を追加する時に使用してください。

ChatBot 開発スキル

このスキルはChatBotプロジェクトの開発全般を支援します。

プロジェクト概要

• フロントエンド: HTML5/CSS3/JavaScript (ES6+)
• バックエンド: Node.js + Express (app/server/index.js)
• AI API: OpenAI, Claude, Gemini, Azure OpenAI対応
• コード実行: JavaScript, Python (Pyodide), C++ (g++/JSCPP), HTML
• ポート: 50000（デフォルト）

主要ディレクトリ

クラス設計パターン

シングルトンパターン（必須）

すべてのクラスはシングルトンパターンで実装：

Copyclass ClassName {
    static #instance = null;

    constructor() {
        if (ClassName.#instance) {
            return ClassName.#instance;
        }
        ClassName.#instance = this;
    }

    static get getInstance() {
        if (!ClassName.#instance) {
            ClassName.#instance = new ClassName();
        }
        return ClassName.#instance;
    }
}

プライベートメソッド

ES2022のプライベートフィールド/メソッドを使用：

Copy#privateField = null;
#privateMethod() { /* ... */ }

設定管理

すべての設定値は window.CONFIG オブジェクトで管理：

Copywindow.CONFIG.AIAPI.ENDPOINTS.OPENAI  // APIエンドポイント
window.CONFIG.STORAGE.KEYS.API_TYPE   // ストレージキー
window.CONFIG.AIAPI.DEFAULT_PARAMS    // デフォルトパラメータ

開発手順

1. 関連するコアファイルを確認
2. 既存パターンに従って実装
3. 適切なエラーハンドリングを追加
4. JSDocコメントで型情報を記載

参照ファイル

詳細は以下のファイルを参照：

• references/project-structure.md: 詳細なディレクトリ構成
• references/coding-conventions.md: 命名規則、JSDoc
• references/development-workflow.md: 開発フロー