Web制作やデータ作成で使える、47都道府県のコピペ用リストをまとめました。HTMLのセレクトボックス、改行テキスト、カンマ区切り、CSV、JavaScript配列、JSONを用途別に掲載しています。
各コードブロック右上のコピーボタンから、そのままコピーして使えます。
掲載している形式
- HTMLの<select>・<option>
- 1行ずつのテキスト
- カンマ区切り
- CSV(都道府県コード付き)
- JavaScript配列
- JSON(都道府県コード付き)
もくじ
1. 都道府県のセレクトボックス(HTML)
お問い合わせフォームや会員登録画面で使えるセレクトボックスです。valueには01〜47の都道府県コードを設定しています。
<select name="prefecture" id="prefecture" required>
<option value="">都道府県を選択してください</option>
<option value="01">北海道</option>
<option value="02">青森県</option>
<option value="03">岩手県</option>
<option value="04">宮城県</option>
<option value="05">秋田県</option>
<option value="06">山形県</option>
<option value="07">福島県</option>
<option value="08">茨城県</option>
<option value="09">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13">東京都</option>
<option value="14">神奈川県</option>
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
<option value="19">山梨県</option>
<option value="20">長野県</option>
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
<option value="24">三重県</option>
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
<option value="40">福岡県</option>
<option value="41">佐賀県</option>
<option value="42">長崎県</option>
<option value="43">熊本県</option>
<option value="44">大分県</option>
<option value="45">宮崎県</option>
<option value="46">鹿児島県</option>
<option value="47">沖縄県</option>
</select>
requiredが不要な場合は、selectタグから削除してください。データベースに都道府県名をそのまま保存したい場合は、各optionのvalueを「北海道」「青森県」のような名称へ変更しても構いません。
2. 都道府県一覧(改行テキスト)
ExcelやGoogleスプレッドシートの1列へ貼り付けるときに便利な、1行1都道府県のテキストです。
北海道
青森県
岩手県
宮城県
秋田県
山形県
福島県
茨城県
栃木県
群馬県
埼玉県
千葉県
東京都
神奈川県
新潟県
富山県
石川県
福井県
山梨県
長野県
岐阜県
静岡県
愛知県
三重県
滋賀県
京都府
大阪府
兵庫県
奈良県
和歌山県
鳥取県
島根県
岡山県
広島県
山口県
徳島県
香川県
愛媛県
高知県
福岡県
佐賀県
長崎県
熊本県
大分県
宮崎県
鹿児島県
沖縄県
都・道・府・県を省いた一覧
表示名を短くしたい場合はこちらを使えます。北海道は一般的な表記に合わせて「北海道」のままにしています。
北海道
青森
岩手
宮城
秋田
山形
福島
茨城
栃木
群馬
埼玉
千葉
東京
神奈川
新潟
富山
石川
福井
山梨
長野
岐阜
静岡
愛知
三重
滋賀
京都
大阪
兵庫
奈良
和歌山
鳥取
島根
岡山
広島
山口
徳島
香川
愛媛
高知
福岡
佐賀
長崎
熊本
大分
宮崎
鹿児島
沖縄
3. 都道府県一覧(カンマ区切り)
1行のカンマ区切りデータです。表計算ソフトの「区切り位置」や、プログラムで文字列を分割するときに利用できます。
北海道,青森県,岩手県,宮城県,秋田県,山形県,福島県,茨城県,栃木県,群馬県,埼玉県,千葉県,東京都,神奈川県,新潟県,富山県,石川県,福井県,山梨県,長野県,岐阜県,静岡県,愛知県,三重県,滋賀県,京都府,大阪府,兵庫県,奈良県,和歌山県,鳥取県,島根県,岡山県,広島県,山口県,徳島県,香川県,愛媛県,高知県,福岡県,佐賀県,長崎県,熊本県,大分県,宮崎県,鹿児島県,沖縄県
4. 都道府県一覧(CSV・コード付き)
01〜47の都道府県コードと名称を2列にしたCSVです。先頭の0を保持したい場合は、表計算ソフトへ読み込む際にcode列を文字列として指定してください。
code,prefecture
01,北海道
02,青森県
03,岩手県
04,宮城県
05,秋田県
06,山形県
07,福島県
08,茨城県
09,栃木県
10,群馬県
11,埼玉県
12,千葉県
13,東京都
14,神奈川県
15,新潟県
16,富山県
17,石川県
18,福井県
19,山梨県
20,長野県
21,岐阜県
22,静岡県
23,愛知県
24,三重県
25,滋賀県
26,京都府
27,大阪府
28,兵庫県
29,奈良県
30,和歌山県
31,鳥取県
32,島根県
33,岡山県
34,広島県
35,山口県
36,徳島県
37,香川県
38,愛媛県
39,高知県
40,福岡県
41,佐賀県
42,長崎県
43,熊本県
44,大分県
45,宮崎県
46,鹿児島県
47,沖縄県
5. 都道府県一覧(JavaScript配列)
フォームの選択肢をJavaScriptで生成するときや、入力値のチェックに使える配列です。
const prefectures = [
"北海道",
"青森県",
"岩手県",
"宮城県",
"秋田県",
"山形県",
"福島県",
"茨城県",
"栃木県",
"群馬県",
"埼玉県",
"千葉県",
"東京都",
"神奈川県",
"新潟県",
"富山県",
"石川県",
"福井県",
"山梨県",
"長野県",
"岐阜県",
"静岡県",
"愛知県",
"三重県",
"滋賀県",
"京都府",
"大阪府",
"兵庫県",
"奈良県",
"和歌山県",
"鳥取県",
"島根県",
"岡山県",
"広島県",
"山口県",
"徳島県",
"香川県",
"愛媛県",
"高知県",
"福岡県",
"佐賀県",
"長崎県",
"熊本県",
"大分県",
"宮崎県",
"鹿児島県",
"沖縄県"
];
JavaScriptでoption要素を生成する例
const select = document.querySelector('#prefecture');
prefectures.forEach((prefecture, index) => {
const option = document.createElement('option');
option.value = String(index + 1).padStart(2, '0');
option.textContent = prefecture;
select.appendChild(option);
});
6. 都道府県一覧(JSON・コード付き)
APIのモックデータや、フロントエンドとバックエンドで共通利用しやすいJSON形式です。codeは先頭の0を維持できるよう文字列にしています。
[
{
"code": "01",
"name": "北海道"
},
{
"code": "02",
"name": "青森県"
},
{
"code": "03",
"name": "岩手県"
},
{
"code": "04",
"name": "宮城県"
},
{
"code": "05",
"name": "秋田県"
},
{
"code": "06",
"name": "山形県"
},
{
"code": "07",
"name": "福島県"
},
{
"code": "08",
"name": "茨城県"
},
{
"code": "09",
"name": "栃木県"
},
{
"code": "10",
"name": "群馬県"
},
{
"code": "11",
"name": "埼玉県"
},
{
"code": "12",
"name": "千葉県"
},
{
"code": "13",
"name": "東京都"
},
{
"code": "14",
"name": "神奈川県"
},
{
"code": "15",
"name": "新潟県"
},
{
"code": "16",
"name": "富山県"
},
{
"code": "17",
"name": "石川県"
},
{
"code": "18",
"name": "福井県"
},
{
"code": "19",
"name": "山梨県"
},
{
"code": "20",
"name": "長野県"
},
{
"code": "21",
"name": "岐阜県"
},
{
"code": "22",
"name": "静岡県"
},
{
"code": "23",
"name": "愛知県"
},
{
"code": "24",
"name": "三重県"
},
{
"code": "25",
"name": "滋賀県"
},
{
"code": "26",
"name": "京都府"
},
{
"code": "27",
"name": "大阪府"
},
{
"code": "28",
"name": "兵庫県"
},
{
"code": "29",
"name": "奈良県"
},
{
"code": "30",
"name": "和歌山県"
},
{
"code": "31",
"name": "鳥取県"
},
{
"code": "32",
"name": "島根県"
},
{
"code": "33",
"name": "岡山県"
},
{
"code": "34",
"name": "広島県"
},
{
"code": "35",
"name": "山口県"
},
{
"code": "36",
"name": "徳島県"
},
{
"code": "37",
"name": "香川県"
},
{
"code": "38",
"name": "愛媛県"
},
{
"code": "39",
"name": "高知県"
},
{
"code": "40",
"name": "福岡県"
},
{
"code": "41",
"name": "佐賀県"
},
{
"code": "42",
"name": "長崎県"
},
{
"code": "43",
"name": "熊本県"
},
{
"code": "44",
"name": "大分県"
},
{
"code": "45",
"name": "宮崎県"
},
{
"code": "46",
"name": "鹿児島県"
},
{
"code": "47",
"name": "沖縄県"
}
]
7. 都道府県リストを実装するときの注意点
未選択のoptionを用意する
先頭に「都道府県を選択してください」を置くと、初期状態で北海道が選択済みになるのを防げます。必須項目にする場合は、空のvalueとrequiredを組み合わせます。
valueの仕様を途中で変えない
valueを都道府県コードにするか名称にするかは、保存先や他システムとの連携方法に合わせて決めます。運用開始後に変更すると、既存データとの対応が取れなくなる場合があります。
住所を都道府県だけで判定しない
配送や料金計算に利用する場合、ユーザーが選択した都道府県だけでなく、郵便番号や住所との整合性もサーバー側で確認すると安全です。
8. まとめ
都道府県リストは、用途に合った形式を選ぶと変換作業を減らせます。フォームならHTML、表計算ソフトなら改行テキストやCSV、プログラムならJavaScript配列やJSONが扱いやすいでしょう。
必要なコードブロックのコピーボタンを押して、そのまま制作にお役立てください。
