構成の概要（主な技術から作成）
YouTube運用・AIエージェント基盤
自社プロダクト・SaaS
ライブ説明会の視聴・質問・アンケート運用システム
説明会の配信から質問・アンケートまで、ひとつの画面で。
企業向けライブ説明会の視聴権管理・質問受付・アンケート・集計を担う顧客の要望に合わせて開発したシステム。映像配信は外部サービスに任せ、招待URL・リアルタイム通知・管理画面をサーバーレス構成で実装しました。
- 主要技術
- 担当範囲
担当工程: 要件定義、設計、開発、インフラ
担当：企画・設計・実装・AWS構築
画面イメージ（実際の画面ではありません）
担当した範囲をもとに作った画面イメージです。名前・金額・日付などは見本です。画像を選ぶと原寸で開きます。
取り組みのテーマ
ライブ説明会の「招待・視聴・質問・アンケート・結果取得」を、既存の映像配信を活かしたまま、迷わず運用できる形にまとめること。
担当したこと
- 視聴者向け画面と運営向け管理画面の設計・実装（React）
- 招待URLによる視聴権の管理と、質問・アンケートの受付状態のリアルタイム切り替え
- WebSocketによる通知配信と、通信断からの再同期
- AWS CDKによるサーバーレス基盤（Lambda・API Gateway・DynamoDB・Cognito・CloudFront）の構築
- 単体・契約・E2Eテストの整備
構築・対応したもの
- 視聴・質問・アンケート・集計を扱う視聴者画面と管理画面
- 招待から結果取得までの運用フロー
- コードで管理されたAWSサーバーレス基盤
この実績が示す価値
配信そのものは既存サービスに任せ、運用に必要な部分だけを作る。要件整理から基盤構築、テストまでをひとつのチームで進めた開発事例です。
主な使用技術
- TypeScript
- React
- Vite
- Hono
- Node.js
- AWS CDK
- Lambda
- API Gateway（HTTP／WebSocket）
- DynamoDB
- Cognito
- S3
- CloudFront
- Secrets Manager
- Vimeo API
- Zod
- Vitest
- Playwright
使用技術について
この実績で使った技術の一般的な説明です。実績の内容そのものではありません。
各技術の説明を見る（17件）説明を閉じる
- TypeScript
- JavaScriptに型を加えた言語。大きなコードでも変更の影響を追いやすい。
- React
- 画面を部品として組み立てるJavaScriptライブラリ。多くのWebアプリの標準。
- Vite
- フロントエンドのビルドと開発サーバー。高速な開発体験を提供する。
- Hono
- 軽量で高速なWebフレームワーク。サーバーレス環境と相性がよい。
- Node.js
- サーバー側でJavaScriptを動かす実行環境。APIやツールの実装に使う。
- AWS CDK
- AWSの構成をプログラミング言語で定義する道具。
- Lambda
- サーバーを持たずにコードを実行するAWSのサービス。
- API Gateway（HTTP／WebSocket）
- APIの入口を作るAWSのサービス。HTTPとWebSocketに対応。
- DynamoDB
- AWSのサーバーレスなキー・バリュー型データベース。
- Cognito
- AWSのユーザー認証サービス。ログインやID管理を任せられる。
- S3
- AWSのオブジェクトストレージ。ファイルの保存と静的サイトの配信に使う。
- CloudFront
- AWSのCDN。世界中の拠点から静的ファイルを高速に配信する。
- Secrets Manager
- AWSでパスワードやAPIキーを安全に保管するサービス。
- Vimeo API
- Vimeoの動画を自分のサービスから制御するためのAPI。
- Zod
- TypeScriptで入力データの形を検証するライブラリ。
- Vitest
- JavaScript・TypeScript向けのテスト実行ツール。
- Playwright
- ブラウザ操作を自動化するツール。テストや画面の生成に使う。
この課題のページ
業務システム・Web基盤をつくる、つくり直す
業務の流れを理解したうえで、API・画面・データ処理を設計します。金融や本人確認のように信頼性が問われる領域でも、要件整理から実装まで一貫して担当します。
課題別ページを見る相談前に整理しておくとよいこと
- 対象の業務の流れ（現状の手順、使っている資料やツール）
- 利用者の種類（社内、取引先、一般利用者）と、それぞれの権限
- 連携が必要な外部サービス・API・既存システム
- 既存システムがある場合、資料やソースコードの有無と引き継ぎの状況
- 優先して解決したい困りごと（時間、ミス、属人化など）