[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"tag-articles-shogidb2":3},[4],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":18,"updatedAt":19},"将棋盤インタラクティブデモを Vue で実装：Codex/Gemini で局面読み取り、shogidb2 から75手復元するまで","棋譜パーサーとSVG駒で将棋盤を動かすデモを Vue で組んだ記録。Codex CLI と Gemini で初手の局面を読み取らせて誤判定を踏み、shogidb2 から KIF を引き直して75手の実戦譜を復元、TransitionGroup の transform 上書きで折れて配色ハイライトに切り替えた1日。","/shogi-board-demo-with-kifu-db",[9,10,11,12,13,14,15,16,17],"Vue","Nuxt","将棋","SVG","Codex CLI","Gemini","agent-browser","shogidb2","TransitionGroup","2026-05-08T00:00:00.000Z",null,1781076380297]