[{"data":1,"prerenderedAt":256},["ShallowReactive",2],{"content-/math-textbook-interactive-content":3,"related-/math-textbook-interactive-content":212,"all-pages-for-dir":254,"og-image-/math-textbook-interactive-content":255},{"id":4,"title":5,"body":6,"category":193,"description":194,"extension":195,"meta":196,"navigation":197,"path":198,"project_name":199,"published":200,"publishedAt":201,"seo":202,"stem":203,"tags":204,"todo":210,"unpublished":200,"updatedAt":210,"__hash__":211},"pages/2026-06/2026-06-10/math-textbook-interactive-content.md","数学参考書をOCRで全文DB化し、その日のうちにインタラクティブ教材へ変換した記録",{"type":7,"value":8,"toc":174},"minimark",[9,13,17,22,27,35,38,42,49,52,55,58,61,77,80,83,86,89,99,102,105,108,112,115,118,121,125,128,131,135,138,141,144,147,150],[10,11,5],"h1",{"id":12},"数学参考書をocrで全文db化しその日のうちにインタラクティブ教材へ変換した記録",[14,15,16],"p",{},"朝、裁断済みの中学受験向け数学参考書（100トピック構成・328ページ）のPDFをOCRワークフローに投げた。夕方には、その本の中身から作ったクイズ教材13本がブラウザで動いていた。「本をDBに入れる」と「DBから教材を生み出す」を1日でつなげた記録。",[18,19,21],"h2",{"id":20},"午前-ocr取り込みとdb格納","午前: OCR取り込みとDB格納",[23,24,26],"h3",{"id":25},"yomitoku-ocrで328ページを処理","yomitoku OCRで328ページを処理",[14,28,29,30,34],{},"いつもの ",[31,32,33],"code",{},"/yomitoku"," ワークフローで取り込みを開始した。328ページあるのでOCRはバックグラウンドで回し、完了まで約31分かかった。",[14,36,37],{},"待ち時間も遊ばせない。OCRが回っている間に、書誌メタデータの登録を並行して進めてもらった。この本には原版と新装版の2つの版があったので、Amazonの表紙画像を見比べて版を特定したうえでASINと書誌情報を登録させた。OCR完了後は図ファイルのリネーム、DB格納（289チャンク）、全文検索テスト、書影の紐付け確認まで一気に通った。",[23,39,41],{"id":40},"restructure-book-でページ単位トピック単位へ","/restructure-book でページ単位→トピック単位へ",[14,43,44,45,48],{},"OCR直後のチャンクはページ単位で、そのままでは検索の単位として使いにくい。",[31,46,47],{},"/restructure-book"," で目次に基づいてセクション単位に統合してもらった。",[14,50,51],{},"レプリカ同期で一度待たされたが、HTTP直接接続・単一トランザクションのスクリプトで統合を実行。289チャンクが187チャンクになり、100個のトピックすべてが「トピックN タイトル（単元名）」のセクション名で検索できるようになった。",[18,53,54],{"id":54},"書籍ビューアでの表示整形",[23,56,57],{"id":57},"トピック内の構成崩れを一括整形",[14,59,60],{},"ローカルの書籍ビューアを立ち上げて（ポート3000は別プロジェクトが使っていたので3001で起動）、トピック1を開いてみたら中身がごちゃごちゃしていた。この本は全トピックが同じ型で構成されている：",[62,63,64,68,71,74],"ul",{},[65,66,67],"li",{},"トピックの解法",[65,69,70],{},"例題 → 解答",[65,72,73],{},"入試問題をチェック → 解答",[65,75,76],{},"入試問題にチャレンジ（解答は別冊）",[14,78,79],{},"この型に合わせて一括整形スクリプトを書いてもらった。いきなり本適用せず、まずドライランで変更内容を確認する。最初のドライランではタイトル置換の誤爆が出たので、類似度1.00の完全一致のみ置換するよう絞らせてから本適用した。最終的に全100トピックが標準構成チェックに合格した。",[23,81,82],{"id":82},"別冊解答を各トピックの直下に統合",[14,84,85],{},"整形結果を眺めていて気づいた。紙の本なら「解答は別冊」に意味があるが、デジタルデータで解答が別の場所に分かれている意味はほぼない。そこで、全トピックの「入試問題にチャレンジ」の解答を各トピックチャンクの末尾に統合し、別冊部分は移動後に削除してもらった。",[14,87,88],{},"厄介だったのは、1つの解答チャンクが複数トピック分（例: トピック92〜93）を含んでいるケース。これは解答中の「本冊p.X」というページ参照マーカーを区切りに分割して、それぞれのトピックへ振り分ける方針で解決した。",[90,91,97],"pre",{"className":92,"code":94,"language":95,"meta":96},[93],"language-text","289チャンク（ページ単位）\n → 187チャンク（トピック単位に統合）\n → 111チャンク（別冊解答76件を各トピック末尾へ統合・削除）\n","text","",[31,98,94],{"__ignoreMap":96},[14,100,101],{},"各トピックページの最後に「入試問題にチャレンジ！の解答」セクションが付き、問題から解答まで1画面で読み通せるようになった。",[23,103,104],{"id":104},"巻末の公式集はページ画像を見ながら手で書き直し",[14,106,107],{},"巻末付録の「例題付き公式集」（学年別3ページ分）は、OCRが数式を擬似テーブルに崩していて自動整形では救えなかった。ここは元PDFのページを画像化し、それを見ながら読みやすいMarkdownに全面的に書き直してもらった。OCRで取り込んだ書籍は、最後の数ページだけこういう手当てが要ることが多い。",[18,109,111],{"id":110},"午後-目次からインタラクティブ教材を選定量産","午後: 目次からインタラクティブ教材を選定・量産",[23,113,114],{"id":114},"適性判定と試作3本",[14,116,117],{},"午後はmdx-playground側のセッションに切り替えて、「Turso DBに入っている目次をざっと見て、Webのインタラクティブコンテンツにしやすいトピックを選定してほしい」と依頼した。クイズ、あるいは動かせる解説コンテンツを想定している。",[14,119,120],{},"DBから100トピックの目次を全件レビューさせ、インタラクティブ化の適性を◎・○で判定。まず3本を試作してもらい、動作確認まで済ませた。",[23,122,124],{"id":123},"_110番台はなぜ表にない","「1〜10番台はなぜ表にない？」",[14,126,127],{},"選定結果の表を見て引っかかった。トピックは1から100まであるのに、1〜10あたりの判定が表に載っていない。落としたのか、判定すらしていないのか。理由を問いただした。",[14,129,130],{},"答えは「表は上位候補の抜粋で、全100トピックの判定を載せていなかった」。落選ではなく省略だった。選定理由を表で受け取るときは、全件の判定が載っているのか抜粋なのかを最初に確認すべきだった。AIの出す一覧表は、黙っていると「見せたいところだけ」になる。",[23,132,134],{"id":133},"候補を全部作り切る","◎・○候補を全部作り切る",[14,136,137],{},"抜粋で済まされると不安が残るので、方針を変えた。「適性◎・○のトピックは一旦全部作り終えて」と指示。○候補8グループの本文をDBから作業用ファイルに展開させ、数学教材用コンポーネント群として実装を進めた。",[14,139,140],{},"途中、トピック9の本文取得でプレフィックスの誤マッチが起きてファイルが壊れたが、正確な条件で取り直して復旧。ハブページを試作11本に拡充し、全テストを一括実行した。CSS 3DやSVGの崩れリスクがある4ページ（立体の折りたたみアニメーションなど）はブラウザで実際に開いて確認した。",[14,142,143],{},"最後に残った◎候補2本（円錐、最短距離）は、並列のサブエージェント2体に分担させて実装。これで◎候補は全13本試作済み、○の残りはゼロになった。出来上がったのは展開図・放物線・規則性・約数と倍数・変域・水量グラフ・円錐・最短距離といった単元のクイズと動く解説のセットで、それぞれにユニットテストも付いている。",[14,145,146],{},"そして13本目の動作確認を終えた直後、月間の利用上限に当たってセッションが止まった。ちょうど作り切ったところで燃料が尽きた。",[18,148,149],{"id":149},"学び",[62,151,152,159,165,171],{},[65,153,154,158],{},[155,156,157],"strong",{},"書籍のデジタル化は「取り込み」より「構造の作り直し」に価値がある","。ページ単位のOCR結果をトピック単位に統合し、別冊解答を本体に吸収した時点で、紙では不可能な「問題と解答を1画面で読む」体験になった",[65,160,161,164],{},[155,162,163],{},"AIの選定結果の表は全件か抜粋かを必ず確認する","。今回は1〜10番台が「抜粋から漏れていただけ」だったが、聞かなければ判定漏れと区別がつかなかった",[65,166,167,170],{},[155,168,169],{},"一括更新スクリプトはドライラン必須","。タイトル置換の誤爆は類似度1.00縛りで防げた。100チャンク全件更新を一発勝負でやっていたら巻き戻しに苦しんだはず",[65,172,173],{},"朝に本をDB化して、午後にその中身から教材を13本生やす、という流れが1日で回った。書籍ナレッジベースが「読むためのアーカイブ」から「コンテンツの原料庫」に変わりつつある",{"title":96,"searchDepth":175,"depth":175,"links":176},2,[177,182,187,192],{"id":20,"depth":175,"text":21,"children":178},[179,181],{"id":25,"depth":180,"text":26},3,{"id":40,"depth":180,"text":41},{"id":54,"depth":175,"text":54,"children":183},[184,185,186],{"id":57,"depth":180,"text":57},{"id":82,"depth":180,"text":82},{"id":104,"depth":180,"text":104},{"id":110,"depth":175,"text":111,"children":188},[189,190,191],{"id":114,"depth":180,"text":114},{"id":123,"depth":180,"text":124},{"id":133,"depth":180,"text":134},{"id":149,"depth":175,"text":149},"dev","100トピック構成の数学参考書をAI OCRでTurso DBに取り込み、別冊解答の統合まで構造を整理。午後は目次から適性を判定してクイズ・解説コンテンツ13本を試作した一日の記録。","md",{},true,"/math-textbook-interactive-content","mdx-playground",false,"2026-06-10T00:00:00.000Z",{"title":5,"description":194},"2026-06/2026-06-10/math-textbook-interactive-content",[205,206,207,208,209],"OCR","Turso","インタラクティブ教材","書籍ナレッジベース","Nuxt",null,"igAXp4QpGW0n0FlNwvLBj-iKo3VDKPg-4j1wI5OB-O8",[213,221,229,237,245],{"title":214,"description":215,"path":216,"tags":217,"publishedAt":220,"updatedAt":210},"NotionエクスポートのTurso取り込みとyomitoku OCRパイプラインで専門書をDB化した日","NotionのHTMLエクスポートを/notion-importでTurso DBに取り込み、yomitoku OCRと/restructure-bookで専門書をセクション単位にDB化。Embedded Replicaのsync詰まりも根治した記録。","/notion-import-and-book-ocr-pipeline",[218,219,205,206,208],"Notion","yomitoku","2026-06-09T00:00:00.000Z",{"title":222,"description":223,"path":224,"tags":225,"publishedAt":228,"updatedAt":210},"都道府県クイズを書籍まるごと横展開する計画書を起草した","昨日作った都道府県・主産地クイズの続きを進めるため、Turso DBに登録済みの『日本国勢図会 2024/25』を直接Claude Codeに調べさせて、全40章＋付録から5フェーズの拡張計画書を起こした。","/prefecture-quiz-expansion-plan",[226,227,206,208,209],"都道府県クイズ","計画書","2026-05-14T00:00:00.000Z",{"title":230,"description":231,"path":232,"tags":233,"publishedAt":201,"updatedAt":210},"2026年6月10日の開発日記 - 書籍を読んで終わらせない日。OCR取り込みから教材化・スキル化・Kindle出版まで","数学参考書のOCR取り込みとインタラクティブ教材化、専門書のスキル化、Vivliostyle CLIでのKindle出版環境立ち上げ、輸出統計のSSOT化、4プロジェクト一斉バグスキャンまで盛りだくさんの一日。","/2026-06-10-diary",[234,205,235,236,207],"日記","スキル化","Kindle出版",{"title":238,"description":239,"path":240,"tags":241,"publishedAt":201,"updatedAt":210},"蔵書DBから財務DD学習コンテンツを自作する——解説とクイズをローカル限定で組み上げた記録","Turso DBに格納した財務DDの専門書2冊をソースに、解説5章＋クイズ38問の学習コンテンツをローカル限定で構築。表示確認漏れや解説不足の指摘を経て増強した試行錯誤の記録。","/zaimu-dd-learning-content",[242,243,206,209,244],"財務DD","学習コンテンツ","クイズ",{"title":246,"description":247,"path":248,"tags":249,"publishedAt":253,"updatedAt":210},"2026年5月27日の開発日記 - 残骸9222リスナーを片付け、過去問と参考書をDBに流し込んだ一日","Chrome DevTools MCP が固まる真因（残骸9222リスナー）を掘り当てて reconnect だけで直すと実証し、ある国家資格試験の過去問と自炊した参考書を Turso DB に流し込み、状態 vs イベントの設計教材を仕上げた一日。","/2026-05-27-diary",[234,250,206,205,251,252],"Claude Code","Vue","データベース設計","2026-05-27T00:00:00.000Z",[],"https://log.eurekapu.com/og/blog/math-textbook-interactive-content.png?v=2026-06-10T00%3A00%3A00.000Z&title=%E6%95%B0%E5%AD%A6%E5%8F%82%E8%80%83%E6%9B%B8%E3%82%92OCR%E3%81%A7%E5%85%A8%E6%96%87DB%E5%8C%96%E3%81%97%E3%80%81%E3%81%9D%E3%81%AE%E6%97%A5%E3%81%AE%E3%81%86%E3%81%A1%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E6%95%99%E6%9D%90%E3%81%B8%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%9F%E8%A8%98%E9%8C%B2&author=Kei%20Komatsu&sig=cc420b6e3898fd49",1781213455979]