tl;dr Claude AI の Artifacts で tsx の React コードをプレビューできた 中身は Next.js の Static Build の成果物 おそらく Next.js の開発サーバーをプロダクションにデプロイし、前段の Cloudflare でキャッシュしていそう claude.ai の Feature Preview で Artifacts を有効にすると、React のコードがプレビューできるのに気づいた。 HTML をプレビューできたのを知っていたが、TSX はどこで処理しているのだろう?と疑問に思って、中身を覗いてみた。 iframe 下で Next.js の静的ビルドモードの成果物を表示している。 つまり、生成されたコードを何らかの形で(開発モードの?) Next.js に渡して、その結果をキャッシュしているのではないか。 試しに中身がほとんど同じ