リーダー

BluePeriod の リーダー は、公開された作品を快適に読むための専用インターフェースです。小説の長時間の閲覧に最適化されたタイポグラフィと、階層構造を活かした目次機能を備えています。

リーダーの起動

Explore で作品を選択し、読むボタンを押すとリーダーが開きます。URLは /read/[id] または /read/[id]/[storyId] です。

storyId を指定した場合は、その Story から読み始めます。指定しない場合は、作品の先頭から表示されます。

画面構成

ヘッダー

リーダー上部には固定ヘッダーが表示されます。

本文

本文は作品のプロット構造に従って階層的にレンダリングされます。

Part タイトル
 └── Arc タイトル
      ├── Chapter タイトル
      │    ├── Story タイトル
      │    │    └── Section 本文...
      │    └── Story タイトル
      │         └── Section 本文...
      └── Chapter タイトル
           └── ...

タイポグラフィは原稿用フォント設定が適用され、長時間の読書でも疲れにくい設計になっています。

目次（Table of Contents）

目次トリガーを押すと、ドロワー形式の目次 が表示されます。Part → Arc → Chapter → Story の階層構造がツリー表示され、任意の位置にジャンプできます。

読書進捗の保存

リーダーは IntersectionObserver によって読書位置を自動的に検知し、進捗を保存します。

• ページを閉じても、次回開いたときに前回の位置が復元されます
• どの Story まで読んだかが追跡され、続きから読み始めることが可能です

プレビュー

公開前の作品を確認するための プレビュー 機能（/preview/[id]）も利用できます。プレビューは公開フローの最終確認にも使用されますが、URLを直接入力してプレビューを開くことも可能です。

次のステップ

• explore — 公開された作品の発見
• publish-work — 自分の作品を公開する