majiayu000 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（デフォルト）
主要ディレクトリ
| パス | 説明 |
|---|---|
app/public/js/core/ |
コアモジュール（API、config、storage等） |
app/public/js/components/ |
UIコンポーネント |
app/public/js/modals/ |
モーダルダイアログ |
app/public/js/utils/ |
ユーティリティ関数 |
app/public/css/ |
スタイルシート |
app/server/ |
バックエンドサーバー |
クラス設計パターン
シングルトンパターン（必須）
すべてのクラスはシングルトンパターンで実装：
class 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のプライベートフィールド/メソッドを使用：
#privateField = null;
#privateMethod() { /* ... */ }
設定管理
すべての設定値は window.CONFIG オブジェクトで管理：
window.CONFIG.AIAPI.ENDPOINTS.OPENAI // APIエンドポイント
window.CONFIG.STORAGE.KEYS.API_TYPE // ストレージキー
window.CONFIG.AIAPI.DEFAULT_PARAMS // デフォルトパラメータ
開発手順
- 関連するコアファイルを確認
- 既存パターンに従って実装
- 適切なエラーハンドリングを追加
- JSDocコメントで型情報を記載
参照ファイル
詳細は以下のファイルを参照：
references/project-structure.md: 詳細なディレクトリ構成references/coding-conventions.md: 命名規則、JSDocreferences/development-workflow.md: 開発フロー