あなたのビジネスと共に歩むサイト

with-Biz

【kintone】JavaScriptを使って郵便番号から住所を作成する(コピペでOK)

kintoneの顧客管理アプリを作ってる中で、ふとこんなことを思ったのがきっかけ。

kotopapa
住所入力面倒だなぁ…。郵便番号からある程度情報取れないかな…。

JavaScriptを使えばあっという間に実現できました!

kintoneのフィールド情報

kintoneのアプリには以下のようなフィールドを追加してください。

フィールド名 フィールド形式 フィールドコード
郵便番号 文字列(1行) zipcode
都道府県 文字列(1行) pref
市区町村 文字列(1行) city
以下住所 文字列(1行) town
住所 文字列(1行) 住所

フィールド名「住所」は「自動計算する」にチェックを入れ、「perf&city&town」と入力してください。

郵便番号から住所を出力するサンプルコード

(function() {
  "use strict";
  kintone.events.on([
   'app.record.create.change.zipcode',
   'app.record.edit.change.zipcode',
   'mobile.app.record.create.change.zipcode',
   'mobile.app.record.edit.change.zipcode'
  ], function(event) {
   //レコード追加または編集画面でzipcode(フィールド値)が変更された時
    var record = event.record;
    var zipcode = record.zipcode.value;

    $.ajax({
        //非同期通信
      url: 'https://api.zipaddress.net/?zipcode=' + zipcode,
      dataType: 'json',
      async: false,
      success: function(response) {
        record.pref.value = response.data.pref;
        record.city.value = response.data.city;
        record.town.value = response.data.town;
      },
      error: function(response) {
        alert('郵便番号から住所の検索に失敗しました');
      }
    });

    return event;
  });
})();

郵便番号を入力すると都道府県、市区町村、以下住所のフィールドに自動でデータが出力されます。

以下住所には地番以下を入力すればOKです。

それぞれのフィールドの内容を結合した結果が住所フィールドに出力されます。

kintoneで見やすいのカンバン形式を無料で導入する方法

kintoneでカンバン形式のタスク管理を使う場合、有料のプラグインを使うか、無料の場合はjava scriptでコード ...

Kintoneはプラグインでこんなに良くなる!Kintoneのオススメプラグイン

ノンコーディングでアプリが作成できるフレームワーク「Kintone」。しかし、細かいカスタマイズをしようとすると、どうし ...

Kintoneで郵便番号から住所を検索する方法

過去に同様の記事を書きましたが、2020年6月でAPIの提供が終了してしまいました。 新たにzipcloudが郵便番号検 ...

WordPressの問い合わせフォームContact Form 7とkintoneを連携する方法

WordPressでHPを作成している場合、プラグインの Contact Form 7 で問い合わせフォームを作成してい ...

【kintone】ボタンクリックで別アプリの編集画面に値をコピーした状態で開く方法

タイトルだけ見ると何を言ってるか分かりませんよね…^^; Aアプリのスペースに設定したボタンからBアプリの編集画面を立ち ...

【kintone】JavaScriptを使って郵便番号から住所を作成する(コピペでOK)

kintoneの顧客管理アプリを作ってる中で、ふとこんなことを思ったのがきっかけ。 kotopapa住所入力面倒だなぁ… ...

JavaScriptを使ってkintoneの一覧画面上に全レコードを対象とした一括処理ボタンを実装したい

kintoneを使っているとよく発生する事象です。 アプリ内のレコード数が数千件あるが、この新しくフィールドを追加するこ ...

kintoneのJava Scriptで非同期処理の完了を待つ方法

kintoneのjava scriptで機能拡張していると、便利なはずの非同期処理がかえって困るケースがあります。 例え ...

kintoneでJava Scriptを使ってサブテーブルを初期化する方法

kintoneで別アプリのレコード情報をサブテーブルにまとめて取得する場合、まずはサブテーブルを初期化…。 あれ?サブテ ...

kintoneでJava Scriptを使ってダイアログ(確認ポップアップ)を表示する

kintoneの保存前に保存チェックをしたり、保存キャンセルをしたり、ダイアログを表示することで処理の切り替えをすること ...