# GitBook UI

GitBookは、作成したコンテンツを整理・管理しやすくするために、さまざまなセクションに分かれています。

### サイドバー

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FMINl0qBtvGV3pt8G3bnZ%2FCleanShot%202025-12-10%20at%2010.02.40.png?alt=media&#x26;token=57f3871d-67b0-432e-b646-8b5e5a073aaa" alt=""><figcaption><p>GitBookのサイドバーには、ドキュメント全体のほか、通知、検索バー、スニペットなどが表示されます。</p></figcaption></figure></div>

サイドバーでは、GitBook組織の概要を一目で確認できます。サイドバーには次の項目が含まれます:

* **組織の切り替え**\
  複数の組織に所属している場合、ここでそれらを表示および切り替えることができます。このメニューから新しい組織を作成することも可能です。
* **通知**\
  コメントや会話でタグ付けされたとき、またはあなたが作業しているスペースで重要なアクティビティがあったときに、 [通知](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/notifications) で新着をお知らせします。
* **質問または検索**\
  提供： [GitBook AI](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/searching-your-content/gitbook-ai)では、自然言語で質問したり、組織内のさまざまなスペースやコンテンツを検索したりできます。
* **ホーム**\
  ホームページでは、チームが取り組んでいるすべてのことを一目で確認できます。未処理の変更リクエスト、議論やコメント、最近のページ編集などを表示できます。
* **ドキュメントサイトのホーム**\
  クリックすると、組織内で作成したすべてのドキュメントサイトの概要ページに移動します。
