yuto ogi

Public Site WebGL 3D Interactive

HAKO HAMAMATSU

浜松駅周辺の街並みを、机の上に広がる小さな3Dジオラマとして楽しめるWebサイトです。視点の回転やズーム、時間・天気の切り替えなどを通して、浜松の街をインタラクティブに眺められます。

Website

Public Site D3 Timeline UI Visualization

TimeLends

人物や組織、出来事のつながりをタイムラインで比較できるデータ可視化アプリです。ルネサンスやジャズ、Bauhausなどのサンプルから、時代の流れを直感的に読み解けます。

Website

Public Site Data Modeling AWS Local Events

浜松市イベントカレンダー

地域イベント情報を扱うためのデータ基盤として作ったプロジェクトです。ばらつきのあるイベント情報を検索や再利用に向いた形へ整えるため、キー設計やデータ整形のルール整理に重点を置いて実装しました。

Website

Public Site ヒーロー出演率CHECKER

Public Site Web App TMDB Search UI

ヒーロー出演率CHECKER

ドラマの出演者がスーパー戦隊、仮面ライダー、ウルトラマンへ変身した経験を調べられる検索アプリです。作品を検索するだけで、キャストとヒーロー出演歴を楽しく確認できます。

Website

Public Site React TypeScript Timeline UI

宇宙世紀年表

複雑な時系列情報を直感的に読み解けるようにすることを目的に作った年表アプリです。横方向のズーム、ドラッグ移動、点イベントと期間イベントの描き分け、検索、詳細パネル表示を実装し、表示ロジックとデータ構造をあわせて設計しました。

Website

Public Site React Vite Monitoring UI

MonitorRoom

複数のライブカメラを一覧で見られるモニタリングビューアです。配信IDの変化に追従する更新スクリプトと定期実行の仕組みを入れて、見る体験だけでなく運用し続けやすい構成まで含めて整えました。

Website Repository

Open Source Nuxt Firebase KPT

nuxt_firebase_kpt

Nuxt.js と Firebase で作った KPT ボード。個人開発らしい小回りのよさと、ふりかえりに必要な軽さを重視して設計しています。

Repository

Screenshot Slot typinggame

Open Source Vue Game UI

typinggame

コードを題材にしたタイピングゲーム。遊びながら開発者向けの体験を作る、という方向性がユニークで、現在も公開されているプロジェクトです。

Repository