[{"data":1,"prerenderedAt":204},["ShallowReactive",2],{"content-/bookkeeping-story-ebook-figure-replace":3,"all-pages-for-dir":183,"related-/bookkeeping-story-ebook-figure-replace":184,"og-image-/bookkeeping-story-ebook-figure-replace":203},{"id":4,"title":5,"body":6,"category":163,"concepts":164,"description":165,"extension":166,"meta":167,"navigation":168,"ogImage":164,"path":169,"project_name":170,"published":171,"publishedAt":172,"seo":173,"source":174,"stem":175,"tags":176,"todo":164,"unpublished":171,"updatedAt":164,"__hash__":182},"pages/2026-10/2026-10-18/bookkeeping-story-ebook-figure-replace.md","簿記ストーリー講座の図を電子書籍の素材へ差し替える。Illustratorが開いていないように見えた理由と430コマの置き換え",{"type":7,"value":8,"toc":151},"minimark",[9,13,17,26,30,33,36,39,42,45,49,52,55,58,61,74,77,81,84,92,95,98,101,104,107,115,119,122,125,128,131,134,137,140],[10,11,12],"h1",{"id":12},"簿記ストーリー講座の図を電子書籍の素材へ差し替える",[14,15,16],"p",{},"簿記ストーリー講座の第1章を開いて、図の差し替えが終わっていないことを思い出した。\nClaude Code に計画書の該当箇所を探させると、8章「図を電子書籍版の切り抜きにそろえる」だった。\n切り抜きは全章で済んでいて、残っているのは一部のコマだけである。\n素材は、過去に作った電子書籍の圧縮後の画像群と、その元になった Illustrator の原稿だ。\n「じゃあ次へと進めていってもらっていいですか」と頼み、Illustrator をスクリプトで動かすスキルを使わせて再開した。",[14,18,19,20,25],{},"前回までの経緯は ",[21,22,24],"a",{"href":23},"/bookkeeping-story-notes-illustrator-crop","簿記教材のストーリー版に書籍の図を差し込む"," に書いた。",[27,28,29],"h2",{"id":29},"ファイル名の照合と重複の直し",[14,31,32],{},"最初はファイル名の突き合わせから入った。\nPNG が 1,913 枚あるのに、書き出しの記録は 1,881 ページで、数が合わない。\n差分の中身を確かめさせたあと、照合スクリプトに重複の直しを入れさせた。",[14,34,35],{},"直す前の画面を撮ると、合計残高試算表の説明のコマに貸倒引当金の図が出ていた。\n照合をやり直すと、対象のコマの元ファイルが 20 に切り替わった。\n変わったのはこの1行だけで、反映後は 2/4 のコマに合計残高試算表の図が出るようになった。",[27,37,38],{"id":38},"保存が2本目から失敗する",[14,40,41],{},"照合とは別に、電子書籍版の .ai のコピーへ、切り抜く範囲のアートボードを足す書き出しを流していた。\nところが2本目から「操作がキャンセルされた」で保存に失敗する。\n空振りのまま全ファイルを回らないよう、Claude Code に書き出しスクリプトを止めさせた。",[14,43,44],{},"保存に失敗したコピー（04〜09 の6本、中身は元のまま）を消し、04 の1本だけで試し直させた。\nそのあと書き出しは進み、10 本目まで来た。\n1本あたり 20〜30 秒かかる。",[27,46,48],{"id":47},"illustrator-が開いていないように見えた","Illustrator が開いていないように見えた",[14,50,51],{},"途中で、27（商品有高帳）が Illustrator ごと落ちて失敗した。\nほかは続いているので、最後に 27 と 34 を単独で流し直す段取りになった。",[14,53,54],{},"じつは自分は、Illustrator が何も開いていないように見えたので、一度閉じていた。\nClaude Code の説明では、27 が 09:58 に落ちたのは、ちょうど自分が閉じたためだった。\nスクリプトが Illustrator を自動で起動し直したので、その時点で 31 本目まで進んでいた。\n1本ごとに「ファイルを開く、アートボードを足して保存、閉じる、Illustrator を起動し直す」を 20 秒ほどで繰り返しているので、終わるまでの残り 10 分ほどはそのままにしてほしい、とも言われた。",[14,56,57],{},"それでも、「一旦イラストレーターの作業を止めてもらっていいですかね」と頼んで止めさせた。\n開いていたコピーは保存せずに閉じた、と報告が返ってきた。",[14,59,60],{},"そのうえで Illustrator の起動画面のスクリーンショットを貼り、「イラレが立ち上がってないと思うんですけど、何が起きてますかね、今」と聞いた。\n返ってきた説明は次のとおり。",[62,63,64,68,71],"ul",{},[65,66,67],"li",{},"スクショの画面は、スクリプトが Illustrator を終了しては起動し直しているときの起動画面で、10:05 は 41 本目の手前にあたる",[65,69,70],{},"1回の起動で1本しか保存できないので、ファイルのたびに起動し直していた",[65,72,73],{},"起動しきる前に次の終了が来るので、開いていないように見えていたと思う",[14,75,76],{},"壊れていたのではなく、20 秒ほどの周期で開いては閉じていた。\n「OK、じゃあ続きやってみてください」と再開させた。",[27,78,80],{"id":79},"残りの5本と数え直しの13分","残りの5本と、数え直しの13分",[14,82,83],{},"残りは 27、43、44、45 の4本で、2分ほどの見込みどおり4本とも済んだ。\n続いて 34（商品売買の基本例題、83 ページ）を単独で流した。\n重いファイルなので、これだけで数分かかると言われた。",[14,85,86,87,91],{},"全 43 本に足し終えたあと、各ファイルに ",[88,89,90],"code",{},"clean_"," のアートボードがいくつ入ったかを、開き直して数えさせた（保存はしない）。\nこれが長かった。\n「これって進んでるんですか？」と聞くと、13 分たったところで、43 本中だいたい 33 本目だという。\n結果は最後にまとめて書き出す作りなので、途中では数が見えない。\n1本ずつ全ページを読み込むので書き出しより時間がかかり、Illustrator は 3.2GB まで膨らんでいた。",[14,93,94],{},"足し終えたコピーは作業用のフォルダに置かせ、原本には触れていない。",[27,96,97],{"id":97},"問題の図430コマを置き換える",[14,99,100],{},"「はい、続けてください」と返し、「ちゃんと置き換えてくださいね」と念を押した。\n本題は、問題の図 430 件を電子書籍版のページへ置き換えることである。",[14,102,103],{},"Claude Code には、問題の図と電子書籍版のページを問題番号で対応づけさせ、型ごとに見本を並べて確かめさせた。\nログには、この照合で見た縦長の見本画像が 16 枚続けて残っている。\n結果、378 コマを電子書籍版に置き換え、Web の図のまま残すのは決めておいた 16 問の 52 コマだけになった。\n講義ノートへの反映まで済ませた。",[14,105,106],{},"ストーリー版で表示を確かめると、当て方のずれが2か所見つかった。",[62,108,109,112],{},[65,110,111],{},"仕訳を1行ずつ足していく5問では、最初のコマが電子書籍の「1行目だけのページ」に合う。当て方を直させた",[65,113,114],{},"その手前の1問では、並びが「完成、1行目だけ、完成」と行き来していた。最後の段だけを完成のページにさせた",[27,116,118],{"id":117},"計画書に記録してコミットし明日へ回す","計画書に記録してコミットし、明日へ回す",[14,120,121],{},"ここで区切ることにした。\n進捗を計画書に記録して、続きは明日にする。\n自分が確認すべきことや報告事項を、次のセッションで開けるようにしてほしいと頼んだ。\n少し考え直して、まず計画書への記録とコミットを指示した。",[14,123,124],{},"コミットの前に、別のセッションが同じ index にファイルを載せていると分かった。\n巻き込まないよう、Claude Code に自分の分を index から外させ、一時的な index でコミットさせた。",[14,126,127],{},"画像の配信でも一つ引っかかった。\nR2 には正しく上がっているのに、CDN が試し実行のときの「無い（404）」と古い画像を覚えていた。\nキャッシュを消させたあと、154 枚とも本番の URL で手元と同じ中身が返ることを確かめさせた。",[14,129,130],{},"最後に計画書へ進捗を記録してコミットし、引き継ぎプロンプトをファイルに書き出させた。",[27,132,133],{"id":133},"まだ本番に出ていないもの",[14,135,136],{},"本番デプロイはまだしていない。\nいま本番で見えるのは、R2 の差し替えだけで直る合計残高試算表のコマだけである。\n問題の図の置き換えは、デプロイが済むまで本番に出ない。\n引き継ぎでは、デプロイを最初の作業にしてある。",[27,138,139],{"id":139},"学びメモ",[62,141,142,145,148],{},[65,143,144],{},"Illustrator が開いていないように見えても、スクリプトが起動と終了を 20 秒ほどの周期で繰り返している最中のことがある。閉じる前に、何本目まで進んでいるかを聞く",[65,146,147],{},"結果を最後にまとめて書き出す処理は、途中で進み具合が見えない。長い処理では、何本目を処理しているかを聞けば待てる",[65,149,150],{},"R2 の画像を差し替えても、CDN が試し実行のときの 404 を覚えていると本番で古いまま見える。差し替えのあとはキャッシュを消し、本番の URL で中身を照合する",{"title":152,"searchDepth":153,"depth":153,"links":154},"",2,[155,156,157,158,159,160,161,162],{"id":29,"depth":153,"text":29},{"id":38,"depth":153,"text":38},{"id":47,"depth":153,"text":48},{"id":79,"depth":153,"text":80},{"id":97,"depth":153,"text":97},{"id":117,"depth":153,"text":118},{"id":133,"depth":153,"text":133},{"id":139,"depth":153,"text":139},"dev",null,"簿記ストーリー講座の問題の図を、過去に作った電子書籍の素材へ置き換えた日記。Illustratorを1本ごとに起動し直すスクリプトが「開いていない」ように見えて作業を止めた件、430コマ中378コマの置き換え、CDNキャッシュの削除と引き継ぎまで。","md",{},true,"/bookkeeping-story-ebook-figure-replace","eurekapu-nuxt4",false,"2026-10-18T00:00:00.000Z",{"title":5,"description":165},"make-diary","2026-10/2026-10-18/bookkeeping-story-ebook-figure-replace",[177,178,179,180,181],"Illustrator","教材制作","簿記","R2","Claude Code","VPqbYEFxCDtkF9B_I8ooM8pYrV9lCVkbar59qyvKYKQ",[],[185,189,193,197,200],{"title":186,"path":187,"publishedAt":188},"Illustratorスクリプトで参考書の図を講座スライドへ移した記録（メモリ増加、アートボード追加のスキル化、SVGアニメの取り下げ）","/illustrator-artboard-slides-svg-animation","2026-10-15T00:00:00.000Z",{"title":190,"path":191,"publishedAt":192},"Claude Codeの2台運用で、教材の読み上げ音声をMacに合成させながら図と台本を直した一日","/story-course-narration-mac-offload","2026-10-16T00:00:00.000Z",{"title":194,"path":195,"publishedAt":196},"2026年10月19日の開発日記 - 講座4本を並走させ、別のセッションと作業が行き違った月曜","/2026-10-19-diary","2026-10-19T00:00:00.000Z",{"title":198,"path":199,"publishedAt":196},"会計入門講座のストーリー版づくり：サブエージェント並列と既存版の流用で進めた一日","/accounting-intro-story-version-workflow",{"title":201,"path":202,"publishedAt":196},"講座のストーリー版を電子書籍版の章立てに組み直す。本文の食い違いは電子書籍に合わせ、音声合成はMacだけに","/story-course-ebook-chapters-realign","https://log.eurekapu.com/og/blog/bookkeeping-story-ebook-figure-replace.png?v=2026-10-18T00%3A00%3A00.000Z&title=%E7%B0%BF%E8%A8%98%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AA%E3%83%BC%E8%AC%9B%E5%BA%A7%E3%81%AE%E5%9B%B3%E3%82%92%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8D%E3%81%AE%E7%B4%A0%E6%9D%90%E3%81%B8%E5%B7%AE%E3%81%97%E6%9B%BF%E3%81%88%E3%82%8B%E3%80%82Illustrator%E3%81%8C%E9%96%8B%E3%81%84%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%AB%E8%A6%8B%E3%81%88%E3%81%9F%E7%90%86%E7%94%B1%E3%81%A8430%E3%82%B3%E3%83%9E%E3%81%AE%E7%BD%AE%E3%81%8D%E6%8F%9B%E3%81%88&author=Kei%20Komatsu&sig=e4b63b0411e3524b",1792550157770]