01
個人サイトPersonal site
自己紹介と、6つの領域（絵・語学・スポーツなど）の記録、絵の作品49点を載せた公開サイト。
- Design
- 白地に太いゴシック。数字を大きく、説明は短く。写真と作品が主役になる余白の取り方。6つの領域のページは、それぞれ別の見た目（選手カード・成績表・辞書・展示室・スコアボード・黒のLP）。
- できること
- 作品は画像を押すと拡大
- 手描き／デジタル／スタンプ／デザインで分類
- スマホ・タブレット・PCで崩れない
- しくみ
- HTMLとCSSだけの軽いサイト。独自ドメインで公開。
https://riseisasahara.comだれでも見られます
公開 2026-09-05
02
週の目安トラッカーWeekly tracker
歩数・単語・練習の回数など6項目を、週単位で「あとどれだけ」で見せるページ。
- Design
- チャコールの地に、銀のグラデーションの大きな見出しと数字。角丸のカードを3列に。下の帯は銀。
- できること
- ボタンを押して、その場で記録（+100 など）
- 歩数は iPhone から自動で入る
- 過去4週と、累計・1日平均を自動で集計
- 入力の取り消しと、保存の状態の表示
- しくみ
- ページで入れた分は、5分おきに手元の台帳（CSV）へ写る。台帳が正本。
tracker.riseisasahara.com合言葉を入れた端末だけ
公開 2026-09-19／見た目の更新 2026-09-23
03
毎日のチェックDaily check
「やったら押す」だけの習慣の記録。週に7回の項目、週に1回の項目、月に1回の項目を同じ画面で数える。
- Design
- 02 と同じ世界観。押す場所を1つに絞った大きいボタン。
- できること
- 今日のボタンを押す／もう一度押すと取り消し
- 曜日の丸を押すと、前の日の分も入れ直せる
- 続けて何日・過去4週・月ごとの表
- 項目は台帳に1行足すだけで増やせる
- しくみ
- 先の日付は保存できない、合言葉がないと保存できない、などの確認を入れている。
tracker.riseisasahara.com/daily画面の項目は見本です
公開 2026-09-21
04
ゲームの試合記録Game log
バスケットボールゲームのオンライン対戦の記録から、戦績と「次にどうするか」を自動で出すページ。
- Design
- ゲームの画面に寄せた黒×黄。見出しと数字の太さをゲーム内の表示に合わせた。
- できること
- 勝敗・連勝・直近10試合・チーム別・時間帯別の勝率
- ランクの見込み（いまのペースで、期限までにどこまで届くか）
- ルールから「次に使えるチーム」を計算
- 相手の強さを時間帯ごとに集計し、「何時にどのチームで」を2案まで出す
- 試合ごとのスタッツ（Box Score）と、連勝・連敗のニュース
- しくみ
- 試合の結果は、ゲーム機の画面写真をUSBで取り込み、文字認識で台帳へ。ページは見るだけ。
tracker.riseisasahara.com/2k合言葉を入れた端末だけ
公開 2026-09-20
05
1年ぶんの試合記録Season archive
前作の1年ぶんの試合の記録。ゲーム機に残っていた画面写真から作った。
- Design
- 04 とは別の、前作のゲームの配色（グレー×白）。同じ構成で、色だけを作品ごとに変えた。
- できること
- 月ごと・時間帯ごと・曜日ごとの勝率
- 使ったチーム、相手のチーム、相手のランク帯ごとの成績
- 3作ぶん（2025・2026・2027）を1つにまとめたページも別にある
- しくみ
- 画面写真の種類（結果・スタッツ・対戦前）を自動で見分け、数字を読み取って台帳に入れる。読み取りの検算つき。
tracker.riseisasahara.com/2k26合言葉を入れた端末だけ
公開 2026-09-23
06
バスケットボールの記録Basketball log
体育館でのプレー、指導、自主練、筋トレを1枚にまとめたページ。
- Design
- スポーツ中継のようなネイビー×青×赤。上に流れるスコアボード。
- できること
- 得点の壁（5・10・15・20・25点）と自己ベスト
- 1日の合計点の棒グラフ、推定のシュート本数
- 体育館ごとの回数、月ごとの回数
- 教わったことと、その練習の記録
- しくみ
- 2025年5月からの記録を、古い表計算とメモから1つの台帳にまとめ直した。
tracker.riseisasahara.com/hoop合言葉を入れた端末だけ
公開 2026-09-20
07
体育館の個人開放Open gym
近くの5つの体育館のバスケットボール個人開放を、日付順に並べたページ。自分のカレンダーと照らして「行ける」「予定と重なる」を出す。
- Design
- 体育館の床の色（茶×橙）。行ける枠は明るく、重なる枠は打ち消し線。
- できること
- 60日先までの土日の枠を日付順に
- 予定との重なり（前後60分の余裕込み）を自動で判定
- 週に1つ、候補の枠に★（連続する日は避ける・優先する体育館の順）
- 体育館ごとの、次の開放日・行った回数・家からの所要時間
- しくみ
- 各施設の公式サイトの日程を1つの表にまとめ、カレンダー（ICS）と突き合わせる。月のカレンダーのページにも同じ候補が出る。
tracker.riseisasahara.com/gyms合言葉を入れた端末だけ
公開 2026-09-23
08
NBA 日本時間NBA in Japan time
NBAの全1,267試合の日程を日本時間に直して見せる公開ページ。30チームどれでも選べる。
- Design
- 選んだチームの2色に、ページ全体が切り替わる。公式のロゴや画像は使わず、チームカラーと略称だけで表現した。
- できること
- 次の試合まで「あと何日何時間」
- 日付ごとのリーグ全体の日程、月ごとのチームの日程
- 見る端末の設定に関係なく、必ず日本時間
- チームごとのアドレス（…/nba-jst/lal など）
- しくみ
- 日程は毎週月曜に自動で取り直す。公開する前に、権利まわりで出せるもの・出せないものを分けた。
公開 2026-09-20
09
生徒の成績の推移Student report
指導している高校生の、定期試験の点数・学年順位・偏差値の推移を見せるページ。名前は伏せています。
- Design
- 黒地に白のドット。折れ線はドットの列、大問ごとの棒はドットの積み上げ、題字の横にゆっくり回るドットの輪。
- できること
- 年5回×2年ぶんの折れ線。点に触れると順位と偏差値
- 指導の前と後の平均の差
- 大問ごとの得点率から、落としやすい大問を色で示す
- 次のテストと、前の年の同じ回の点数
- しくみ
- 結果が出たら台帳に1行足すだけで、グラフと表に入る。生徒の情報なので合言葉つき。
合言葉を入れた端末だけ氏名と学校名はページに載せていません
公開 2026-09-20／見た目の更新 2026-09-23
10
数学の勉強Math study log
問題集の1ページごとに、問題数と間違えた問題の番号を記録するページ。表計算で付けていた記録を、そのままの列で置き換えた。
- Design
- 黒地に白の等幅の字。0と1が降る背景、＋と >_ の罫線。間違いだけ赤。
- できること
- 間違えた番号を入れると、正解数と正答率をその場で計算
- ページ番号を入れると、もくじから単元の名前が自動で入る
- もくじの地図（42単元×203ページ）で、どこまで進んだかを見せる
- 1日に解いた問題数、解き直すリスト、単元ごとの正答率
- 教えた授業の記録
- しくみ
- 先の日付や、問題数より大きい番号は保存できない。入れた分は5分おきに手元の台帳へ写る。
tracker.riseisasahara.com/math合言葉を入れた端末だけ
公開 2026-09-21／見た目の更新 2026-09-23
11
単語テストの自動作成Vocabulary test maker
単語帳の写真12枚から100語を読み取り、ランダムに10問の小テストを、問題と解答の2枚で作る。
- Design
- 印刷しても、写真で送っても読める A4 の1枚。名前・日付・点数の欄つき。
- できること
- 問題数と出題範囲を指定できる
- 同じ番号を指定すれば、同じ問題をもう一度作れる
- 単語帳に写真を足せば、出題範囲が広がる
- しくみ
- 1回の命令で、問題と解答の2枚ができる。作るのにかかる時間は数秒。
Webページではなく、手元で動く道具です英検2級の単語帳 Section 1（100語）で作成
作成 2026-09-20
12
カウンターCounter
「カフェに行った」「ジムに行った」を +1 で数えるページ。回数と、かかった金額を並べて見せる。
- Design
- 大きな +1 のボタンと、項目ごとの数字。
- できること
- +1 を押すだけで、今日の日付で記録
- 今週・今月・累計と、最後に行った日
- 月額や1回の金額から、1回あたりの費用を計算
- 項目は台帳に1行足すだけで増やせる
- しくみ
- 押した分は5分おきに手元の台帳へ写る。過去の記録は、会話のメモから台帳に入れ直した。
tracker.riseisasahara.com/counter合言葉を入れた端末だけ
公開 2026-09-23
13
作ったサイトの一覧Index of pages
作ったページを日付ごとに並べ、押すとそのページへ飛ぶ一覧。合言葉つきのページの入口。
- Design
- 日付で区切った縦の一覧。1行に、名前・ひとこと・アドレス。
- できること
- 公開日順に、これまでの全ページ
- スマホのホーム画面に置いて、ここから開く
- しくみ
- 新しいページを作ったら、この一覧に1行足す。
tracker.riseisasahara.com/sites合言葉を入れた端末だけ
公開 2026-09-22
共通のしくみ
データの流れ
- ページで入れた分は、5分おきに手元の台帳（CSV）へ写る。台帳が正本
- 手元で集計した数字を、5分おきにページへ渡す
- 歩数は iPhone から自動で届く。ゲームの結果は画面写真の文字認識から
公開のまえに確かめていること
- 合言葉なしで開けないこと、保存できないこと
- 実際に使うブラウザで、表示されているかを測る（広告ブロックで消える部品がないか）
- 人の名前・生徒の情報・権利のある画像を出していないか
制作の環境
- Claude Code（AI）と対話しながら制作
- Cloudflare Workers・D1（サイトと保存）／Python（集計と同期）
- HTML・CSS・JavaScript（外部の部品は使っていない）