自分のLoLページをアップデート！戦績・対面分析・大会カレンダーなど

LoL関連ページ、大幅アップデートしました

てっこ

このブログのLoL関連ページを大幅にアップデートしました！
対面チャンピオン分析、公式大会カレンダーページも追加しました！

🗺️ レーンアイコンが表示されるようになった

試合履歴の各チャンピオン画像の右下に、Riot公式のレーンアイコンが小さく表示されるようになりました。

TOP

JUNGLE

MID

ADC

SUPPORT

アイコンは CommunityDragon から取得している公式素材です。

🔍 対面分析ページ追加

戦績画面内に「対面分析」機能を追加しました！

対面分析タブ

チャンピオン毎の対面チャンピオンとの勝率・KDAを一覧表示

チャンピオン別の通算勝率・KDA
対面ごとの最近の試合履歴（アイテム・KDA）
レーンアイコン付きで各試合ひと目でわかる

てっこ

苦手対面丸見え。
データは嘘つかない😢

🏆 公式大会カレンダー追加

世界中のLoL公式大会のスケジュールをカレンダー形式で確認できる新ページを追加しました。

📅 Esports Calendar

LCKLPLLECLCSLJLなど

日本時間（JST）で全大会スケジュールを表示
カレンダーの日付をクリックするとその日の試合一覧を表示
リーグ別フィルター・チーム別フィルターに対応
試合がある日はリーグカラーのドットで表示

てっこ

LCKとLJLを追いかけているので、いつでもスケジュールをすぐ確認できるのが便利。
←大会カレンダーはこちら

技術的な話（ざっくり）

このサイトは Astro + Cloudflare Pages で動いています。戦績データは以下の流れで表示しています。

データフロー
🎮 Riot Games API
↓ /api/lol/sync でバッチ取得（最大40件/回）
🗄️ Supabase（match_cache テーブル）
↓ /api/lol/0 でDBから一括返却
⚡ localStorage キャッシュ（SWRパターン）
↓ 画面に即時反映しながらバックグラウンド更新
📊 LoL戦績ページ

今後追加したいもの

📈

LP推移グラフの改善

より見やすいグラフデザインに

🏷️

試合へのメモ機能

試合ごとに一言メモを残せるように

🎬

YouTube動画リンク

試合にYouTubeのVoD URLを紐づけ

📊

より詳細な統計

ファーストブラッドやビジョンスコアなど

てっこ

せっかく自分で作ったツールなので、どんどん育てていきたいです。
←LoL戦績ページはこちら