TikTok LIVE Interactive Apps

What I Built

配信でリアルタイムに遊べる、視聴者参加型アプリ

Why I Built It

ソート可視化から、LIVEで遊べるゲームへ

1. 01

   ソートアルゴリズムの可視化

   棒が並び替わる様子を、音とともに楽しむ可視化アプリとしてスタート。

2. 02

   Sort Battle へ

   2つのアルゴリズムを競わせ、コメントで応援できる対戦モードに。

3. 03

   視聴者参加を主役に

   ギフトやいいねで展開が変わる仕組みを広げ、「見る」から「参加する」配信へ。

4. 04

   独立したゲームへ拡張

   ソートを使わない Runner や Gatling Defense など、LIVE向けのゲームを複数展開。

Featured Experiences

注目のゲームモード

Other Modes

• Sortソートモード

  15種類以上のソートアルゴリズムを、心地いい音とともに目で見て楽しむ。

• Quest / Battle Runクエストモード

  5つのソートステージを制限時間内に協力して並べ替える。ギフトでアルゴリズムを強化できます。

• Pure Skill Checkスキルチェックモード

  タイミングよく判定ゾーンを狙うスキルチェック。視聴者はギフトやコメントで妨害・応援できます。

LIVE Interaction

視聴者のアクションが、そのままゲームになる

• Like

  画面をタップしていいねを送る

  いいねが一定数たまるとイベントが発生。Gatling Defense では敵の勢いが増します。

• Gift

  ギフトを贈る

  ゲームごとに妨害や支援の効果が発動。贈った順に1つずつ反映されます。

• Comment

  決められたワードをコメントする

  投票やチャンスタイムに参加。Sort Battle ではチームの応援になります。

• Follow

  配信者をフォローする

  スピードアップや支援など、モードごとのボーナスが発生します。

Technical Challenges

LIVEで遊べるゲームにするための工夫

• LIVEイベントを公平に処理する

  Problemギフトが立て続けに届くと、後から来た効果に埋もれて「自分のギフトが反映されなかった」と感じさせてしまう。参加した手応えがなければ、視聴者参加型は成り立たない。

  Solutionゲームに届いたアクションはキューで管理。ギフトは届いた順に1つずつ必ず反映し、いいねによるイベントはギフトを追い越さない優先度で反映する設計にしました。誰の、どのアクションで何が起きたかが画面上で分かるようにしています。

• 実LIVEを改善につなげるログ基盤

  Problem「ギフトが反映されない」「いいねがカウントされない」など、実際の配信ではローカルのテストでは起きない問題が起きる。どこで盛り上がり、どこで止まったかも、配信を終えると分からなくなる。

  Solution配信ごとにイベントを記録して集計・時系列分析し、見つけた問題はシナリオとして再生して再現・修正します。個人情報を取り除いた分析結果だけを、次の仕様や改善へ戻しています。

• 3秒でわかるゲーム画面

  ProblemTikTok LIVE の視聴者は途中から入ってきて、スマホの小さな画面で見る。ルール説明を読んでもらう前提にはできない。

  Solution撃つ・飛ぶ・止めるなど、一瞬で理解できるゲーム性を最優先。縦型 9:16 でゲーム領域を大きく取り、HP やいいねゲージ、ギフトで何が起きるかを示す Gift Guide、リザルトなどの情報に優先順位をつけて配置しています。

Architecture / Tech Stack

LIVEイベントが配信画面に届くまで

Development Process

小さく、速く、積み重ねる

• 300+Updates

  300回以上のアップデート

  初回コミット以降、実際の配信で気づいたことを小さな改善として積み重ね、300回以上のアップデートを重ねてきました。

• 6 Modesin 2 months

  約2か月で6モード

  2026年8月の初回コミットから約2か月で、ソート可視化から6つのゲームモードまで拡張しました。

• AIHarness

  AIを組み込んだ開発プロセス

  仕様や設計判断をドキュメントとして整理し、AIエージェントがそれを読みながら設計・実装・検証を回せる開発基盤を整えています。

2026年9月時点