◌ MEDIA ORBITA WORLD OF CONNECTED STORIESPUBLIC UI REVIEW

画面と操作を、URLで共有

自分の作品宇宙を
眺め、つながりをたどる。

MEDIA ORBITは、映画・アニメ・アニメ映画・ドラマをNotionに保存し、ポスターと人物のつながりから探索する個人向け作品ライブラリーです。

このURLは画面レビュー用の静的資料です。掲載画像は2026年10月10日の本番画面です。画像内のボタンは操作できず、作品の保存・編集・Notion同期は行いません。

01 / HOME

UNIVERSE

原寸画像を開く ↗

保存作品を小さな星として表し、Movie・Anime・Anime Movie・Dramaの4つの星団からFormat別マップへ進みます。小さな作品の星は個別選択せず、大きなFormatの星が入口です。

MEDIA ORBITのホーム。中央にYOUR UNIVERSEと257 SAVED WORKS。周囲にMovie、Anime、Anime Movie、Dramaの星団。上部はUNIVERSEとDISCOVER、下部はDISCOVERとMY WORLDS。
本番のUNIVERSE HOME。257作品は撮影時点の値です。SAVEDとWATCHEDは別に集計し、視聴状態が空欄の作品を視聴済みとは扱いません。

02 / EXPLORE YOUR FORMAT

FORMAT ORBIT

原寸画像を開く ↗

選択したFormatの作品だけをポスターマップに表示します。D3 Force Simulationによる引力と反発を使い、関連する作品を近づけながらポスターの重なりを抑えます。

MEDIA ORBITのMovie ORBIT。67本の映画ポスターを有機的に配置した暗いマップ。上部にUNIVERSEへ戻る操作、Filter、Connections、Drift。中央のMEDIA ORBITロゴは表示していない。
本番のMovie ORBIT。中央のMEDIA ORBITノードは除去済み。Worldの囲みを設けず、関係の強い作品を薄い線で結びます。
  1. UNIVERSEでFormatを選ぶ。
  2. ポスターを選択し、右側の作品詳細を開く。
  3. 監督・原作者・脚本家・出演者などを選び、人物の関連作品を調べる。
  4. 本番の明示的な保存操作で、未保存作品をNotionへ追加する。

CURRENT FEATURES

本番アプリでできること

DISCOVER / 作品を追加

日本語の作品名をTMDbで検索。候補の版を選び、詳細を確認してからNotionへ保存します。検索しただけでは保存しません。

作品詳細

ポスター・年・あらすじ・人物・役名など、取得できた作品情報を表示。TMDb情報とIMDbリンクを中心に整理します。

人物から探索

保存済みの関連作品、最新作品、折りたたまれた過去作品を確認。人物の作品一覧をALL / SAVED / UNSAVED、年代順で探せます。

Connections

人物の役割や個人を選択してマップに表示。Focus this personで関連作品を強調し、Hide this personで非表示にできます。

MY WORLDS

シリーズやテーマのコレクションを作成・編集。候補作品を調べ、保存済みと未保存を比較し、作品を追加・除外できます。

Filter / Search / Drift

保存済み作品や人物を検索し、対象へ移動。Filterで絞り込み、Driftで穏やかな浮遊を切り替えます。音楽の点・人物名・Worldの枠を常時並べる構成ではありません。

保存と同期の仕組み

本番はCloudflare WorkersでAPIを処理し、Notionを作品ライブラリーの管理先として使います。D1はTMDb IDとNotionページの対応、取得キャッシュ、WORLD設定などを保持します。Queuesで追加情報の補完を進めます。

同じmovie / tvとTMDb ID、IMDb IDなどを照合し、重複や削除済み作品を確認します。既存のStatus・Ratingは保持し、新規作品に推測入力しません。本公開資料にAPIキー、NotionページID、個別の視聴状態・評価は含めていません。

今後の構想

DISCOVERの複数選択・一括保存、COLLECTIONでの視聴記録管理、作品間の経路を探すCONNECTION MAP、人物と役名をまとめるCAST VIEWは将来の構想です。完成済み機能として扱わないでください。

FOR A USEFUL REVIEW

ChatGPTに渡す情報

このページの画面画像・本文と、以下の公開UIコードから、レイアウトや操作の改善案を検討できます。この静的資料から、実際のズーム速度やNotion保存の成否を実測することはできません。

このURLはMEDIA ORBITの画面レビュー資料です。掲載画像の原寸リンクも開いて、文字の読みやすさ、情報の優先順位、操作導線、画面間の一貫性をレビューしてください。画像で確認できる事実とコードからの推測を分け、改善案を優先順に挙げてください。

画面画像・公開UIソース一式をダウンロード ↗