hyperdb https://blog.hatena.ne.jp/hyperdb/ 黄昏の迷宮 https://blog.hyperdb.jp/ 先日作ったxlsx2jsonを使って、まずは試しに都道府県の一覧をExcelのワークシートからJSONに変換してみました。 [ { "code": "01", "name": "北海道" }, { "code": "02", "name": "青森県" }, ] これをどうやってSvelteKitで使うかというと、まずはFetchしてからコンポーネントに渡す必要があります。以下のように書きます。 データを配置する まず、src/data/shared/pref.jsonに上記のJSONを配置します。 データを読み込む 型定義して、データを読み込むためのコードを書きます。以下のようにsrc/li… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.hyperdb.jp%2Fentry%2F2025%2F06%2F19%2F184948" title="JSONから共通コンポーネントを作る - 黄昏の迷宮" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hyperdb/20250619/20250619185111.png Hatena Blog https://hatena.blog 2025-06-19 18:49:48 rich https://blog.hyperdb.jp/entry/2025/06/19/184948 1.0 100%