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活用、運用しやすい構成づくりが伝わるものをまとめています。

D3 History Timelineのスクリーンショット
Open Source Nuxt D3 Visualization

D3 History Timeline

歴史や年表の情報をインタラクティブに可視化するリポジトリ。時間軸のUI設計と、イベントを見やすく並べる表現をテーマに作っています。

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

nuxt_firebase_kpt

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

Repository
Open Source Vue Game UI

typinggame

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

Repository
Public Site React TypeScript Timeline UI

宇宙世紀年表

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

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

MonitorRoom

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

GitHubやXから見てもらえるとうれしいです。