Portfolio / 2026

yutoogi

Webアプリケーション開発を軸に、UI、データ可視化、運用しやすい仕組みづくりまで考える ソフトウェアデベロッパーです。

Webアプリケーションを中心に作っています

Ruby on Rails、Vue.js / Nuxt、AWS、Firebase を使ったWebアプリケーション開発がベースです。 UIづくりだけでなく、データの見せ方や運用しやすい構成も含めて、なるべく無理なく使い続けられる形を意識して作ってきました。

このページでは、これまでに取り組んできたプロジェクトの中から、いま見ても内容が伝わりやすいものをまとめています。

得意領域

Ruby on Rails Vue.js / Nuxt React / Next TypeScript AWS Small Team Product Development

公開・非公開を含む主な制作プロジェクト

公開リポジトリと非公開で取り組んできた試作の中から、UI設計、データ可視化、AWS活用、運用しやすい構成づくりが伝わるものをまとめています。

TimeLendsのスクリーンショット
Public Site D3 Timeline UI Visualization

TimeLends

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

Website
Public Site Web App TMDB Search UI

ヒーロー出演率CHECKER

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

Website
Public Site React TypeScript Timeline UI

宇宙世紀年表

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

Website
MonitorRoomのスクリーンショット
Public Site React Vite Monitoring UI

MonitorRoom

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

nuxt_firebase_kptのスクリーンショット
Open Source Nuxt Firebase KPT

nuxt_firebase_kpt

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

Repository
Open Source Vue Game UI

typinggame

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

Repository

GitHubやXを利用しています。