プロジェクト事例
Glänz Futsal Club 公式サイト構築（品川区MENS/MIXリーグ）
東京・品川区を拠点に、MENS／MIXカテゴリーでリーグ戦や交流試合に参戦するGlänz（グレンツ）フットサルクラブの公式Webサイトを、Next.js + Tailwind CSSでフルスクラッチ構築。クラブ概要、選手・スタッフ紹介、最新ニュース、試合スケジュール、過去試合結果マッチレポートを個別ページとして整備し、Firebase Firestoreによるリアルタイムデータ管理＆更新機能を導入。Vercelにデプロイして、検索流入からの回遊率を大幅に向上させました。
リアルタイムチャットアプリ
React + Socket.IO + Node.js でリアルタイムチャットを構築。メッセージの暗号化、オフラインメッセージキュー、リッチテキスト機能を実装。
Live2D Overlay Portfolio
Next.js + pixi.js (pixi-live2d-display) を用いて構築した配信オーバーレイ UI。リアルタイムコメント連携、3D ハートパーティクル演出、可愛いパステルデザインを実装し、Vercel へプリビルドデプロイも自動化。
LiveTalk
Next.js + TypeScript + shadcn/ui + pixi-live2d-display を用いて構築した、ユーザー入力テキストの無料音声合成＆リアルタイムリップシンクLive2D発話アプリ。Web Speech API／Web Audio API による音声生成と周波数解析で、子音も自然に表現。Vercel にデプロイしてブラウザ完結で動作します。
Udemy ブロックチェーン学習アプリ
Udemy の講座を元に開発したブロックチェーンベースアプリ。Ethereum + Web3.js でスマートコントラクトを操作し、トークントランザクション機能を実装。
astryllune-app
astryllune-app は、Next.js（App Router）、TypeScript、Tailwind CSS、shadcn/ui を用いて構築されたシンプルな株式ダッシュボードアプリケーションです。ユーザーの保有株一覧、資産サマリー、銘柄ごとの詳細テクニカル指標と売買戦略プランナーを、再利用可能なコンポーネントとして提供します。また、Python (yfinance) を使った株価チャートの自動取得・可視化機能を実装可能で、LINE Bot と連携した通知機能にも対応しています。
icarionart-app
ギャラリーサイトを、Next.js + TypeScript + Tailwind CSS でゼロから構築。作品一覧ページは CSS グリッドと Intersection Observer API を活用した無限スクロールを実装し、高品質な作品画像は Cloudinary で管理。Lightbox によるモーダル表示、Framer Motion を使ったアニメーション、画像最適化とレスポンシブ対応を実現。Vercel へデプロイし、パフォーマンスと SEO を徹底強化しました。