Blog
2026年2月23日 - 1 MIN READ
日本ハイスコア協会のデータ集計ページ下調べ③

日本ハイスコア協会のデータ集計ページ下調べ③

JHAのまとめページ下調べ③

一旦バックエンドできました

ここ: https://jha-summary-api.wefma.net/jha-scores.json

これをフロントエンドが取得すればそれっぽくなるだろう。 フロントはバカの一つ覚えでNUXTにするけど、レポジトリは分けた方がよさそう。

昨今サプライチェーン攻撃がどうのこうので怖いので自分の意図したタイミングでのみnpm installしたい感がある。特にGoogleのAPIキーがレポジトリの中に含まれているのだからなおさら。

そう考えた結果上記のページのJSONを取得してそれっぽく表示するようなフロントを別レポジトリで作成することになった。

しかしここで書いたようなCORSの問題が発生する。

CORSは所詮HTTPレスポンスにCORSヘッダを付けるだけで解決する。 どうやらそれを行うことをCloudflareさまのWorkerというものを使えばプロキシという形で実装できるらしい。

フロントだりぃ~

Built with Nuxt UI • © 2026