* **統合**\
  GitBook [統合](https://github.com/GitbookIO/public-docs/blob/main/content-editor/editor/broken-reference/README.md) はコンテンツを強化し、ページにより多くの要素を埋め込んだり、他のアプリからナレッジベースに情報を追加したりできるようにします。
* **ドキュメントサイト**\
  このセクションを切り替えると、 [ドキュメントサイト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/publish-a-docs-site) をサイドバーで一覧表示し、クリックで移動できます。
* **スペース**\
  スペースのセクションには、あなたが追加コンテンツを作成する際に作成する [コレクション](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/collection) および [スペース](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/space) が見つかります。詳細は、 [コンテンツ構造](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure) のセクションを参照してください。
* **設定**\
  ここでは、 [個人設定](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/akaunto/account-settings) および [組織設定](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/akaunto/organization-settings) がサイドバーの下部にあります。ここでライト/ダークモードの切り替えを行ったり、必要に応じてサポートチームに助けを求めたりできます。
* **ゴミ箱**\
  削除されたスペースはゴミ箱に表示されます。最大7日間は復元できますが、その後は完全に削除されます。

### 目次

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FZYKSwnzcZOkqVA2xgRlX%2FCleanShot%202025-12-10%20at%2010.07.01.png?alt=media&#x26;token=47cb70e3-4cee-4fdd-8247-28a04e75f92e" alt=""><figcaption><p>目次には、選択したスペース内のすべてのページとリンクが一覧表示されます。</p></figcaption></figure></div>

デフォルトでは、目次にはスペースを構成する [ページ、リンク、およびグループ](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/page#organizing-your-content) の一覧が表示されます。目次はサイドバーの右側にあり、現在表示しているスペースに固有のものです。

目次はまた、スペースの [再利用可能コンテンツ](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/reusable-content) および [ファイル](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/insert-files) を表示・管理できる場所でもあります。

目次の **ページ** タブから次のことができます:

* 新規作成 [ページ](#pages) およびサブページ
* 作成 [ページグループ](#groups)
* 追加 [外部リンク](#external-links)
* アクセス [アクションメニュー](#the-actions-menu) <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt=""></picture> を個別のページに対して利用できます。

で、 **ライブラリ** タブでは、次のことができます:

* スペース内の再利用可能なコンテンツ、変数、画像、ファイルを表示および検索する
* 他のスペースから再利用可能なコンテンツを表示して挿入する
* ライブラリに新しいアイテムを作成またはインポートする
* ライブラリのアイテムをページにドラッグアンドドロップする
* ライブラリの任意のアイテムをダブルクリックして名前を変更する
* 画像のプレビュー
* 画像やファイルの管理とダウンロード

以下は目次、特にライブラリタブでできることを示す短い動画です:

{% embed url="<https://youtu.be/gg-VZP2wl-I>" %}

ページのコンテンツにより集中したい場合は、目次の横にカーソルを合わせて表示される **非表示** ボタン <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F0goJ97jfVBvH656kUK0d%2Fpanel%20left.svg?alt=media&#x26;token=cb31d43b-804c-4c4f-b5bb-e71db0d03860" alt="The Hide button icon in GitBook"></picture> をクリックして目次を一時的に隠すことができます。再表示するには、ページの端付近にカーソルを合わせて **表示** ボタン <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FwOFmEqy96fMvDPjqjAED%2Fpanel%20right.svg?alt=media&#x26;token=2f39279a-cd05-48a3-8985-d07ec08663ba" alt="The Show button icon in GitBook"></picture>.

### をクリックしてください。

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F2Z5NSb3mmbMRoWqONncm%2FCleanShot%202025-12-10%20at%2010.08.48.png?alt=media&#x26;token=da8f53b3-d134-46e1-84d1-db3c1e1eb3cd" alt=""><figcaption><p>スペースヘッダー</p></figcaption></figure></div>

スペースヘッダーはエディタの上部にあり、スペース全体に適用されるオプションを提供します。 [スペースヘッダーには、現在表示しているスペースに関する情報が含まれています。スペースを公開・共有したり、スペースのコメントや履歴を表示したり、](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/getting-started/git-sync)などでデフォルト構成をカスタマイズおよび上書きできます。

{% hint style="info" %}
**GitHubまたはGitLabの同期を構成**するなどの操作が行えます。

スペースヘッダーは適応型であり、 [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests)現在のスペースやモードに応じて変化します。

たとえば、もしあなたが
{% endhint %}

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FrTr3IxB9SPupw4YedgqL%2FCleanShot%202025-12-10%20at%2010.11.01.png?alt=media&#x26;token=772809ef-1b4b-453f-9ce4-64883cfc292c" alt=""><figcaption><p>を編集している場合、変更リクエストの概要とともに、エディタを開く、変更を表示する、変更リクエストをマージするためのオプションが表示されます。</p></figcaption></figure></div>

読み取り専用のスペースを表示している場合は、コンテンツを編集するために新しい変更リクエストを作成する必要があります。ライブ編集はロックされています。

* **変更リクエスト内のスペースヘッダー。**\
  スペースヘッダーには次のものが含まれます:
* **スペースの絵文字またはアイコン**\
  サイドバーでスペースを簡単に識別できるように、スペース用の絵文字またはアイコンを選択できます。
* **スペース名**\
  サイドバーに表示されるスペースの名前であり、公開する場合はドキュメントにも表示されます。
* **操作メニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FPnnI41SqLSaKBNwT98fW%2Factions-horizontal.svg?alt=media&#x26;token=99754200-a354-4ffe-931e-aa6322ea7395" alt="The Actions menu icon in GitBook"></picture>

  スペースのパンくずリスト [スペースが属するコレクションやドキュメントサイトの完全な線形リスト。](#the-actions-menu)スペースに対するアクションの一覧を提供します。
* **概要**\
  ページアクション
* **に似て、スペースで利用できるアクションは現在のモードによって異なります。**\
  変更リクエストを表示しているとき、このタブは変更リクエストのタイトルと説明、参加者とレビュアーを表示します。また、すべての変更とコメントも表示します。
* **エディタビュー**\
  このビューでは、GitBookのブロックベースエディタを使ってコンテンツを編集できます。 [変更ビュー](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests#diff-mode) このビューは、差分表示を用いて変更リクエスト内で行われた
* **変更を強調表示します。**\
  新しいコンテンツをマージして変更を公開する前に確認するのに最適です。
* **プレビュー**\
  このビューでは、変更リクエストをマージする前にコンテンツのプレビューを素早く確認できます。
* **共同編集者**\
  この [あなたのスペース内で現在ページを閲覧している他の誰かのアバターで、カーソルの色を示すカラフルな丸が表示されます。アバターをクリックすると、その人が現在見ているページにジャンプします。](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/getting-started/git-sync) Git同期の構成
* **GitHubおよびGitLabの同期**\
  をスペース用に構成します。 [共有メニュー](https://github.com/GitbookIO/public-docs/blob/main/content-editor/editor/broken-reference/README.md) スペースを公開・共有することができます。また、このメニューから他の人を
* **コラボレーションに招待**\
  [することもできます。](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions) 変数
* **GitBook エージェント**\
  再利用可能な変数を作成してスペースで使用できるように追加します。 [GitBook エージェント](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/gitbook-jento).
* **共同でスペース内の変更に取り組むには、**\
  詳細は [コメント](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/comments) スペースのコンテンツについてあなたやチームが交わしたコメントや議論です。
* **変更リクエスト**\
  作成、更新、削除 [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests) をスペース内で行います。
* **スペース履歴**\
  表示 [バージョン履歴](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/version-control) スペースで行われたすべての変更、または現在の変更リクエストでの変更を時間を遡って確認できます。
* **編集ボタン**\
  スペースが公開されているか、誰かが[ ライブ編集](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits)をロックしている場合、 **編集** ボタンはスペースヘッダーに表示されます。それを押すと新しい [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests) が作成されてコンテンツを編集できます。

### サイトヘッダー

サイトヘッダーには、現在表示しているサイトに関する情報が含まれます。サイトのインサイト表示、カスタマイズ、設定の変更、さまざまなモードや画面サイズでのサイトプレビューなどが行えます。統合の構成やメンバーのアクセス管理も可能です。

サイトヘッダーには次のものが含まれます:

* **サイト名**\
  サイドバーでスペースを簡単に識別できるように、スペース用の絵文字またはアイコンを選択できます。
* **サイトのパンくずリスト**\
  ドキュメントサイトのメイン画面へのリンク。
* **概要**\
  サイト概要では、サイトのURL、公開状況、対象読者とコンテンツ、ならびにトップレベルのインサイトなど、サイトに関する重要な情報が表示されます。
* **インサイト**\
  この [インサイトパネル](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/insights) は、サイトの詳細な分析とパフォーマンスに関する情報を提供します。
* **カスタマイズ**\
  ここで、 [サイトをカスタマイズ](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/customization) して、独自のロゴ、色、ヘッダーリンクなどを設定できます。
* **設定**\
  サイトの [設定](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-settings) にアクセスして、名前、対象読者、コンテンツ構造などのオプションを管理できます。
* **変更を強調表示します。**\
  プレビュタブでは、公開されたサイトがデスクトップおよびモバイルの表示でライト/ダークモードでどのように見えるかを素早く確認できます。
* **統合**\
  このボタンはモーダルを開き、サイトに [統合](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/tong-he/install-an-integration) をインストールおよび構成
* **できるようにします。**\
  メンバーアクセス
* **GitBookアプリで誰があなたのサイトにアクセスできるか、またどの権限を持っているかを表示および管理します。**\
  サイトを表示

### クリックすると、公開されたドキュメントサイトを新しいタブで即座に開きます。このボタンはサイトが公開されている場合にのみ表示されます。

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FxpmoPcLU6kfep6QsXlxi%2FCleanShot%202025-12-10%20at%2010.18.49.png?alt=media&#x26;token=af2b3315-f6e0-4a12-b853-1cbbd5e0e0e9" alt=""><figcaption><p>コンテンツエディタ</p></figcaption></figure></div>

GitBookエディタでコンテンツを書き、ブロックを追加します。

エディタはスペースの主要部分で、GitBookでコンテンツを書いたり挿入したりする場所です。マルチプレイヤーをサポートしており、チームとリアルタイムで共同編集できます。 [次のものを挿入できます:](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks)コンテンツブロック [Markdown](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/formatting/markdown), [埋め込みコンテンツを](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/embed-a-url)入力したり、 [GitBook エージェント](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/gitbook-jento).

と共同で変更に取り組むことができます。

### さらに、ブロックにコメントしたり、チームメンバーをタグ付けしたりすることも可能です。 <a href="#page-title" id="page-title"></a>

ページタイトルと説明 **各ページの上部で、**&#x30BF;イトル **を設定し、オプションで**絵文字 **を追加し、**&#x8AAC;明

を書くことができます。使用したタイトルは目次に表示され、公開時にページのURLスラッグの元になります。

{% hint style="info" %}
ページの説明は最大200文字で、検索エンジンでのページのプレビュー文として機能します。 **ページのURLスラッグは、** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> > **ページアクション**を選択して変更できます。 [ページのURLスラッグは、](#page-options) 詳細については、以下を参照してください。
{% endhint %}

### ページアクションメニュー

ページの **操作メニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> により、ページの複製、名前変更、削除などを行うことができます。

を開くには、 **操作メニュー** サイドバーでページにカーソルを合わせたときに表示される <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> アイコン、またはページタイトルの横にあるアイコンを使用します。

{% hint style="info" %}
利用可能なアクションの種類は、あなたが [ライブ編集](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/live-edits) モードにいるか、 [変更リクエスト](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/collaboration/change-requests).
{% endhint %}

### かによって異なります。

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FquMiRmEYl2L5vg76GJWT%2FCleanShot%202025-12-10%20at%2010.24.19.png?alt=media&#x26;token=b29ba1c2-0f5f-4d35-9e40-dcc6a27165d3" alt=""><figcaption><p>この <strong>かによって異なります。</strong> ページオプションのサイドパネルは、ドキュメントとナビゲーションのカスタマイズオプションを提供します。</p></figcaption></figure></div>

ページオプションを使用すると、ドキュメントのレイアウトとナビゲーションをカスタマイズできます。ページオプションは編集モードにいるときのみアクセス可能です。

を開くには、 **かによって異なります。** ページの **「アクションメニュー」** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> を開き、 **オプション**を選択するか、ページのメインタイトルにカーソルを合わせて表示されたら **かによって異なります。** をクリックして、サイドパネルを開きます。

{% hint style="info" %}
目次を無効にするなどの特定の変更は、公開されたドキュメントにのみ適用され、エディタ上では表示されない場合があります。
{% endhint %}

### ページアウトライン

<div data-with-frame="true"><figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F29FlwGeQG1m2s6nQ8yBv%2FCleanShot%202025-12-10%20at%2010.26.57.png?alt=media&#x26;token=6b4e1658-1526-4089-bea4-5bfe5f5656e7" alt=""><figcaption><p>ページアウトラインはH1およびH2見出しを表示し、個々のページ内の特定のセクションへ素早く移動できます。</p></figcaption></figure></div>

この **ページアウトラインは** エディタの右側にあり、探しているページのセクションに直接ジャンプしやすくします。

あなたがページに追加した任意の [見出し](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/heading) はここに一覧表示されるページアウトラインに表示されます。

ページアウトラインは公開サイトにも表示されます。 [**かによって異なります。**](#page-options) サイドパネルからそれを選択することで、スペースのどこからでも参照できます。

{% hint style="info" %}
でオン/オフを切り替えることができます。もしアプリの右側のカラムが見えない場合、ブラウザウィンドウの幅が1430ピクセル未満である可能性があります。ページアウトラインを表示および使用するには、ブラウザウィンドウの幅が少なくとも1430ピクセル必要です。
{% endhint %}
