kintoneの顧客管理アプリを作ってる中で、ふとこんなことを思ったのがきっかけ。
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の保存前に保存チェックをしたり、保存キャンセルをしたり、ダイアログを表示することで処理の切り替えをすること ...