メインコンテンツへスキップ
トグルは、ドキュメント内のコンテンツを隠したり表示したりする便利な方法です。作業中でないセクションを折りたたんでおけるため、作業スペースをすっきり集中した状態に保てます。

トグルとは?

トグルは、ネストされたコンテンツを隠したり表示したりできる折りたたみ式のブロックです。アコーディオンやドロップダウンのようなイメージで、クリックすると内部が展開して内容が見え、折りたたむとスペースを節約できます。 トグルは次のような用途に最適です:
  • 常に表示する必要のない詳細情報を隠す
  • FAQ形式のドキュメントを作る
  • 参照資料をすぐ使える位置に置きつつ邪魔にならないようにする
  • 多くのセクションを持つ長いドキュメントを管理する
  • 共有ドキュメントやプレゼンテーションをより見やすくする

トグルの作成方法

Craftではいくつかの方法でトグルを作成できます:

スラッシュメニューを使う

1
Type / to open the slash menu
2
Search for “toggle” or scroll to find it
3
Select “Toggle” from the menu
4
Type your toggle title (the part that’s always visible)
5
Press Enter to create content inside the toggle

既存のコンテンツを変換する

ネストされたコンテンツを含む任意のブロックをトグルに変換できます:
1
Click on the block that contains nested content
2
Right-click (or use the block menu)
3
Select “Convert to Toggle”
そのブロックはネストされたすべてのコンテンツがデフォルトで隠れた状態のトグルになります。

トグルの展開と折りたたみ

トグルを展開する方法 - トグルタイトルの横にある矢印アイコン(▶)をClickします。矢印が下向き(▼)に回転してコンテンツが表示されます。 トグルを折りたたむ方法 - もう一度矢印アイコンをClickしてコンテンツを隠します。
On macOS, you can also use keyboard shortcuts:
  • Press Cmd+Enter on a toggle to expand/collapse it
  • Navigate between toggles with arrow keys

ネストされたトグルの操作

トグルの中にさらにトグルを入れて、複数レベルの折りたたみが可能です。階層的な情報構造を作る際に有用です:
▶ Project Overview
  ▶ Phase 1: Planning
    - Requirements gathering
    - Stakeholder meetings
  ▶ Phase 2: Development
    - Sprint 1
    - Sprint 2
各レベルのトグルはそれぞれ独立して展開・折りたたみができます。

トグルのヒントとベストプラクティス

分かりやすいタイトルを使う - タイトルは常に表示される部分なので、中身が何かを明確にしておいてください。 使いすぎに注意する - トグルを多用しすぎると、ドキュメントが迷路のように感じられます。本当にオプションのコンテンツに限定しましょう。 閲覧者を意識する - ドキュメントを共有する場合、どの情報をデフォルトで展開しておくべきかを考えてください。重要な情報は余分なクリックなしで見えるようにします。 他の機能と組み合わせる - トグルは次の機能と相性が良いです:
  • カードやページによる視覚的な整理
  • 構造化されたコンテンツのためのリスト
  • ドキュメントセクションのための見出し

トグルを通常のブロックに戻す方法

トグルを使わないことにした場合は:
1
Expand the toggle so you can see its content
2
Right-click on the toggle block
3
Select “Convert to Regular Block” (or use Ungroup)
コンテンツはそのまま残り、常に表示されるようになります。

トグルとページの使い分け

トグルを使うとき
  • コンテンツを隠したいがすぐにアクセスできるようにしたいとき
  • コンテンツがオプション的/参照用であるとき
  • FAQやヘルプドキュメントを作るとき
  • 関連情報を同一ビューにまとめておきたいとき
ページを使うとき
  • コンテンツに専用スペースが必要なとき
  • 個別にナビゲートする必要があるとき
  • コンテンツが大きく独立しているとき
  • 階層的なナレッジベースを構築したいとき

よくある利用シーン

会議メモ
  • 主要な議題を可視化しておく
  • 議論の詳細はトグル内に隠す
プロジェクトドキュメント
  • 概要は常時表示
  • 技術的な詳細はトグルに入れる
学習教材
  • 問題は見えるようにしておき
  • 解答は必要なときだけトグルで確認できるようにする
参照用ドキュメント
  • 重要ポイントは表示
  • 補助的な詳細はトグルに格納