> ## Documentation Index
> Fetch the complete documentation index at: https://twenty-claude-cool-pascal-5ay683.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# レイアウト

> Twentyでのレコードのナビゲーション、閲覧、表示方法。

export const VimeoEmbed = ({videoId, title = 'Video'}) => <div style={{
  padding: '69.01% 0 0 0',
  position: 'relative',
  margin: '32px 0px',
  borderRadius: '16px',
  overflow: 'hidden',
  border: '2px solid black'
}}>
    <iframe src={`https://player.vimeo.com/video/${videoId}?autoplay=1&loop=1&autopause=0&background=1&app_id=58479`} frameBorder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style={{
  position: 'absolute',
  top: 0,
  left: 0,
  width: '100%',
  height: '100%',
  transform: 'scale(1.1)'
}} title={title} />
  </div>;

## メインレイアウト

画面の中央は、あなたのレコードが存在する場所です。人物、企業、商談、タスク、メモ、ダッシュボード、ワークフロー、および任意のカスタムオブジェクトがここにあります。 ここでレコードを表示、編集、削除でき、新しいビューを作成できます。

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/main-layout.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=824339fbe359276dc2728a0450bd50ad" style={{width:'100%'}} width="1920" height="972" data-path="images/user-guide/home/main-layout.png" />

## ナビゲーションバー

左のサイドバーには、次のものがあります。

* **ワークスペース切り替え** — ワークスペースを切り替えるか、新しいワークスペースを作成します（上部のドロップダウン）
* **検索** — `/` を押してすぐにフォーカスし、すべてのオブジェクトを横断して検索します
* **設定** — 左上からアクセス
* **お気に入り** — 固定されたビュー。ユーザーごとに固有
* **オブジェクトショートカット** — 人物、企業、商談 などへのクイックアクセス
* **ワークフロー** — 自動化を作成

ドラッグして項目の順序を変更し、関連するオブジェクトをグループ化するフォルダーを作成し、使用しないものは非表示にします。

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/navigation-bar.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=438cff9acfaf75c3a62bb472d7b2d18a" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/navigation-bar.png" />

## コマンドメニュー

`Cmd+K`（Mac）または `Ctrl+K`（Windows）を押すか、右上の三点リーダーをクリックします。 ここから次のことができます：

* 新しいレコードを作成
* CSVでデータをインポートおよびエクスポート
* 新しいビューを作成
* 削除されたレコードにアクセスできます（Twenty はソフト削除とハード削除をサポートしています）
* ワークスペースをナビゲートするためのキーボードショートカットを確認

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/command-menu.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=e18b282ae5f1d9044337a47c355993a6" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/command-menu.png" />

## 検索

コマンドメニュー、ナビゲーションバー上部、または `/` を押すことでアクセスできます。 検索はすべてのオブジェクトを横断して機能します。

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/search-bar.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=950ccf326523ef3a847f734d6ef71078" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/search-bar.png" />

## サイドパネル

レコードをクリックすると、右側にサイドパネルが開きます。現在のページから離れることなく、レコードの主要な情報をすばやく概観できます。 **Open** をクリックして完全なレコードページに移動します。

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/side-panel.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=4589d3d9af50e3da30ff06a3e152a5ef" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/side-panel.png" />

## ビュー

すべてのオブジェクトで複数のビューをサポートしており、オブジェクトごとに無制限に作成できます。 左上のドロップダウンを使用してビューを切り替えます。

* **テーブル** — 表計算シート形式の行と列。グループ化、インライン編集、列のカスタマイズが可能
* **カンバン** — 選択フィールド別に整理されたカードをドラッグ＆ドロップで操作。パイプラインに最適
* **カレンダー** — 日付フィールドに基づいてレコードをプロットし、時間軸に沿った計画が可能

各ビューは、フィルター、並べ替え、フィールドの可視性を個別に保存します。 ビューをワークスペースで共有することも、非公開のままにすることもできます。 ビューをお気に入りに登録して、サイドバーからすばやくアクセスできます。

<img src="https://mintcdn.com/twenty-claude-cool-pascal-5ay683/aB4cYnlgNMdmNZD3/images/user-guide/home/view-menu.png?fit=max&auto=format&n=aB4cYnlgNMdmNZD3&q=85&s=b9fa4747c9cd9f6a3c9dd96a2a1da9c8" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/view-menu.png" />

## レコードページ

レコードを開くと、詳細ページは設定可能な**タブ**と**ウィジェット**で構成されます。 グリッド上でウィジェットを追加、削除、並べ替え、サイズ変更できます。フィールド、関連レコード、メール、タイムライン、タスク、ノート、ファイル、チャート、iframe などがあります。 各オブジェクトタイプには固有のレイアウトがあります。

<Card title="レイアウトの完全ガイド" icon="arrow-right" href="/l/ja/user-guide/layout/overview">
  ナビゲーション、ビュー、レコードページについての詳細なリファレンスとハウツー。
</Card>

<VimeoEmbed videoId="1185511790" title="レイアウト" />
