これまで手がけたWebサイト・Webサービスの事例をご紹介します。
YouTubeの修理動画をAIで解析し、複数動画から修理ガイドを自動生成するWebサービス。
| レイヤー | 技術 | 役割 |
|---|---|---|
| フロント | Nuxt 4 + Vue 3 + TypeScript | SSR、SEO、UI |
| DB | MongoDB Atlas | 動画・修理ガイド・ランキング等 |
| AI | OpenAI（Embeddings + Chat） | 意味検索・修理チャット |
| ホスティング | Cloudflare Pages（フロント） | Nuxt SSR |
| その他 | Wrangler、GitHub Actions（lint CI） | CF プレビュー・品質チェック |
YouTube動画をAIで分析し、要約・ポイント整理・見出し生成を行うAI動画要約サービス。
| レイヤー | 技術 | 役割 |
|---|---|---|
| フロント | Nuxt 3 + Vue 3 + TypeScript | ダッシュボード、SEO、認証 UI |
| DB | MongoDB Atlas | ユーザー、解析ジョブ、レート制限、利用ログ |
| AI | faster-whisper + OpenAI | 音声文字起こし・要約・キーワード抽出 |
| ホスティング | Cloudflare Pages | Nuxt ビルド成果物の配信 |
| 認証 | Firebase Auth + 認証 API | Google サインイン・セッション管理 |
| その他 | OpenAPI 3、mise、Google Analytics | API 仕様、Node バージョン管理、利用計測 |
初心者向け・低山中心の登山サークル向けサイト。活動内容やスケジュール、参加方法をわかりやすく紹介。
| レイヤー | 技術 | 役割 |
|---|---|---|
| フロント | Nuxt 4 + Vue 3 + TypeScript | ランディングページ、SSR、SEO |
| DB | なし | フロントエンド主体・API は外部連携 |
| AI | なし | — |
| ホスティング | Cloudflare | 静的サイトの本番公開 |
| その他 | Node.js、Unsplash（画像） | 実行環境・ヒーロー画像 |