Personal Projects

個人で開発したプロジェクトやツールをご紹介します

技術記事閲覧サイトのプロジェクト画像

技術記事閲覧サイト

Qiita/Zenn/note の技術記事を閲覧するためのサイトです。

使用技術

Nuxt.jsVue.jsTypeScript
Book Realmのプロジェクト画像

Book Realm

書籍管理アプリです。Google Generative AI を使用して画像を解析させ、登録を補助します。その他、フォームからの入力も行えます。

使用技術

Nuxt.jsVue.jsTypeScriptGemini AIFirebase
Audio Scribeのプロジェクト画像

Audio Scribe

MTG(会議)などの人の音声を読み取り、画面にリアルタイムで文字起こしするサービスです。Nuxt v4 を使用するために作成したサービスとなります。

使用技術

Nuxt.jsVue.jsTypeScriptOpenAISocket.io
Front UI Partsのプロジェクト画像

Front UI Parts

Vue3 + Vite における UI ライブラリ。パッケージ公開を目的とし、業務でも使用できるための練習用として作成したパッケージです。

使用技術

Vue.jsTypeScriptViteStorybookVitest
My Roomのプロジェクト画像

My Room

Nature Remo の Open API を使用して自身の部屋の温度・湿度・照度の変化をグラフで参照できるサイトです。自身でしか参照できない Web アプリとなります。

使用技術

Nuxt.jsVue.jsTypeScriptChart.jsNature Remo API
a11y test MCPのプロジェクト画像

a11y test MCP

アクセシビリティテストを行うための MCP サーバです。複数のリンクに対応しており、WCAG のレベルも指定できます。

使用技術

TypeScriptNode.jsPlaywrightaxe-coreMCP
Performance Audit CLI Toolのプロジェクト画像

Performance Audit CLI Tool

フロントエンド・SSR(Server-Side Rendering)アプリケーションのパフォーマンスを継続的に監視・分析し、パフォーマンス劣化を防ぐためのCLIツール。

使用技術

TypeScriptNode.jsLighthouseCLI