Hello, I'm Yuta

Vibe Codingの手法で開発した実用的なWebアプリケーションと、
AIを活用して制作した動画コンテンツを紹介します。

作品を見る
💻
🚀
⚡
🎯

01 Web Applications

🩸
Live Demo GitHub

Blood Lab Flashcards

自身が学習中の精密栄養学において、血液栄養解析結果を読み解くために必要な知識を身につけるために開発。PWA対応でオフライン利用可能、ダークモード、音声フィードバック機能付き。

開発手法
ChatGPTで要件定義・ステップ分解 → Windsurfで実装

ChatGPT Windsurf
React TypeScript Tailwind CSS PWA
オフライン対応
ダークモード
音声フィードバック
🎮
Live Demo GitHub

Emoji Memory Game

4×4グリッドで絵文字のペアを見つけるメモリーゲーム。タイマー、移動回数カウンター、ハイスコア記録機能を搭載。

開発手法
ChatGPTで要件定義・ステップ分解 → Windsurfで実装

ChatGPT Windsurf
React TypeScript Tailwind CSS Vite
タイマー機能
ハイスコア
レスポンシブ
✅
Live Demo GitHub

Todo App

シンプルなタスク管理アプリ。日付指定、連続達成ストリーク表示、完全クライアントサイド動作でログイン不要。

開発手法
ChatGPTで要件定義・ステップ分解 → Windsurfで実装

ChatGPT Windsurf
HTML5 CSS3 JavaScript LocalStorage
日付管理
ストリーク機能
ログイン不要
📚
Live Demo

ファクト＆フラッシュ

マークダウン形式のノートをAI（Gemini）でファクトチェックし、インタラクティブなフラッシュカードを自動生成するアプリ。学習内容の正確性を検証しながら効率的な暗記学習をサポート。

開発手法
Google AI Studio の Build機能を使用

Google AI Studio
Gemini AI JavaScript LocalStorage Cloud Run
ファクトチェック
AI生成カード
多言語対応

02 AI Video Content

デジタルノマドとは？

AIを活用して制作した、デジタルノマドのライフスタイルを紹介する動画コンテンツ。 現代の働き方の変化とリモートワークの可能性を探求しています。

Suno Gamma AivisSpeech
DaVinci Resolve Keynote
AI制作
動画コンテンツ
ライフスタイル
Vimeoで視聴

人類の進化とAI共創の未来

最新のAI技術を駆使して制作した動画作品。 創造性とテクノロジーの融合による新しい表現の可能性を追求しています。

Suno Google AI Studio
DaVinci Resolve
AI技術
実験的作品
創造性
Vimeoで視聴

03 About My Work

Vibe Codingの手法で開発したWebアプリケーションと、 AI技術を活用した動画コンテンツ制作を通じて、 テクノロジーと創造性の新しい可能性を探求しています。

4 Apps
2 Videos
∞ Possibilities