01
公式・イベントサイト
プロフィール、ニュース、出演者、スケジュール、FAQなど、来訪者が必要な情報を整理します。
掲載内容・画像・ロゴの提供と利用許諾を確認します。集客数やチケット売上は保証しません。
VTuber・配信者・イベント運営の方へ
活動とイベントの情報を、伝わるサイトと配信UIへ。
VTuberの公式サイト、イベントの特設サイト、情報更新の管理画面、ブラウザ上の配信演出UI。見せたい情報と運営の流れから、必要な範囲を一緒に整理します。
相談段階は継続して無料。簡単な調査・分析も含めて対応します。必要に応じて30分のオンライン面談をご案内します。
ご相談のタイミング
こんな状況の方に向いています
VTuberの活動やイベントを紹介するサイトを作りたい。ニュース・出演者情報の更新や、配信画面の演出も相談したい。
VTuber本人、事務所・制作会社・イベント運営の担当者。使用素材の権利、掲載内容、公開日と確認担当者を相談できる方。
- 活動・イベント情報をまとめるWebサイトが必要
- 運営者が更新する項目と担当者を決めたい
- 配信UIの動作条件を試しながら相談したい
イラスト・キャラクター制作、モデリング、映像制作はこのサービスの対応範囲に含めていません。必要な素材を用意できるか、連携先を含めて相談します。
依頼内容を具体的に
最初に開発する範囲の例
最初は公開サイトと必要な更新項目、または配信UIの一つの動作に範囲を絞ります。サイト・管理画面・配信演出をすべて同時に発注する必要はありません。
02
更新用管理画面
ニュースや出演者情報など、運営者が継続更新する項目と操作を整理します。
更新権限、承認の要否、既存CMSやデータの扱いを事前に確認します。
03
配信演出UI
シーン切り替え、告知・コメント表示、タイマーなど、ブラウザ上の演出について使用環境に合わせて実装を検討します。
素材の権利とブラウザ、配信ソフト等の条件を確認し、合意した環境で検証します。
自主制作の実装・検証事例
OBSの再読み込みで待機時間が延びない配信画面へ
架空データを使った自主制作です。受託案件の成果や、すべての環境での動作保証を示すものではありません。検証内容の確認日：2026年10月19日。
- 確認した課題
- 待機・配信中・休憩・終了を切り替える際に、タイマーが最初からやり直しになったり、文字がモデルの配置領域へ重なったりする問題を検証しました。公式サイトとは別の、配信画面の自主制作例です。
- 実装と判断理由
- 待機・休憩は終了予定時刻をURLに持たせ、再読み込みでも予定を維持する方式にしました。モデル配置ガイドは文字量に合わせて収まる構造へ変更し、ガイドは設定画面だけに表示します。ゲーム用は中央を透過させ、モデルはOBS側で重ねます。
- 検証で確認できたこと
- 通常文・長文、左右配置、4シーンの16条件で、修正後に配置ガイドと本文の干渉がないことを確認しました。Chromiumで4シーンを実時間10分動かし、再読み込み後の予定時刻の維持と、例外・クラッシュ0件を確認。Linuxのソフトウェア描画OBSでは透過・合成・録画を機能検証しました。
- 制約・未検証の範囲
- 同じLinux OBSの性能比較では空シーンでも設定30fpsに届かず、実配信の性能合格とは判定していません。Windows/macOS・実GPU・本人モデル・実ゲームの同時動作や、30分／2時間の継続配信は未検証です。モデル描画・トラッキング・実チャット連携は提供しません。
同じ相談では、配信PC・OBS・モデルの大きさ・ゲーム画面・重要な告知を確認し、本人の環境で短い録画から検証します。公式サイト制作と配信画面制作のどちらが必要かも、相談時に分けて整理します。
この実装事例をデモで確認する ↗別タブ相談から、どう形にするか
イベント情報をまとめて、運営者が更新したい
架空の相談を使った進め方の例です。下のボタンで、相談内容から初期範囲が決まるまでを確認できます。
相談者の言葉
「ニュースや出演者をサイトで案内したいです。告知のたびに、自分たちで情報を更新できるようにしたいです。」
専門用語や仕様書がなくても、実現したいことと困っていることから伺います。この段階の相談と簡単な調査・分析は無料です。
公開中の自主制作例
以下は自主制作の公開サイト・配信UIです。AstraFlowは架空イベントを題材とし、実在のイベント受託実績ではありません。
関連する個人開発・制作例を見る
以下は自主制作の公開サイト・配信UIです。AstraFlowは架空イベントを題材とし、実在のイベント受託実績ではありません。 各例の区分と担当範囲は個別に記載しています。
自主制作デモ / 特設サイト / 管理画面
AstraFlow Dimensions 2026
架空イベントの公開ページと編集画面を、専用デモサイトに統合。日英の編集・プレビュー・ブラウザ保存を試せます。
- 担当範囲
- 要件整理 / 画面設計 / 実装
自主制作 / 配信・イベント演出UI
配信演出スタジオ
VTuber向けの配信画面を準備するオリジナルUI。モデル配置・設定保存・シーン別URLを確認できます。
- 担当範囲
- 企画 / オリジナルUIデザイン / 状態設計 / 実装
相談から開発までの進め方
STEP 01
用途と公開予定を相談
届けたい相手、載せたい情報、公開日、現在の更新や配信の方法を確認します。
STEP 02
素材と範囲を整理
素材の権利、更新担当者、必要な画面、配信環境を確認し、費用・期間をすり合わせます。
STEP 03
実装・表示確認
合意した範囲を実装し、画面や操作を見ながら確認します。試作の実装は有料作業です。
STEP 04
公開・更新手順の共有
スマホ表示や更新操作を確認して公開。保守・追加演出は別途範囲を相談します。
費用・期間は、初期範囲を決めて提示します
必要な条件を確認し、開発範囲・費用・納期を提案します。条件に合意し、契約手続きを終えてから着手します。
追加機能、データ移行、外部サービス利用料、公開後の保守は、必要な範囲と費用を分けて確認します。
見積もりで確認すること
- ページ数・言語・更新項目・管理者の権限
- 画像・ロゴ等の提供と利用条件
- 配信環境・外部連携・公開日・保守範囲
仮の条件での計算例・税別
「イベント情報をまとめて、運営者が更新したい」の工数・費用例
計算方法をお伝えするため、時間単価を仮に5,000円として試算しています。実案件の料金表・固定価格ではなく、実際の単価・工数・金額は個別に見積もります。
- ページ構成と更新項目を事前に限定
- 日本語のみ、素材と掲載原稿は依頼者が提供
- 既存の認証・データ管理サービスを利用し、販売・決済連携なし
| 作業 | 工数 | 試算額 |
|---|---|---|
| 要件定義・ページと更新項目の整理 | 12時間 | 60,000円 |
| 公開画面・更新用管理画面の実装 | 40時間 | 200,000円 |
| 表示・更新操作のテストと確認修正 | 16時間 | 80,000円 |
| 公開準備・更新手順の整理 | 8時間 | 40,000円 |
| 合計〈税別〉 | 76時間 | 380,000円 |
期間の計算例：週20時間を確保できる場合、作業量は約4週間分です。確認待ち・外部審査・着手待ちは含まず、実際の稼働と納期は相談して決めます。
外部サービス利用料、追加要件、前提に含まれないデータ移行、公開後の保守は別途確認します。
無料相談と有料作業の範囲
相談は継続して無料です。依頼を判断するための確認から、具体的な仕様や成果物を作る作業へ進む際は、先に費用と範囲をご説明します。
- 初回・継続相談
- 無料
- アイデア、課題、予算、実現方法や進め方の相談
- 相談に必要な簡単な調査・分析
- 無料
- 依頼を判断するための実現方法の確認、既製サービスとの比較、概算の検討
- 要件定義・詳細調査
- 有料・個別見積もり
- 機能・画面・データ・連携仕様の具体化、要件定義書などの作成
- 設計・試作・開発
- 有料・個別見積もり
- デモの実装、設計、開発、テスト、公開
- 運用保守・追加開発
- 有料・個別見積もり
- 合意した範囲・稼働時間での保守、改善、機能追加、引き継ぎ
費用は必要な総工数と対応範囲、期間は稼働状況と確認の進み方により変わります。稼働時間・着手時期は応相談です。
相談から実装まで
担当：木立文弥
フリーランスエンジニア
Web開発経験5年以上。TypeScript / React / Next.js / Node.jsを中心に、画面・API・データをつなぐ開発に対応します。ITに詳しくない方との顧客折衝・要件整理の経験があり、画面やデモを使って認識を合わせながら進めます。相談から開発まで、本人が担当します。
プロフィールを確認する →技術的な対応範囲を見る
- Next.js / TypeScriptによる公開サイトと管理画面
- Firebase等を使った情報更新とAPI連携
- HTML / CSS / JavaScriptによる配信演出UIの実装・検証
よくあるご質問
相談は無料ですか？
はい。相談段階は継続して無料です。進め方を検討するための簡単な調査・分析も含めて対応します。
どこから費用が発生しますか？
要件定義や詳細調査、設計・試作・開発など、具体的な作業を進める段階からです。着手前に対応範囲と費用を説明し、合意いただいてから進めます。
相談したら契約が必要ですか？
いいえ。相談を通じて、開発の必要性や適した進め方を一緒に検討します。開発範囲・費用・期間などを確認し、双方で合意してから契約・着手します。
ITに詳しくなくても相談できますか？
はい。ITに詳しくない方との顧客折衝・要件整理の経験があります。専門用語だけで説明せず、画面イメージやデモを使いながら、実現したいことと開発内容を確認します。デモの実装は、作業範囲と費用に合意したうえで行います。
誰が相談・開発を担当しますか？
フリーランスエンジニアの木立文弥が、相談から要件整理・設計・実装まで担当します。
連絡や進捗確認はどうしますか？
メールやSlackなど、双方が使いやすい方法を相談して決めます。進捗は画面やデモを使って共有し、確認の頻度も開始時にすり合わせます。
公開後も継続して依頼できますか？
はい。運用保守、機能改善、追加開発、引き継ぎまで継続して相談できます。対応範囲・時間・費用は、必要な内容に合わせて決めます。
稼働時間や開始時期は相談できますか？
はい。プロジェクトの内容と現在の稼働状況に合わせて相談します。希望時期をお知らせください。
サイトだけ、配信UIだけでも相談できますか？
はい。必要な箇所から相談できます。用途と現在の環境を確認し、対応する範囲を決めます。
キャラクターやイラストの制作も依頼できますか？
このページの対象はWeb・配信UIのデザインと実装です。キャラクター・イラストやモデリングの制作は含めていません。提供素材を利用する場合は利用許諾も確認します。
掲載されているイベントは実際に開催されたものですか？
AstraFlowは架空イベントの自主制作です。配信演出スタジオは配信画面を準備する独自制作で、架空コメントは出力せず、実チャットにも接続しません。いずれも実顧客への導入成果を示すものではありません。
公開日や対応環境は相談できますか？
はい。素材の準備、確認の回数、必要な機能と現在の稼働状況から判断します。配信UIは使用するブラウザや配信ソフト等の条件を事前に確認します。
VTuber・配信者・イベント運営の方へ
まずは、現在の状況をお聞かせください。
相談段階は継続して無料です。実現したいこと、現在の課題、希望時期・予算を分かる範囲でお知らせください。開発の必要性と進め方を一緒に検討します。有料作業は、範囲と費用に合意してから着手します。
ほかの相談内容から選ぶ →