このサイトについて

これは何か

東海オンエアの 6 人を着せ替えるスタジオです。イラストは SVG のパーツを重ねて組み立てています。

仕組み

人物を選ぶと、そのプリセットが出発点になります。選択は 13 文字のコードとして URL に入るので、リンクがそのままキャラクターです。ページはまずサーバ側で描画され、JavaScript は差し替えを即時にするためだけに使います。

メンバー情報

名前・メンバーカラー・誕生日・役割は、同じく非公式のファンデータベース「東海オンエア DB」から取っています。

出典: https://tokai.mori22.com/api/members

イラスト

すべてのパーツはこのリポジトリで手書きした SVG です。第三者の素材は使っておらず、パーツは似顔絵ではなく記号的な線画なので、書き出した画像はそのまま使えます。

技術スタック

Bun / Hono（Cloudflare Workers・SSR）/ エディタ部分だけ React アイランド / Vite / Tailwind CSS v4。Biome・TypeScript・Vitest で検証しています。

作った動機

アバターメーカーは大量の画像アセットと重いクライアントを抱えがちです。完全ベクター・サーバ描画・リンク共有だけでどこまでいけるかを試したくて作りました。