郵便番号自動入力デモ

npm でインストールできる TypeScript 対応パッケージ。JSONP でデータを取得しセッション内にキャッシュ。Pinia / Nuxt 3 と最も相性が良い。

yubinbango-core のフォーク。末尾に module.exports = YubinBango が追加され CommonJS として正しくエクスポート。Vite プラグインなしでそのまま動作する。API は完全互換。

無料の郵便番号検索 API（zipcloud.ibsnet.co.jp）を $fetch で呼び出す方法。npm インストール不要。ネットワーク依存だが、構造がシンプルで理解しやすい。

CDN のスクリプトタグ版。p-postal-code / p-region などのクラス名で DOM を直接書き換えるため Vue のリアクティビティと競合する。DOM 読み取りで同期する回避策を実装。

yubinbango-core2 を Nuxt 3 の Composable に包んで再利用可能にしたパターン。複数のフォームページや複数プロジェクトで同じロジックを共有できる。