[{"data":1,"prerenderedAt":269},["ShallowReactive",2],{"content-/interactive-icosahedron-and-git-collision":3,"all-pages-for-dir":267,"og-image-/interactive-icosahedron-and-git-collision":268},{"id":4,"title":5,"body":6,"category":250,"description":251,"extension":252,"meta":253,"navigation":254,"ogImage":255,"path":256,"project_name":257,"published":258,"publishedAt":259,"seo":260,"stem":261,"tags":262,"todo":255,"unpublished":258,"updatedAt":255,"__hash__":266},"pages/2026-05/2026-05-25/interactive-icosahedron-and-git-collision.md","正二十面体の対称性を触れる3D図解にする：885行の幽霊実装とファージ版への作り替え、そして並行セッションのgit操作で未追跡ファイルが消えた事故",{"type":7,"value":8,"toc":240},"minimark",[9,13,18,21,29,37,41,52,55,62,69,73,76,83,90,97,101,108,115,118,122,125,142,161,171,175,178,188,195,198],[10,11,12],"p",{},"「正二十面体は2回軸・3回軸・5回軸を持ち、20面を3等分して60の同じ形に分割できる」。教科書の一文を、マウスでドラッグして回せて、軸を切り替えると本当に同じ形に重なるのが見える図解にしたかった。three.jsを入れて作り始めるつもりだった。ところが調べると、自分で頼んだ覚えのない885行の実装が既にディスクにいて、しかも別セッションがそれをウイルス学の話に作り替えていて、最後には本体ファイルごと消えた。実装の話より事故の話のほうが教訓として重い一日だった。",[14,15,17],"h2",{"id":16},"発端一文をインタラクティブにしたい","発端：一文をインタラクティブにしたい",[10,19,20],{},"正二十面体の対称性は、文字で読んでも頭に入らない。「2回軸・3回軸・5回軸」と書かれても、どの軸でどれだけ回すと元に重なるのかは、回してみないとわからない。だから触れる図解にしようと決めた。",[10,22,23,24,28],{},"three.jsのような3Dライブラリはこのプロジェクトに入っていない。既存の幾何ページ ",[25,26,27],"code",{},"cube-identity.vue"," はCSS 3Dトランスフォームで立方体を回していたが、あれは面が6枚だから成立する手法だ。正二十面体を60ピースに割って、2/3/5回の対称軸を軸ごとに描き分けるとなると、CSS 3Dでは面の重なり順（z-sort）を自力で管理できず破綻する。",[10,30,31,32,36],{},"そこで方針を決めた。",[33,34,35],"strong",{},"ライブラリを足さず、Canvas 2Dの上に自前の3Dレンダラを書く","。頂点を3D座標で持ち、回転行列をかけ、視点に向かって投影し、面を奥から手前へ並べて塗る。依存ゼロで、面の塗り分けも軸の描画も全部こちらの手の内に入る。",[14,38,40],{"id":39},"発見1頼んでいない885行が既に存在した","発見1：頼んでいない885行が既に存在した",[10,42,43,44,47,48,51],{},"レンダラの設計に入る前に、念のため ",[25,45,46],{},"app/pages/blog/"," を覗いた。そこに ",[25,49,50],{},"icosahedron-symmetry-lab.vue"," が居た。885行。gitには追跡されていない、未コミットのファイルだ。",[10,53,54],{},"開いて読むと、自分がこれから書こうとしていたものがほぼ揃っていた。ドラッグで回転、自動回転のトグル、60分割の表示切り替え、2/3/5回軸の切り替え。Canvas 2Dの自前レンダラまで含めて、骨格は完成していた。",[10,56,57,58,61],{},"足りないものは一つだけだった。",[33,59,60],{},"「軸を中心に回って同じ形に重なる」という対称性そのものの\"動き\"がない","。軸は描けるし60分割もできるが、72度・120度・180度ずつカチッと回って元の図形にぴたりと重なる、あの気持ちよさを見せるアニメーションが入っていなかった。",[10,63,64,65,68],{},"ユーザーに選択肢を出した。回転対称のアニメだけ足すか、60分割が花びら状に開く展開アニメだけ足すか、両方やるか。",[33,66,67],{},"両方やると決めた","。軸まわりに72/120/180度ずつ回って重なる回転対称アニメと、20面が割れて60ピースに開く展開アニメ。二つとも入れる。",[14,70,72],{"id":71},"発見2別セッションがファージ版に作り替えていた","発見2：別セッションがファージ版に作り替えていた",[10,74,75],{},"統合した内容で本体を上書きしようとした、その直前。読み込んだときの中身と、今ディスクにある中身が違っていた。",[10,77,78,79,82],{},"タイトルが変わっていた。「正二十面体60分割ラボ（純粋な幾何）」だったはずが、「",[33,80,81],{},"なぜファージ頭部は正二十面体なのか","」になっている。中身もウイルス学に振れていた。カプシド（ウイルスの殻）の文脈が足され、T数（T=1, 3, 4, 7）を切り替えるセレクタまで追加されている。",[10,84,85,86,89],{},"数分前に読んだファイルを、自分以外の誰かが書き換えている。別のClaude Codeセッションか、エディタの同時編集か。どちらにせよ、",[33,87,88],{},"並行して同じファイルを触る何かが動いている","と判断した。",[10,91,92,93,96],{},"ここで古い幾何版で全部上書きすると、相手が足したファージの文章とT数機能を踏み潰すことになる。だから上書きの方針を変えた。",[33,94,95],{},"ファージ版の文章とT数セレクタはそのまま残し、自分が用意した回転対称アニメと展開アニメの二つだけを差し込む","形に書き直した。相手の成果を消さずに、自分の差分だけを乗せる。",[14,98,100],{"id":99},"検証dev-サーバーがビルドキャッシュ破損で落ちた","検証：dev サーバーがビルドキャッシュ破損で落ちた",[10,102,103,104,107],{},"差し込んだあと実機で見ようとしたら、devサーバーが起動の途中で死んだ。",[25,105,106],{},".nuxt/dist/server/server.mjs"," が見つからないと吐いて落ちている。古いビルドキャッシュが壊れていた。",[10,109,110,111,114],{},"issueファイルに症状を書き留めてから復旧に入った。ポート3000を掴んでいたプロセスをポート番号で特定して落とし（nodeを名前で殺すとClaude Code自身が死ぬので絶対にやらない）、",[25,112,113],{},".nuxt"," ディレクトリを消して、devサーバーを上げ直した。今度は起動した。",[10,116,117],{},"Chrome DevTools MCPで実機を開いて、目で確かめた。60分割は3色に塗り分けられて出ている。5回軸を選ぶと軸を貫く赤いロッドが描かれる。展開スライダーを最大まで動かすと、20面が割れて60ピースが花びらのように外へ開き、ピースは一つも枠からはみ出さずに収まった。狙いどおりに動いている。",[14,119,121],{"id":120},"事故未追跡ファイルが並行セッションのgit操作で消えた","事故：未追跡ファイルが並行セッションのgit操作で消えた",[10,123,124],{},"検証を終えた直後、devサーバーがまた落ちた。状況を確認しにいって、手が止まった。",[10,126,127,130,131,137,138,141],{},[33,128,129],{},"さっき自分が書いたissueファイルが消えていた","。さらに探すと、",[33,132,133,134,136],{},"本体の ",[25,135,50],{}," も消えていた","。",[25,139,140],{},"git status"," を見ると、会話を始めた時点のスナップショットにほぼ戻っている。自分が今日積み上げたファイルが、追跡対象でなかったものだけ、まとめて消えていた。",[10,143,144,145,148,149,152,153,156,157,160],{},"犯人の見当はついた。並行して動いていたあのセッションだ。",[25,146,147],{},"git stash -u"," か ",[25,150,151],{},"git clean","、あるいは別ブランチへの ",[25,154,155],{},"git checkout"," ——",[33,158,159],{},"未追跡ファイルを巻き込んで消す系のgit操作","を、相手が実行した。追跡されていなかった本体.vueとissueは、その操作の巻き添えで消えた。コミットしていないファイルは、gitにとって「捨ててよいゴミ」と同じ扱いになる。",[162,163,169],"pre",{"className":164,"code":166,"language":167,"meta":168},[165],"language-text","# git stash -u は未追跡ファイル(-u = --include-untracked)も退避する\n# git clean -fd は未追跡ファイルを問答無用で削除する\n# git checkout \u003Cbranch> も、相手ブランチに存在しないパスの未追跡物を消し得る\n#   → コミットしていない .vue と issue は、どれが走っても消える\n","text","",[25,170,166],{"__ignoreMap":168},[14,172,174],{"id":173},"消えたが書き戻さなかった","消えたが、書き戻さなかった",[10,176,177],{},"作業内容はこの会話のコンテキストに残っている。本体.vueもissueも、頭から書き直せば復元できる。やろうと思えば数分だ。",[10,179,180,181,183,184,187],{},"でも書き戻さなかった。並行セッションのgit作業が今もどこかで進んでいるなら、こちらが勝手にファイルを生やすと相手の操作とぶつかる。",[25,182,147],{}," で退避されただけなら ",[25,185,186],{},"git stash pop"," で戻せる可能性もある。先に上書きしてしまうと、その復元の芽を自分で潰す。",[10,189,190,191,194],{},"だから手を止めて、",[33,192,193],{},"読み取り専用で状況確認に徹する","と決めた。stashに退避されていないか、別ブランチに移っていないか。書く前に、まず相手の操作の全体像を掴む。",[14,196,197],{"id":197},"学び",[199,200,201,216,222,234],"ul",{},[202,203,204,137,207,209,210,209,213,215],"li",{},[33,205,206],{},"未追跡ファイルはgitの保護対象ではない",[25,208,147],{},"、",[25,211,212],{},"git clean -fd",[25,214,155],{}," のどれも、コミットしていないファイルを消す。今日消えた本体.vueとissueは、まさにこの隙間に落ちた",[202,217,218,221],{},[33,219,220],{},"複数セッションで同じリポジトリを同時に触るのは事故る","。片方が破壊的なgit操作を打つと、もう片方の未追跡の成果が予告なく消える。ファイルを読んだ数分後に中身が別物に変わっていた時点で、これは起こるべくして起きた",[202,223,224,227,228,230,231,233],{},[33,225,226],{},"作りかけはこまめにコミットしておくべきだった","。885行をコミットしていれば、",[25,229,151],{}," でも ",[25,232,147],{}," でも消えなかった。「あとでまとめてコミット」は、並行作業の前ではただのリスクだ",[202,235,236,239],{},[33,237,238],{},"消えても慌てて書き戻さない","。相手のgit操作が進行中なら、退避から復元できる道が残っているかもしれない。上書きはその道を塞ぐ。まず読む、それから書く",{"title":168,"searchDepth":241,"depth":241,"links":242},2,[243,244,245,246,247,248,249],{"id":16,"depth":241,"text":17},{"id":39,"depth":241,"text":40},{"id":71,"depth":241,"text":72},{"id":99,"depth":241,"text":100},{"id":120,"depth":241,"text":121},{"id":173,"depth":241,"text":174},{"id":197,"depth":241,"text":197},"dev","「正二十面体は2/3/5回軸を持ち60の同じ形に分割できる」という一文を、依存ゼロのCanvas 2D自前3Dレンダラで触って動かせる図解にした。既に885行の未コミット実装があり、別セッションがウイルス学のファージ版へ作り替えていて、検証後には本体.vueとissueが破壊的なgit操作で消えた、という二つの発見と一つの事故を記録する。","md",{},true,null,"/interactive-icosahedron-and-git-collision","mdx-playground",false,"2026-05-25T00:00:00.000Z",{"title":5,"description":251},"2026-05/2026-05-25/interactive-icosahedron-and-git-collision",[263,264,265],"Vue","3D","Git","ajJERl5OozgNtLvF8YydRlciCGmUJO3yuqDgYVsNh9U",[],"https://log.eurekapu.com/og/blog/interactive-icosahedron-and-git-collision.png?v=2026-05-25T00%3A00%3A00.000Z&title=%E6%AD%A3%E4%BA%8C%E5%8D%81%E9%9D%A2%E4%BD%93%E3%81%AE%E5%AF%BE%E7%A7%B0%E6%80%A7%E3%82%92%E8%A7%A6%E3%82%8C%E3%82%8B3D%E5%9B%B3%E8%A7%A3%E3%81%AB%E3%81%99%E3%82%8B%EF%BC%9A885%E8%A1%8C%E3%81%AE%E5%B9%BD%E9%9C%8A%E5%AE%9F%E8%A3%85%E3%81%A8%E3%83%95%E3%82%A1%E3%83%BC%E3%82%B8%E7%89%88%E3%81%B8%E3%81%AE%E4%BD%9C%E3%82%8A%E6%9B%BF%E3%81%88%E3%80%81%E3%81%9D%E3%81%97%E3%81%A6%E4%B8%A6%E8%A1%8C%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AEgit%E6%93%8D%E4%BD%9C%E3%81%A7%E6%9C%AA%E8%BF%BD%E8%B7%A1%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%8C%E6%B6%88%E3%81%88%E3%81%9F%E4%BA%8B%E6%95%85&author=Kei%20Komatsu&sig=d3ca4a0935b24e1e",1782528842219]