そんな気持ちをWebサービスにしました。
https://two-shelves.web.app/
といってもテストもブラッシュアップもしていない状態なのでこれからぼちぼちと足していきたいと思います。
これなんだ
本棚を3Dで作ってVRで閲覧できるようにするWebアプリです。本のサイズと表紙・背表紙・裏表紙を設定して並べることができます。
その他雑貨をGLTF形式でアップロードして棚に並べられます。
あとステッカーやPOPを張り付ける機能を入れましたが全然試していません。
なんのために
本棚が好きです。ヴィレッジヴァンガードへ初めて迷い込んだ高揚感は忘れられません。何度も迷い込みましたが今や売れる雑貨と本しか置いていないので悲しいばかりです。
そんな雑多な本棚をWeb上で見られないかと思って作りました。株持ってんだから頑張れV.V.
将来の展望
置いた本や雑貨が販売できるEC機能やフライヤーを置けたら面白いかな。
後は内装や棚を変更できるようにしないと。
技術的なもの
React Vite + ReactTreeFiberを使用してClaudaCodeにほぼ丸投げです。
最初はGoogleAIStudioをつかっていましたがUIの統一感で選びました。しかしGoogleStudioは作ってすぐプレビューを出してくれるのでトークンさえあれば高速壁打ちに向いていそうです。
完全に任せたわけではなく3D表示で棚の位置などを主同調性などはしています。
やっててよかったコーディング。
AI台頭によって立つ瀬の無い管理経験なしエンジニアの足掻きと思っておつきあいください。