メインコンテンツへスキップ
YK
経歴
スキル
プロジェクト
研究・発表
ブログ
GitHub
読み込み中...
ホーム
プロジェクト
FLEXKEY 施設利用時間一覧
Web · 完了
FLEXKEY 施設利用時間一覧
FLEXKEYの提携サウナ・銭湯の利用可能な曜日と時間帯を、Googleカレンダー風の週間ビューにまとめて表示する非公式ツール
期間
2026年5月 – 2026年5月
分野
Web
所属
趣味(個人・チーム)
状態
完了
JavaScript
HTML & CSS
Python
GitHub Actions
概要
アーキテクチャ
技術的挑戦
関連プロジェクト
概要
サブスクサービス「FLEXKEY」の提携施設(サウナ・スーパー銭湯・銭湯)について、利用できる曜日・時間帯・延長料金を一覧できる非公式Webツールを開発しました。
全施設を1つの週間カレンダー(縦軸0〜23時、横軸日〜土)にまとめ、施設名・エリアでの検索や都道府県・市区町村での絞り込みができます。
データは公式サイトから取得するPythonスクリプトで更新します。
アーキテクチャ
図を拡大して見る
公式サイト
HTMLに埋め込まれた施設情報
GitHub Actions
取得スクリプト (Python)
GitHub Pages
静的サイト (HTML / CSS / JS)
ユーザー
図を開く
フレームワークを使わないHTML・CSS・JavaScriptの静的サイトです。
Pythonスクリプトが公式サイトのHTMLに埋め込まれた施設情報を取得してJSONに保存し、GitHub ActionsでGitHub Pagesに自動デプロイします。
技術的挑戦
課題
多数の施設の利用時間を一目で比べられる表示
解決
全施設を1つの週間カレンダーに重ね、時間枠や施設をクリックするとモーダルで一覧を表示
課題
公式サイトからのデータ取得
解決
HTMLに埋め込まれた提携施設情報を抽出するPythonスクリプトを作成
課題
目的の施設を探しやすくする
解決
タブでのカテゴリ切り替えと、都道府県・市区町村(複数選択)での絞り込み
同じ技術を使ったプロジェクト
GenieSlack: ハッカソンでのチーム開発
2023 · AI · Python · HTML & CSS
スナんぽ
2025 · モバイル · Flutter · Python
ポートフォリオサイト
2025 · Web · React · Next.js
前のプロジェクト
ドーパミンガチャ
次のプロジェクト
論文自動収集 Slack Bot