[{"data":1,"prerenderedAt":555},["ShallowReactive",2],{"content-ja-\u002Finstallation":3},{"id":4,"title":5,"body":6,"description":548,"extension":549,"meta":550,"navigation":58,"path":551,"seo":552,"stem":553,"__hash__":554},"content_ja\u002Finstallation.md","インストール",{"type":7,"value":8,"toc":541},"minimark",[9,12,17,76,94,98,101,121,131,136,332,337,341,370,378,521,532,537],[10,11,5],"h1",{"id":5},[13,14,16],"h2",{"id":15},"npm-を使う場合","npm を使う場合",[18,19,24],"pre",{"className":20,"code":21,"language":22,"meta":23,"style":23},"language-bash shiki shiki-themes github-light github-dark","# API + 公式データ\nnpm install @b4moss\u002Fjp-local-gov-id @b4moss\u002Fjp-local-gov-id-data\n\n# API のみ（版付きインデックス URL から取得）\nnpm install @b4moss\u002Fjp-local-gov-id\n","bash","",[25,26,27,36,53,60,66],"code",{"__ignoreMap":23},[28,29,32],"span",{"class":30,"line":31},"line",1,[28,33,35],{"class":34},"sJ8bj","# API + 公式データ\n",[28,37,39,43,47,50],{"class":30,"line":38},2,[28,40,42],{"class":41},"sScJk","npm",[28,44,46],{"class":45},"sZZnC"," install",[28,48,49],{"class":45}," @b4moss\u002Fjp-local-gov-id",[28,51,52],{"class":45}," @b4moss\u002Fjp-local-gov-id-data\n",[28,54,56],{"class":30,"line":55},3,[28,57,59],{"emptyLinePlaceholder":58},true,"\n",[28,61,63],{"class":30,"line":62},4,[28,64,65],{"class":34},"# API のみ（版付きインデックス URL から取得）\n",[28,67,69,71,73],{"class":30,"line":68},5,[28,70,42],{"class":41},[28,72,46],{"class":45},[28,74,75],{"class":45}," @b4moss\u002Fjp-local-gov-id\n",[77,78,79,80,83,84,87,88,93],"p",{},"データ付きで入れる場合は ",[25,81,82],{},"data"," オプション、API のみの場合は ",[25,85,86],{},"url"," オプションで初期化します。詳しくは ",[89,90,92],"a",{"href":91},"\u002Fja\u002Fusage","使い方"," を参照してください。",[13,95,97],{"id":96},"パッケージマネージャーを使わない場合html","パッケージマネージャーを使わない場合（HTML）",[77,99,100],{},"npm \u002F Vite \u002F webpack を使わず、ブラウザから直接読み込むこともできます。",[77,102,103,104,107,108,112,113,116,117,120],{},"配布されている ",[25,105,106],{},"dist\u002Fjp-local-gov-id.js"," は ",[109,110,111],"strong",{},"ES module"," です。そのため ",[25,114,115],{},"\u003Cscript type=\"module\">"," で読み込みます（クラシックな ",[25,118,119],{},"\u003Cscript src=\"...\">"," だけでは動きません）。",[77,122,123,124,127,128,130],{},"データは ",[25,125,126],{},"dataset.js"," を同梱せず、",[25,129,86],{}," で分割 JSON を読むのがおすすめです。",[132,133,135],"h3",{"id":134},"cdn-から読む","CDN から読む",[18,137,141],{"className":138,"code":139,"language":140,"meta":23,"style":23},"language-html shiki shiki-themes github-light github-dark","\u003C!DOCTYPE html>\n\u003Chtml lang=\"ja\">\n  \u003Cbody>\n    \u003Cscript type=\"module\">\n      import { createLocalGovClient } from \"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@b4moss\u002Fjp-local-gov-id@0.2.0\u002Fdist\u002Fjp-local-gov-id.js\";\n\n      const client = await createLocalGovClient({\n        url: \"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@b4moss\u002Fjp-local-gov-id-data@0.1.0\u002Findex.json\",\n      });\n\n      console.log(await client.getByCode(\"131016\"));\n    \u003C\u002Fscript>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html",[25,142,143,159,177,187,205,223,228,250,262,268,273,302,312,322],{"__ignoreMap":23},[28,144,145,149,153,156],{"class":30,"line":31},[28,146,148],{"class":147},"sVt8B","\u003C!",[28,150,152],{"class":151},"s9eBZ","DOCTYPE",[28,154,155],{"class":41}," html",[28,157,158],{"class":147},">\n",[28,160,161,164,166,169,172,175],{"class":30,"line":38},[28,162,163],{"class":147},"\u003C",[28,165,140],{"class":151},[28,167,168],{"class":41}," lang",[28,170,171],{"class":147},"=",[28,173,174],{"class":45},"\"ja\"",[28,176,158],{"class":147},[28,178,179,182,185],{"class":30,"line":55},[28,180,181],{"class":147},"  \u003C",[28,183,184],{"class":151},"body",[28,186,158],{"class":147},[28,188,189,192,195,198,200,203],{"class":30,"line":62},[28,190,191],{"class":147},"    \u003C",[28,193,194],{"class":151},"script",[28,196,197],{"class":41}," type",[28,199,171],{"class":147},[28,201,202],{"class":45},"\"module\"",[28,204,158],{"class":147},[28,206,207,211,214,217,220],{"class":30,"line":68},[28,208,210],{"class":209},"szBVR","      import",[28,212,213],{"class":147}," { createLocalGovClient } ",[28,215,216],{"class":209},"from",[28,218,219],{"class":45}," \"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@b4moss\u002Fjp-local-gov-id@0.2.0\u002Fdist\u002Fjp-local-gov-id.js\"",[28,221,222],{"class":147},";\n",[28,224,226],{"class":30,"line":225},6,[28,227,59],{"emptyLinePlaceholder":58},[28,229,231,234,238,241,244,247],{"class":30,"line":230},7,[28,232,233],{"class":209},"      const",[28,235,237],{"class":236},"sj4cs"," client",[28,239,240],{"class":209}," =",[28,242,243],{"class":209}," await",[28,245,246],{"class":41}," createLocalGovClient",[28,248,249],{"class":147},"({\n",[28,251,253,256,259],{"class":30,"line":252},8,[28,254,255],{"class":147},"        url: ",[28,257,258],{"class":45},"\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@b4moss\u002Fjp-local-gov-id-data@0.1.0\u002Findex.json\"",[28,260,261],{"class":147},",\n",[28,263,265],{"class":30,"line":264},9,[28,266,267],{"class":147},"      });\n",[28,269,271],{"class":30,"line":270},10,[28,272,59],{"emptyLinePlaceholder":58},[28,274,276,279,282,285,288,291,294,296,299],{"class":30,"line":275},11,[28,277,278],{"class":147},"      console.",[28,280,281],{"class":41},"log",[28,283,284],{"class":147},"(",[28,286,287],{"class":209},"await",[28,289,290],{"class":147}," client.",[28,292,293],{"class":41},"getByCode",[28,295,284],{"class":147},[28,297,298],{"class":45},"\"131016\"",[28,300,301],{"class":147},"));\n",[28,303,305,308,310],{"class":30,"line":304},12,[28,306,307],{"class":147},"    \u003C\u002F",[28,309,194],{"class":151},[28,311,158],{"class":147},[28,313,315,318,320],{"class":30,"line":314},13,[28,316,317],{"class":147},"  \u003C\u002F",[28,319,184],{"class":151},[28,321,158],{"class":147},[28,323,325,328,330],{"class":30,"line":324},14,[28,326,327],{"class":147},"\u003C\u002F",[28,329,140],{"class":151},[28,331,158],{"class":147},[77,333,334,336],{},[25,335,106],{}," は ES module として公開されています。同じファイルをダウンロードしてセルフホストしても構いません。",[132,338,340],{"id":339},"dist-をダウンロードして置く","dist をダウンロードして置く",[342,343,344,351,367],"ol",{},[345,346,347,348,350],"li",{},"API の ",[25,349,106],{}," を取得する（npm パッケージまたは GitHub \u002F CDN から）",[345,352,123,353,356,357,356,360,363,364,366],{},[25,354,355],{},"index.json","・",[25,358,359],{},"prefectures.json",[25,361,362],{},"prefectures\u002F"," を同じ階層で置く（",[25,365,126],{}," は不要）",[345,368,369],{},"HTML から相対パスで読む",[18,371,376],{"className":372,"code":374,"language":375,"meta":23},[373],"language-text","your-site\u002F\n  index.html\n  vendor\u002F\n    jp-local-gov-id.js\n  jp-local-gov-id-data\u002F\n    index.json\n    prefectures.json\n    prefectures\u002F\n      01.json\n      …\n","text",[25,377,374],{"__ignoreMap":23},[18,379,381],{"className":138,"code":380,"language":140,"meta":23,"style":23},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"ja\">\n  \u003Cbody>\n    \u003Cscript type=\"module\">\n      import { createLocalGovClient } from \".\u002Fvendor\u002Fjp-local-gov-id.js\";\n\n      const client = await createLocalGovClient({\n        url: \".\u002Fjp-local-gov-id-data\u002Findex.json\",\n      });\n\n      console.log(await client.getByCode(\"131016\"));\n    \u003C\u002Fscript>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[25,382,383,393,407,415,429,442,446,460,469,473,477,497,505,513],{"__ignoreMap":23},[28,384,385,387,389,391],{"class":30,"line":31},[28,386,148],{"class":147},[28,388,152],{"class":151},[28,390,155],{"class":41},[28,392,158],{"class":147},[28,394,395,397,399,401,403,405],{"class":30,"line":38},[28,396,163],{"class":147},[28,398,140],{"class":151},[28,400,168],{"class":41},[28,402,171],{"class":147},[28,404,174],{"class":45},[28,406,158],{"class":147},[28,408,409,411,413],{"class":30,"line":55},[28,410,181],{"class":147},[28,412,184],{"class":151},[28,414,158],{"class":147},[28,416,417,419,421,423,425,427],{"class":30,"line":62},[28,418,191],{"class":147},[28,420,194],{"class":151},[28,422,197],{"class":41},[28,424,171],{"class":147},[28,426,202],{"class":45},[28,428,158],{"class":147},[28,430,431,433,435,437,440],{"class":30,"line":68},[28,432,210],{"class":209},[28,434,213],{"class":147},[28,436,216],{"class":209},[28,438,439],{"class":45}," \".\u002Fvendor\u002Fjp-local-gov-id.js\"",[28,441,222],{"class":147},[28,443,444],{"class":30,"line":225},[28,445,59],{"emptyLinePlaceholder":58},[28,447,448,450,452,454,456,458],{"class":30,"line":230},[28,449,233],{"class":209},[28,451,237],{"class":236},[28,453,240],{"class":209},[28,455,243],{"class":209},[28,457,246],{"class":41},[28,459,249],{"class":147},[28,461,462,464,467],{"class":30,"line":252},[28,463,255],{"class":147},[28,465,466],{"class":45},"\".\u002Fjp-local-gov-id-data\u002Findex.json\"",[28,468,261],{"class":147},[28,470,471],{"class":30,"line":264},[28,472,267],{"class":147},[28,474,475],{"class":30,"line":270},[28,476,59],{"emptyLinePlaceholder":58},[28,478,479,481,483,485,487,489,491,493,495],{"class":30,"line":275},[28,480,278],{"class":147},[28,482,281],{"class":41},[28,484,284],{"class":147},[28,486,287],{"class":209},[28,488,290],{"class":147},[28,490,293],{"class":41},[28,492,284],{"class":147},[28,494,298],{"class":45},[28,496,301],{"class":147},[28,498,499,501,503],{"class":30,"line":304},[28,500,307],{"class":147},[28,502,194],{"class":151},[28,504,158],{"class":147},[28,506,507,509,511],{"class":30,"line":314},[28,508,317],{"class":147},[28,510,184],{"class":151},[28,512,158],{"class":147},[28,514,515,517,519],{"class":30,"line":324},[28,516,327],{"class":147},[28,518,140],{"class":151},[28,520,158],{"class":147},[77,522,523,524,527,528,531],{},"ローカルで ",[25,525,526],{},"file:\u002F\u002F"," を開くとモジュールや fetch が制限されることがあります。簡単な HTTP サーバ（例: ",[25,529,530],{},"npx serve","）で確認してください。",[77,533,534,535,93],{},"次は ",[89,536,92],{"href":91},[538,539,540],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":23,"searchDepth":38,"depth":38,"links":542},[543,544],{"id":15,"depth":38,"text":16},{"id":96,"depth":38,"text":97,"children":545},[546,547],{"id":134,"depth":55,"text":135},{"id":339,"depth":55,"text":340},"パッケージのインストール方法","md",{},"\u002Finstallation",{"title":5,"description":548},"installation","hwCWiFe0V4w90Q4oYNg--L0uNAz4R7G4GyZklZbuAEA",1786532353791]