README.rdoc in jp_address-0.0.5 vs README.rdoc in jp_address-0.0.6
- old
+ new
@@ -1,26 +1,26 @@
-= JpAddress: A Rails plugin for Japan Zipcode API.
+= Ruby on Rails 6 で 郵便番号住所検索 な gem
== JpAddressとは
-日本郵便の「郵便番号データ」を Rails 6.1 で使用するための gem です。
+日本郵便の「郵便番号データ(https://www.post.japanpost.jp/zipcode/dl/kogaki/zip/ken_all.zip)」を Rails 6.1 で使用するための gem です。
以下の機能を提供します。
-* 郵便局提供の郵便番号データをダウンロードしてDBにロードするクラスメソッド。(JpAddress::Zipcode.load_master_data)
-* 郵便番号をキーに住所情報を返却するAPI(jp_address/zipcodes#search)。
+* 郵便局提供の郵便番号データをダウンロードして自前DBのテーブル(jp_address_zipcodes)にロードするクラスメソッド。(JpAddress::Zipcode.load_master_data)
+* 郵便番号を受け取り住所情報をJSONで返却するAPI(jp_address/zipcodes#search)。
-要するに、「郵便番号検索 ruby gem」でググった人向けの gem です。
+要するに、「郵便番号住所検索 ruby gem」でググった人向けの gem です。
お使いのRailsアプリケーションにマウントして使えますので、後必要なのは戻ってくるJSONを加工する手順だけです。
== インストール
% gem install jp_address
GemFileに追記
gem 'jp_address'
テーブルの作成
- % rake jp_address:install:migrations
- % rake db:migrate
+ % bundle exec rails jp_address:install:migrations
+ % bundle exec rails db:migrate
== マスターデータのDBへのロード
開発環境
% rails runner -e development 'JpAddress::Zipcode.load_master_data'
本番環境
@@ -45,22 +45,23 @@
戻り値 JSON
{"id":84280,"zip":"5330033","prefecture":"大阪府","city":"大阪市東淀川区","town":"東中島"}
== APIを利用するためのサンプル JavaScript
フォームには
-* zipcode(テキストボックス)
-* prefecture_id(セレクトボックス。いわゆる都道府県プルダウン)
-* address(テキストボックス)
-の3要素があり、zipcodeに入れられた値を元にAPIを叩き、prefecture_id と address に
+* #zipcode(テキストボックス)
+* #prefecture_id(セレクトボックス。いわゆる都道府県プルダウン)
+* #address(テキストボックス)
+の3要素があり、#zipcodeに入れられた値を元にAPIを叩き、#prefecture_id と #address に
値をセットするサンプルです。
prefecture_id の選択は、都道府県名で行っています。
なので、お使いの都道府県マスターのID値に影響を受けることなく選択できるはずです。
※ JQuery の存在を前提にしています。
※ もともと CoffeeScript で書いてあったソースを decaffeinate したものです。
+ // ここから
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
@@ -152,17 +153,20 @@
}
}]);
return AddressSearch;
}();
+ // ここまでを application.js など共通に読み込まれるファイルに配置。
+ // ここから
// #zipcode, #prefecture_id, #address を各自の環境に合わせて書き換えてください。
$(function() {
var address_search = new AddressSearch('#zipcode', '#prefecture_id', '#address');
- return $('#zipcode').keyup(function() {
- return address_search.execute();
+ $('#zipcode').keyup(function() {
+ address_search.execute();
});
});
+ // ここまでをフォームのあるページに配置。
== 作者
Copyright 2016 (c) Tad Kam, under MIT License.