【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でコードを作成する必要があります。前者のプラグインを使う場合はArcesさんのプラグインを使うのが良いかと思いますが、今回はcybozu developer network内にて公開されているツールをカスタマイズして「ちょっと便利」にしちゃおうと思います。無料でkintoneにガントチャートとカンバンを設置する方法手っ取り早く進めていきましょう。無料でカンバンを設置する方法は以下のリンク先を ...

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

ノンコーディングでアプリが作成できるフレームワーク「Kintone」。しかし、細かいカスタマイズをしようとすると、どうしてもJSでのコーディングが必要になってきます。実際に開発スキルがないけど、やりたいことがいっぱいある！という方向けに、有料/無料に分けてオススメのプラグインをご紹介します。【無料】オススメプラグイン一覧テキスト絞り込み検索プラグイン(TIS) 無料プラグインといえば「TIS」ですよね。そのTISからご紹介するのは「一覧画面でのテキスト絞り込み」を可能にする検索窓設置プラグインです。 ...

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

過去に同様の記事を書きましたが、2020年6月でAPIの提供が終了してしまいました。新たにzipcloudが郵便番号検索APIを提供してくれていますので、こちらを使って郵便番号から住所を取得するサンプルコードを記載します。郵便番号検索APIとは郵便番号検索APIは、日本郵便が公開している郵便番号データを検索する機能をRESTで提供しています。現在使用しているデータは、「2020年6月30日更新分の全国一括データ（加工済バージョン）」です。 zipcloud.ibsnet.co.jp 58 ...

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

WordPressでHPを作成している場合、プラグインの Contact Form 7 で問い合わせフォームを作成している方も多いと思います。今回は、Contact Form 7 と Kintone を連携し、問い合わせ内容をそのまま Kintone に転記する方法をご紹介します。 Contact Form 7 をインストールしてフォームの作成をするまずはContact Form 7 をインストールし、フォームの作成をしておいてください。手順は以下の記事を参考にしてください。 Form data t ...

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

タイトルだけ見ると何を言ってるか分かりませんよね…＾＾； Aアプリのスペースに設定したボタンからBアプリの編集画面を立ち上げ、Aアプリの内容をフィールドに事前に設定しておきたいケースに使用するサンプルコードです。 (function() { "use strict"; var events = ['app.record.detail.show','app.record.create.show','app.record.edit.show' ...

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

kintoneの顧客管理アプリを作ってる中で、ふとこんなことを思ったのがきっかけ。 kotopapa住所入力面倒だなぁ…。郵便番号からある程度情報取れないかな…。 JavaScriptを使えばあっという間に実現できました！ kintoneのフィールド情報 kintoneのアプリには以下のようなフィールドを追加してください。フィールド名フィールド形式フィールドコード郵便番号文字列(1行) zipcode 都道府県文字列(1行) pref 市区町村文字列(1行) city 以下住所文字列(1行 ...

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

kintoneを使っているとよく発生する事象です。アプリ内のレコード数が数千件あるが、この新しくフィールドを追加することになった。全件条件分岐で内容を入れたいが、ひとつずつやっているといつまでかかるかわからない…。そんな時は、一括で処理してくれるボタンを実装しちゃいましょう！ (function () { "use strict"; kintone.events.on('app.record.index.show', function (event) { if ( ...

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

kintoneのjava scriptで機能拡張していると、便利なはずの非同期処理がかえって困るケースがあります。例えば、保存時の処理。 submit.successの処理時に他アプリの値を取ってきたり、書き換えたり。 kintone.apiのGETやPUT、POSTに関して、returnをつけることで簡単に非同期処理の完了を待つことができることをご存じでしょうか？ return kintone.api(kintone.api.url('/k/v1/records', true), &# ...

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

kintoneで別アプリのレコード情報をサブテーブルにまとめて取得する場合、まずはサブテーブルを初期化…。あれ？サブテーブルの初期化ってどうやるの！？となったあなた。そんな時は以下のコードで初期化することができますよ。 // テーブル初期化関数 function initRow(table_name) { let record = kintone.app.record.get().record; for(let i = record[table_name].value.length; i >= ...

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

kintoneの保存前に保存チェックをしたり、保存キャンセルをしたり、ダイアログを表示することで処理の切り替えをすることが可能です。ダイアログで他アプリの登録画面を表示したい kotopapa管理アプリに紐づく別アプリの登録が済んでない場合、別アプリの登録を促したい… 　そういう場合に、ダイアログでユーザーに注意を促し、他アプリの登録画面に遷移するようなサンプルコードはこちら。 let appid = 10; //開きたいアプリのID let res = confirm("××が未申請です。 ...