一覧へ戻る
Web App / Node.js Claude API 実装 趣味開発 AI × ゲーム

ポケチャン
アナライザー ⚡

ポケモンチャンピオンズの対戦パーティを入力すると、タイプ相性チャートで弱点・刺さりを自動計算し、
Claude AI がパーティ改善コメントを生成する Web アプリ。
趣味領域のプロダクトとして、Claude API の実装パターンを習得するために開発。

App Preview

pokechan-analyzer / analyze
ポケチャン アナライザー ⚡
パーティの弱点・刺さりを自動計算 + Claude AIコメント
自分のパーティ
🔥
ほのお
💧
みず
⚡
でんき
🌿
くさ
👻
ゴースト
🐉
ドラゴン
相手のパーティ
🌍
じめん
🧊
こおり
⚙️
はがね
🦋
むし
🦅
ひこう
＋
分析する ⚡
⚠ パーティ弱点サマリー
じめん×4 ひこう×2 どく×2
⚡ 相手パーティへの刺さり
ほのお
みず
でんき
くさ
ゴースト
ドラゴン
🤖 Claude AI 分析コメント
「地面タイプへの打点が不足しています。でんきタイプには地面が無効なため、くさ・みずで補う必要があります。はがねタイプへの打点としてほのおが有効です。」
Features

機能と実装のポイント

01
タイプ相性チャート実装
18タイプ × 倍率マトリクスをJSで実装。複合タイプの弱点・耐性・無効を正確に算出。
02
Claude API 連携
@anthropic-ai/sdk を使用。パーティ構成を渡してコーチングコメントを自動生成。
03
相手パーティとの刺さり計算
自パーティの技タイプが相手に何倍ダメージを与えるかを自動集計・ランキング表示。
04
ポケモン名の多言語対応
日英変換・メガ進化（charizard-mega-x形式）・性別フォーム（♂♀）の正規化処理。
05
キャッシュ実装
PokeAPIのレスポンスをサーバー側でMap+TTL管理。重複リクエストを削減し高速化。
Tech Stack

技術構成

サーバーNode.js + Express（ES Modules）
AIClaude API（@anthropic-ai/sdk） — claude-sonnet-4-6
ファイル処理Multer（画像アップロード・メモリストレージ）
フロントエンドVanilla JS + Tailwind CSS（CDN）
データタイプチャートJS実装 / PokeAPI連携 / 日英辞書JSON
特記サーバーサイドキャッシュ（Map + TTL 60min）
Node.js Express Claude API @anthropic-ai/sdk Vanilla JS Multer AI × 趣味開発

Claude API を使ったアプリ開発もお任せください

AIを組み込んだWebアプリ・ツール開発の相談はお気軽にどうぞ

メールで相談する ← 一覧へ戻る