このアプリは、ユーザーが郵便番号を入力すると、対応する住所を検索して表示するシンプルなVueアプリケーションです。検索履歴の表示やエラーハンドリングも対応しています。
- Vue 3
- Pinia(状態管理)
- ZipCloud API
- 郵便番号を入力して検索
- 該当する住所の表示
- 検索履歴の保存と表示(Piniaで管理)
- APIエラー、ネットワークエラーの表示(Piniaで管理)
📋 機能一覧 ✅ 郵便番号検索 入力された郵便番号を zipcloud API で検索
住所情報を画面に表示
✅ 検索履歴の保存 最新の検索結果を履歴として Pinia に保存 履歴は画面に一覧表示
✅ エラーハンドリング 存在しない郵便番号:notFound エラー表示
通信エラー:networkError エラー表示
⚠️ このプロジェクトは pnpm を使用しています。未インストールの場合は以下のコマンドでグローバルにインストールしてください:npm install -g pnpm
git clone https://github.com/your-username/zipcode-search.git
cd zipcode-search
pnpm install
pnpm dev
http://localhost:5173 にアクセスしてください。