ロゴ

Projects & Case Studies

これまでに手掛けた開発事例を紹介します

スキル一覧へ

プロジェクト事例

Glänz Futsal Club 公式サイト構築(品川区MENS/MIXリーグ)

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

Live2D Overlay Portfolio

Next.js + pixi.js (pixi-live2d-display) を用いて構築した配信オーバーレイ UI。リアルタイムコメント連携、3D ハートパーティクル演出、可愛いパステルデザインを実装し、Vercel へプリビルドデプロイも自動化。

LiveTalk

LiveTalk

Next.js + TypeScript + shadcn/ui + pixi-live2d-display を用いて構築した、ユーザー入力テキストの無料音声合成&リアルタイムリップシンクLive2D発話アプリ。Web Speech API/Web Audio API による音声生成と周波数解析で、子音も自然に表現。Vercel にデプロイしてブラウザ完結で動作します。

Udemy ブロックチェーン学習アプリ

Udemy ブロックチェーン学習アプリ

Udemy の講座を元に開発したブロックチェーンベースアプリ。Ethereum + Web3.js でスマートコントラクトを操作し、トークントランザクション機能を実装。

ニュースアグリゲーターアプリ

ニュースアグリゲーターアプリ

Next.js & TypeScript でニュースまとめサイトを構築。RSS フィードの自動収集、セクション分類、キーワード検索機能を実装。

astryllune-app

astryllune-app

astryllune-app は、Next.js(App Router)、TypeScript、Tailwind CSS、shadcn/ui を用いて構築されたシンプルな株式ダッシュボードアプリケーションです。ユーザーの保有株一覧、資産サマリー、銘柄ごとの詳細テクニカル指標と売買戦略プランナーを、再利用可能なコンポーネントとして提供します。また、Python (yfinance) を使った株価チャートの自動取得・可視化機能を実装可能で、LINE Bot と連携した通知機能にも対応しています。

icarionart-app

icarionart-app

ギャラリーサイトを、Next.js + TypeScript + Tailwind CSS でゼロから構築。作品一覧ページは CSS グリッドと Intersection Observer API を活用した無限スクロールを実装し、高品質な作品画像は Cloudinary で管理。Lightbox によるモーダル表示、Framer Motion を使ったアニメーション、画像最適化とレスポンシブ対応を実現。Vercel へデプロイし、パフォーマンスと SEO を徹底強化しました。