lab notebook

作って公開

monzblog は、個人開発の研究ノートとプロダクトの展示棚を兼ねたサイトです。 AI活用、Webアプリ実験、運用の気づきを、公開物で見せています。

8 公開中 0 開発中 16 記事

Product Shelf

作ったアプリ

公開済みのものを先頭に、試作品も含めて並べています。

すべて見る →
雨量シミュレーター

雨量シミュレーター

公開中

街の背景に対して、指定した降水量(mm/h)に応じたリアルな雨の降り方を可視化するWebアプリ。

React TypeScript Vite Canvas2D
rain-simulation.monzblog.com
Tokyo Town 3D

Tokyo Town 3D

公開中

Three.jsを使って東京の街を3Dで可視化するWebアプリ。

Three.js JavaScript
tokyotown3d-sample.monzblog.com
Prompt Craft Studio

Prompt Craft Studio

公開中

画像生成AIのプロンプトをスライダーやカラーピッカーで視覚的に組み立て、リアルタイムでプレビューできるWebアプリ。

React TypeScript Vite Tailwind CSS Radix UI Framer Motion
prompt-craft-studio.monzblog.com
Ranking Animator

Ranking Animator

公開中

CSVデータをアップロードするだけで、ランキング変動をスムーズなアニメーションで可視化できるWebアプリ。

React TypeScript Vite Tailwind CSS Framer Motion PapaParse
ranking-animator.monzblog.com
Fitness Trainer

Fitness Trainer

公開中

トレーニングを記録・管理できるWebアプリ。

fitness-trainer.monzblog.com
Mercator Map Visualizer

Mercator Map Visualizer

公開中

メルカトル図法の地図を可視化するWebツール。

mercator-map-visualizer.monzblog.com
2ch Style Web

2ch Style Web

公開中

2ch(2ちゃんねる)風の見た目を活かした Web アプリ実験。あのレトロな雰囲気を現代的に再解釈。

HTML CSS JavaScript
2chstyleweb.monzblog.com
Knowledge Bubbles

Knowledge Bubbles

公開中

知識や情報を視覚的に扱う実験的 Web アプリ。ノードをバブル状に配置して情報の関連を可視化する。

React TypeScript Canvas API
knowledge-bubbles.monzblog.com

Notes

最近の投稿

実験の背景、比較、運用メモを記録しています。

すべて見る →