⚽
サッカー国際大会データページを作ってみました。
はじめに
私はサッカーを観るのが好きです。
現在、EURO2024とコパ・アメリカが開催されています。
データを見るのが好きなので、ワールドカップやアジアカップを含めた国ごとの過去大会の成績を横断的に参照したいと思い立ちました。
大会ごとの成績は、Wikipediaなどのサイトで詳細を確認できますが、国ごとに各大会の成績を横断的に比較できるサイトが見つからなかったので、過去の国ごとの大会成績を横断的に見られるサイトを作ってみました。
※デザインはいけてなく技術的にも特筆すべき点はありません。ほとんど生成AIに作ってもらいました。
ソースコード
使い方
上記ソースコードをローカルに保存して、soccer_national_competition_data.htmlを開くだけで使えます。
※fixed_midashi.jsを同フォルダに置けばヘッダの固定されます。
画面例
EURO2024開催国のドイツです。近年は低迷していますが今大会は優勝できるでしょうか。
私の推しのスペインです。今大会は非常に好調です！
日本です。コパ・アメリカにも出場しています。
データの取得について
サイトから過去の大会の結果を取得するにあたってスクレイピングのプログラムを作ろうと思ったのですが、トーナメントの結果のデータは表のように構造化されておらずスクレイピングは難しいと断念して人力でデータ取得しました。
サイトの情報のテキストをエディタにコピペ→正規表現で分解→スプレッドシートに張り付け→数式でjsonに変換というスマートじゃないやり方でデータ取得&作成をしました。
構造化されていないデータを効率よくスクレイピング方法を今後模索したいと思っています。
最後に
完全に自分の趣味のために作りました。
最後までお読みいただき、ありがとうございました。
Discussion