~/hayashigoto

> ~/hayashigoto/works/toban/

README.md

toban — かんたん当番

学校、施設、家庭などの当番表を、登録なしで作成、印刷、共有できる無料Webアプリ。紙で掲示するところまでを製品体験として設計した。

project.yml
year:
2026
role:
Product Design / Full-stack Development
category:
自作
stack:
ReactHonoCloudflare WorkersCloudflare D1Drizzle ORM
workflow:
AI agent teamVitestPlaywright
links.yml
toban — かんたん当番表 のプレビュー 1
details.md

tobanは、掃除当番、給食当番、日直、家事分担などのローテーション表を作成、印刷、共有できる無料Webアプリです。アカウント登録なしで使い始められ、入力した内容はまずブラウザへ保存されます。

紙で使うところから設計する

学校、保育園、介護施設、自治会、飲食店、家庭などに合わせた31種類のテンプレートを用意しています。表示はカード、早見表、カレンダー、回転ディスクから選べ、こくばん、クレヨン、さくらなど九つのテーマで印刷できます。土日祝日を飛ばす日付ローテーションにも対応しました。

共有するときだけCloudflare D1へ保存し、閲覧用と編集用で権限の異なるURLを発行します。普段の編集はlocalStorageを中心に動かし、サーバーを使う機能と分離することで、登録前の操作を軽くしています。

AIが操作できる境界を試す

実験的なWebMCP対応では、対応ブラウザのAIエージェントが当番表の閲覧、編集、表示切り替え、印刷を構造化ツールとして呼び出せます。実名を含む表を外部公開する操作はツールへ渡さず、共有ボタンを押す人間の操作に限定しました。

公開後も検証を続ける

用途別ページ、構造化データ、公開リポジトリをAI検索がどこまで読み、サービスの品質をどう判断するかも継続して確認しています。通常のSEOだけでなく、AIが実装や外部情報まで辿る環境で、何を根拠として提示すべきかを試すプロダクトです。

2026年8月時点では、「当番表 アプリ」のGoogle検索で、当番表専用のブラウザWebアプリとして最上位に掲載されています。Googleの「AIによる概要」とAIモードでも、機能説明とともに参照されることを確認しました。ChatGPTやGrokなどの回答でも、用途に合う選択肢として引用されるケースが増えています。