作ったアプリ

個人で作った Web アプリの一覧です。実験中・開発中のものも含みます。

公開中 8件
雨量シミュレーター

雨量シミュレーター

公開中

街の背景に対して、指定した降水量(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