tomixy's sketchbook

当サイトのRecipesで執筆しているWebGPU記事のデモを置くために作成したサイトです。

デモとコードを合わせて掲載

AstroベースのドキュメントサイトジェネレータStarlightを利用し、デモとそのコードを合わせて確認できるようにしています。

Starlightでは、タブパネルやコピペ機能付きのコードブロックなど、便利なコンポーネントがあらかじめ用意されています。これらの組み込みコンポーネントを利用することで、タブ切り替えにより複数ファイルのコードを確認できる表示も簡単に実現できました。