01
Manual Editor の始め方
Manual Editorは、YAMLベースのマニュアルコンテンツを編集し、Sanity CMSに同期するツールです。
Manual Editor へのアクセス
Manual Editorへのアクセス方法をご案内します。
- ブラウザでManual Editor URLを開く開発環境:
http://localhost:3010/admin/manual-editor本番環境:https://your-domain.com/admin/manual-editor - 製品を選択ヘッダーの製品ドロップダウンから編集するマニュアル製品を選択します。
- セクションを選択左側のサイドバーから編集するセクションファイルをクリックします。
編集モード (YAML / Form)
Manual Editorは2つの編集モードを提供します。
YAML モード
YAMLモードは元のYAMLファイルを直接編集します。
- ファイル構造全体を一目で確認可能
- 大量の編集に適している
- YAML構文に慣れたユーザーに適している
_product.yamlファイルはYAMLモードでのみ編集可能
Form モード
Formモードは視覚的なフォームインターフェースで編集します。
- 直感的なUIで編集可能
- ドラッグアンドドロップで順序変更
- 画像選択機能内蔵
- リアルタイムプレビュー提供
- セクションファイルのみサポート (
_product.yamlを除く)
自動保存機能
Manual Editorは自動保存機能を提供します。
自動保存の動作
- 2秒後に自動保存: 編集後、2秒間入力がない場合、自動的にファイルに保存されます。
- セクション切り替え時に即座に保存: 別のセクションに移動すると、現在のセクションの変更が即座に保存されます。
- 保存状態表示: サイドバーの黄色い点(🟡)で未デプロイのセクションを確認できます。