有機電子論チューター

全体の流れ

1. 各問題について、生成物（ゴール）・問題図・試薬・条件と、Tier1（注目すべき官能基/原子）→Tier2（電子論的根拠）→Tier3（律速段階・鍵結合）の段階ヒント、巻矢印つきの公式機構（解答）をまとめた HTML レポートを用意する。
2. レポートでは問題図と解答を折りたたみで隠し、まず生成物だけを見せて学習者に電子移動を予測させる（predict モード）。
3. 『解答を見る』を開くと巻矢印つきの機構・解説と参考文献（DOI）が表示され、予測と照らし合わせられる。
4. 有機電子論の教科書（全26章）も同じサイトに HTML で収録し、問題と相互に行き来できる。
5. これら一式の HTML を Cloudflare Workers で配信し、インストール不要の Web アプリとして公開している（以前のローカル CLI 版は廃止）。
6. 段階ヒントや解説の文面は、清書解説や教科書を根拠に Gemini で作成した（あらかじめ生成し、成果物を配信）。全78問の解説は詳細版・簡易版のレポート PDF としてもまとめてある。

使った技術

Cloudflare Workers

問題レポート・教科書一式の HTML を配信する公開基盤。

HTML / CSS

レポート・教科書・折りたたみ（予測→解答）のUI。

Gemini（LLM）

段階ヒントや解説の文面を、清書解説・教科書を根拠に生成（あらかじめ作成）。

実装の工夫

• 問題図と解答を折りたたみで隠し、「生成物 → 予測 → 解答」の順に体験させる predict モードを中心に設計した。
• ヒントを Tier1 → Tier3 の段階式にして、いきなり答えを見せないようにした。
• 巻矢印つきの公式機構と参考文献（DOI）を必ず添え、根拠に当たれるようにした。
• 有機電子論の教科書（全26章）を同じサイトに収録し、問題と相互リンクした。
• 全78問の解説は詳細版・簡易版の全解説レポート（PDF）としてもまとめ、ダウンロードできるようにした。
• 以前のローカル CLI 版は廃止し、Cloudflare Workers 配信の Web 版に一本化した。

用語

Cloudflare Workers

コードや静的ファイルを世界中のエッジで配信できるサーバーレス基盤。このアプリの公開先。

HTML / CSS

問題レポート・教科書・折りたたみUIなど、画面そのものを作っている技術。

Gemini（LLM）

Googleの大規模言語モデル。段階ヒントや解説の文面を、清書解説・教科書を根拠に作成するのに使った。

巻矢印（curved arrow）

有機化学で電子対の動きを表す矢印。反応機構を書く基本記法。

predict（予測）モード

答えを隠して、生成物から反応の道筋を自分で予測させる学習モード。