Lattuceのノート表示レイアウト — Live、Read、固定アウトライン
LattuceのLive、Read、分割ノート表示を紹介。固定アウトラインが見出しを追い、タブレットではLiveを縦に配置。構造編集はToolsで行います。
講義ノートや章の下書きは、短くまとまらないことがよくあります。lattuce.appのノート保管庫では、ノートの表示方法と画面に合わせたレイアウトを一つの仕組みとして扱うようになりました。文脈を見失わずに書き、読み、セクション間を移動できます。
始める前に
| 必要なもの | 理由 |
|---|---|
| lattuce.appのLattuceアカウント | ノート保管庫はクラウドワークスペースにあります |
| 見出しが2つ以上あるノート | セクションがある場合にのみ固定アウトラインレールが表示されます |
Notesを開き、見出しのあるノートを選んで、ヘッダーから表示モードを選択します（タブレットとスマートフォンではモバイル書き込みツールバーからも選べます）。アカウントがなくてもNotesのデモを開けます。
3つの表示モード
| モード | UI上のラベル | 表示内容 | おすすめの用途 |
|---|---|---|---|
| Live | Live | インライン書式に対応した書式付き編集（Obsidian風のライブプレビュー） | 日々の執筆、講義の記録、下書き |
| Read | Read | 書式付きプレビューのみ — エディターの操作部品は表示されません | 確認、発表、読み取り専用リンクでの共有 |
| Source + preview | Source + preview（コンパクトなクロームではSplit） | 生のMarkdownと書式付きプレビューを並べて表示 | 表、貼り付けが多い編集、ソース構文の確認 |
選択したモードはセッションをまたいで記憶されます。スマートフォンのレイアウトではツールバーにEditとRead previewが表示されます。ソースとプレビューの分割表示は、より幅の広い分割ペインのワークスペースで利用できます。
Read優先で開く: ?view=previewを付けてノートを開くと、Readモードで表示され、編集に戻るための導線も目立つ形で示されます。下書きではなく閲覧用資料としてノートを共有するときに便利です。
画面サイズに応じたレイアウト
保管庫は、使用中のデバイスに合わせてノート列を調整します。
| 画面区分 | およその幅 | 保管庫レイアウト | ノート列 |
|---|---|---|---|
| スマートフォン | ≤767px | ペインを縦に配置（リスト ↔ ノート） | 一度に1つの表示 — LiveまたはRead |
| タブレット | 768–1023px | 保管庫、ノート、Toolsを横並びに表示 | LiveではエディターとReadプレビューを縦に配置し、入力しながら書式を確認できます |
| デスクトップ | ≥1024px | サイズ変更可能な保管庫とToolsを備えたフルワークスペース | Liveはエディター、Readはプレビュー、Splitはソースとプレビューを表示 |
タブレットでも、モバイル書き込みツールバーをそのまま使えます。Edit note、ブロックの挿入、リンク/ツール、元に戻す、Read previewを、オーバーフローメニューから探さずに操作できます。
ノートを横に並べる（URLのnote2=）場合も、タブレットでは同じLiveとReadプレビューの縦配置になります。見出しへのディープリンクは編集画面上で開くため、アウトラインのクリックや共有URLから正しいセクションに移動できます。
固定アウトラインレール
ノートに見出しが2つ以上あると、LiveとReadではドキュメントの横にセクションナビゲーターを表示できます。
- 幅の広いレイアウト — 左側に固定されたレール（「このノートについて」）を表示し、スクロール位置を追跡します。スクロールすると、現在のセクションが強調表示されます。
- 幅の狭いレイアウト — 同じセクションを、コンテンツの上に横並びのチップとして表示します。
セクションをクリックすると、その見出しまで滑らかにスクロールし、URLに#heading-idを設定します。ディープリンクを作成したり、前回の続きから再開したりするときに便利です。
Liveでは、アウトラインをクリックしてもLiveのままです。「Methods」や「Results」に移動するためだけに、Readへ切り替える必要はありません。
ナビゲーションと構造の編集
固定レールの用途はナビゲーションのみです。見出しの並べ替え、レベルの上げ下げ、セクションの折りたたみ、アウトラインのドラッグ＆ドロップ編集は、引き続きTools → Edit outlineで行います。
この分担により、レールはすばやく読みやすく使えます。上級者向けの構造編集も、予測しやすい一か所にまとまります。Tools列がすでに開いている幅の広いレイアウトでは、特に便利です。
画面上に十分なナビゲーションがすでにある場合、レールは非表示になります。たとえば、集中執筆モード、2つ目のノートを横に開いている場合、またはToolsに専用のアウトライン列が表示されている場合です。
タブレットでLiveとプレビューを縦に表示
タブレット幅では、LiveでエディターとReadプレビューを同時に表示できます。上のペインではライブ書式を使って編集し、下ではレンダリング済みのノートを確認できます。
両方のペインが表示されているときも、セクションリンクはエディターに結び付いたままです。そのため、アウトラインのクリックやブラウザーのハッシュURLから、ペイン間を飛び移ることなく正しい見出しへスクロールできます。
ヒント
- 長文を読む — Readに切り替え、知っている内容のブロックを通り過ぎるまでスクロールする代わりに、固定レールを使いましょう。
- 生のMarkdownを修正する — デスクトップではSource + previewを使うと、レンダリング結果の横でパイプ記号やフェンスを確認できます。
- プレビューでセクションを折りたたむ — Tools → Edit outlineを使います（本文のある見出しラベルをクリックすると折りたたみを切り替えます。ナビゲーションには、コンテキストメニューの「Scroll to heading」を使ってください）。
- タブレットでノートを横に並べる — URLに
note2=を付けて2つ目のノートを開きます。固定された横ペインでも、同じLiveとプレビューの縦配置を使います。
関連記事
- 登録せずにLattuceを試す —
/tryハブからNotesを開く - NotionとLattuceの比較 — ノート保管庫がリサーチ環境で果たす役割
- Lattuceとリサーチアプリの比較 — 比較ハブ（今後さらに多くのアプリを掲載予定）
まとめ
書式を付けて書くならLive、すっきり確認するならRead、レンダリング済みページの横に生ファイルを表示するならSource + preview。さらに、LiveとReadの固定アウトラインを使えば、ノートが長くてもノートPC、タブレット、スマートフォンで移動しやすくなります。構造の編集はToolsで行います。レールはノート内を移動するためのもので、構造を組み替えるためのものではありません。