AstraFlow Dimensions 2026

課題・制作の目的

架空イベントを題材に、公開サイトと管理画面の情報設計・更新導線を一体で検証すること。

担当範囲

情報設計 / UI設計 / 実装

技術スタック

• Next.js 16
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• next-intl
• react-hook-form
• zod
• Mock Data
• GA4

実装内容

Next.js で構築した、ポートフォリオ向けの「公開サイト + 管理画面」一体型イベントサイト。README と公開ページの記載どおり、実在の企業・VTuber・イベントではなく、架空イベントを題材にした自主制作です。ja / en ルーティング、ニュース・出演者・スケジュール・FAQ・固定ページ、管理画面での更新導線、ローカル JSON モックデータ運用、GA4 計測ポイント実装までを含みます。

• 公開側に ja / en ルーティングと、ニュース・出演者・スケジュール・FAQ・ガイドラインを実装
• 管理側にニュース、出演者、スケジュール、FAQ、固定ページの更新導線を実装
• ローカル JSON モックデータ運用と GA4 計測ポイントを整備

確認できる成果

VTuber / エンタメ文脈の特設サイトと運用管理画面を、架空イベント題材の自主制作として提示できる状態に整理。

確認対象は以下の公開サイト・デモ・ソースコードと記載した実装範囲です。売上・問い合わせ数・工数削減率の測定値は掲載していません。外部デモは公開状況によって利用できない場合があります。

関連サービス

• MVP・新規Webサービス開発 →
• 管理画面・業務システム開発 →