PostcodeJP Playground

住所入力の体験を、実際の操作で確かめる。

住所を選ぶ、郵便番号や住所項目から条件検索する、既存フォームを補完する。登録前に、PostcodeJPの3つの製品をブラウザ上で実際に試せます。

利用準備中

Address Selector

住所選択ウィジェットを試す

実際の住所選択UIで、検索、候補の確認、住所の選択までを操作できます。

該当Docsを見る

表示位置に近づくと住所選択ウィジェットを読み込みます。

利用準備中

Address Search API

郵便番号・住所検索APIを試す

検索項目・条件・値を選ぶと、APIで使うfilter式と実際のJSONレスポンスを並べて確認できます。

入力例

選択しても検索は始まりません。フォームとfilter previewだけを更新します。

Basic条件
最大3条件。ANDは;、ORは,として生成します。Basic modeでは括弧groupを扱いません。
高度な条件

展開中はrange、IN、OUT、Regexを選択できます。生成filterはread-onlyです。

RegexなどAdvanced filterの制約を見る

返す項目
部分指定では選んだfieldだけが返り、postcodeも自動追加されません。

APIで使うfilter

値を入力するとfilterを表示します。
Request
GET /api/v6/postcodes
limit
10
API keyはURLやpreviewへ表示しません。

検索条件を入力してください。

検索結果

検索前です。

検索後、ここに住所を表示します。

JSON

検索後、ここにJSONを表示します。
利用準備中

Address AutoComplete JavaScript

住所補完JavaScriptを試す

既存フォームに住所補完を追加した場合の動作を、そのまま試せます。

該当Docsを見る
入力例: 1000001

表示位置に近づくと住所補完JavaScriptを読み込みます。

HTML FORMAddress AutoComplete JavaScriptADDRESS FIELDS