[{"data":1,"prerenderedAt":235},["ShallowReactive",2],{"content-/2026-08-27-diary":3,"all-pages-for-dir":214,"related-/2026-08-27-diary":215,"og-image-/2026-08-27-diary":234},{"id":4,"title":5,"body":6,"category":193,"concepts":194,"description":195,"extension":196,"meta":197,"navigation":198,"ogImage":194,"path":199,"project_name":200,"published":201,"publishedAt":202,"seo":203,"source":204,"stem":205,"tags":206,"todo":194,"unpublished":201,"updatedAt":212,"__hash__":213},"pages/2026-08/2026-08-27/diary-2026-08-27.md","2026年8月27日の開発日記 - 学習アプリを自分の考える順に直す",{"type":7,"value":8,"toc":179},"minimark",[9,14,18,22,29,32,35,38,43,46,56,59,62,73,81,85,88,91,94,150,153,164,167,173,176],[10,11,13],"h1",{"id":12},"_2026年8月27日の開発日記","2026年8月27日の開発日記",[15,16,17],"p",{},"写真から学習アプリを作ってもらったあと、画面に出てくる数字の意味を一つずつ聞いた。\n答えが合っていても、その式を自分がたどれるとは限らなかった。",[19,20,21],"h2",{"id":21},"今日のタイムライン",[15,23,24],{},[25,26],"img",{"alt":27,"src":28},"学習アプリについて質問し、表示を直してもらった時刻","/2026-08/2026-08-27/timeline-sessions-2026-08-27.png",[15,30,31],{},"時刻はMac側のセッションに残る依頼や質問の時刻で、作業時間の長さは示していない。",[19,33,34],{"id":34},"今日やったこと",[15,36,37],{},"以下のアプリの調整はCodex、条件整理の別ページはClaude Codeの履歴に基づく。",[39,40,42],"h3",{"id":41},"写真の教材を操作できるhtmlへ","写真の教材を操作できるHTMLへ",[15,44,45],{},"ダウンロードフォルダの写真を読み取ってもらい、六つの設問を題材にアプリを作ってもらった。\n条件の変更、答えの判定、計算過程の表示を備えた単一HTMLになった。\n最初の完了報告では、数値と操作、スマートフォン表示の確認まで進んでいる。",[47,48,49,53],"ul",{},[50,51,52],"li",{},"元の順番を保ち、物質名の省略を戻してもらった。",[50,54,55],{},"求めるもの、数字の意味、用語を説明するエリアを追加してもらった。",[39,57,58],{"id":58},"手書きの発想に合わせた表",[15,60,61],{},"比率を箱で見せる形から、温度ごとの表、二列の比較へと直してもらった。\nそれでも式が小さく見えたので、自分の下書きを写真で渡した。\n水と溶けている物質それぞれの列を固定し、基準から換算、冷却後の差まで上から追う構成にした。",[47,63,64,67,70],{},[50,65,66],{},"計算式を答えより大きく表示してもらった。",[50,68,69],{},"割合を先に求めてから全体の量へ掛ける表記にそろえた。",[50,71,72],{},"冷却後の換算にも、その温度の基準表を追加してもらった。",[15,74,75,76],{},"詳細：",[77,78,80],"a",{"href":79},"/learning-formula-order","学習アプリの式を、自分が考える順へ並べ直した",[39,82,84],{"id":83},"問題文の条件を別の解説ページへ整理","問題文の条件を、別の解説ページへ整理",[15,86,87],{},"同じ晩、Claude Codeにも写真から学習用HTMLを作るよう依頼した。\nその後、問題文の日本語が分かりづらいと伝え、すべての設問について条件を整理する図を頼んだ。\n縦軸と横軸を明示し、基準量と実際に扱う量を分ける表にしてほしかった。",[15,89,90],{},"六問の条件を読み解く、別の解説HTMLを作成したという報告を受けた。\nCodexで進めていたアプリの式の調整とは別の成果物として記録する。",[19,92,93],{"id":93},"今日の試行錯誤",[95,96,97,113],"table",{},[98,99,100],"thead",{},[101,102,103,107,110],"tr",{},[104,105,106],"th",{},"テーマ",[104,108,109],{},"試したこと",[104,111,112],{},"当日の記録で分かる結果",[114,115,116,128,139],"tbody",{},[101,117,118,122,125],{},[119,120,121],"td",{},"問題文の理解",[119,123,124],{},"計算の前に数字と用語を説明",[119,126,127],{},"全設問への解説追加を報告してもらった",[101,129,130,133,136],{},[119,131,132],{},"比率の見せ方",[119,134,135],{},"箱から表へ変更",[119,137,138],{},"基準量と実際の試料の区別を質問し直した",[101,140,141,144,147],{},[119,142,143],{},"式の読み順",[119,145,146],{},"自分の下書きを渡す",[119,148,149],{},"式を大きくし、割合を先に出す表示へ変更してもらった",[19,151,152],{"id":152},"今日の学び",[47,154,155,158,161],{},[50,156,157],{},"基準として置く量と、実際に扱う量は、表でも区別しておくと追いやすい。",[50,159,160],{},"同じ答えを返す式でも、自分は割合を先に出してから量を掛けたいと伝えた。",[50,162,163],{},"用語の説明を足したあとにも質問は続いた。全問の理解を終えたという記録はない。",[19,165,166],{"id":166},"関連記事",[47,168,169],{},[50,170,171],{},[77,172,80],{"href":79},[174,175],"hr",{},[15,177,178],{},"記録について：Mac側のCodexとClaude Codeのセッション履歴をもとに8月31日に再構成。依頼と完了を区別し、教材の本文や固有の数値は転載していない。",{"title":180,"searchDepth":181,"depth":181,"links":182},"",2,[183,184,190,191,192],{"id":21,"depth":181,"text":21},{"id":34,"depth":181,"text":34,"children":185},[186,188,189],{"id":41,"depth":187,"text":42},3,{"id":58,"depth":187,"text":58},{"id":83,"depth":187,"text":84},{"id":93,"depth":181,"text":93},{"id":152,"depth":181,"text":152},{"id":166,"depth":181,"text":166},"diary",null,"Codexで学習アプリの式と配置を調整し、Claude Codeでは問題文の条件を整理する別の解説HTMLを作ってもらった。比率の表や手書き案を使い、分からない箇所を伝え直した記録。","md",{},true,"/2026-08-27-diary","daily-log",false,"2026-08-27T00:00:00.000Z",{"title":5,"description":195},"make-diary","2026-08/2026-08-27/diary-2026-08-27",[207,208,209,210,211],"日記","学習アプリ","HTML","図解","Claude Code","2026-08-31T00:00:00.000Z","wdV0CfDDFmQTSJYG1Ihu1E25Fu289E9UZKBZ2Fpw2VA",[],[216,218,222,226,230],{"title":217,"path":79,"publishedAt":202},"学習アプリの式を、答えが出る順から自分が考える順へ並べ直した",{"title":219,"path":220,"publishedAt":221},"2026年9月1日の開発日記 - 図解と帳票を並べ直し、検索順位の測り方を変えた","/2026-09-01-diary","2026-09-01T00:00:00.000Z",{"title":223,"path":224,"publishedAt":225},"2026年8月23日の開発日記 - SVGと表が重なった経緯を調べる","/2026-08-23-diary","2026-08-23T00:00:00.000Z",{"title":227,"path":228,"publishedAt":229},"2026年8月11日の開発日記 - 起動しただけで消えるコンテキストと、消えたと思って消えていなかったもの","/2026-08-11-diary","2026-08-11T00:00:00.000Z",{"title":231,"path":232,"publishedAt":233},"2026年8月10日の開発日記 - 図解カタログ27型をグリッドに載せ直した","/2026-08-10-diary","2026-08-10T00:00:00.000Z","https://log.eurekapu.com/og/blog/2026-08-27-diary.png?v=2026-08-31T00%3A00%3A00.000Z&title=2026%E5%B9%B48%E6%9C%8827%E6%97%A5%E3%81%AE%E9%96%8B%E7%99%BA%E6%97%A5%E8%A8%98%20-%20%E5%AD%A6%E7%BF%92%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E8%87%AA%E5%88%86%E3%81%AE%E8%80%83%E3%81%88%E3%82%8B%E9%A0%86%E3%81%AB%E7%9B%B4%E3%81%99&author=Kei%20Komatsu&sig=582dbb00011609e9",1788417366826]