ポケモン図鑑アプリ

Next.jsで作成したポケモン図鑑アプリです。

機能

レスポンシブデザイン

• PC: 4カラムレイアウト
• タブレット: 2-3カラムレイアウト
• スマートフォン: 1カラムレイアウト
• すべてのデバイスで快適に閲覧可能

日本語対応

• ポケモンの名前を日本語で表示
• タイプを日本語で表示
• アビリティを日本語で表示

検索機能

以下の3つの方法で検索できます：

1. 名前で検索: ポケモンの日本語名または英語名で検索
2. タイプで検索: タイプの日本語名または英語名で検索
3. アビリティで検索: アビリティの日本語名または英語名で検索

第1世代のポケモン（全151匹）から検索可能です。

使い方

1. 検索タイプを選択（名前/タイプ/アビリティ）
2. 検索ボックスに検索したい文字を入力
3. 「検索」ボタンをクリックまたはEnterキーを押す
4. 検索結果が表示されます

検索をクリアするには「クリア」ボタンをクリックしてください。

開発

開発サーバーを起動:

npm run dev

ブラウザで http://localhost:3000 を開いて確認できます。

技術スタック

• Next.js 16.1.1
• React 19.2.3
• TypeScript
• Tailwind CSS 4
• PokeAPI

注意事項

日本語翻訳データは主に第1世代〜第8世代のポケモンに対応しています。 翻訳データにないポケモンやタイプ、アビリティは英語名で表示されます。