プロジェクト事例

Glänz Futsal Club 公式サイト構築(品川区MENS/MIXリーグ)
東京・品川区を拠点に、MENS/MIXカテゴリーでリーグ戦や交流試合に参戦するGlänz(グレンツ)フットサルクラブの公式Webサイトを、Next.js + Tailwind CSSでフルスクラッチ構築。クラブ概要、選手・スタッフ紹介、最新ニュース、試合スケジュール、過去試合結果マッチレポートを個別ページとして整備し、Firebase Firestoreによるリアルタイムデータ管理&更新機能を導入。Vercelにデプロイして、検索流入からの回遊率を大幅に向上させました。

リアルタイムチャットアプリ
React + Socket.IO + Node.js でリアルタイムチャットを構築。メッセージの暗号化、オフラインメッセージキュー、リッチテキスト機能を実装。

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 を徹底強化しました。