Skip to main content
Twenty アプリの レイアウトレイヤー とは、ユーザーに見えるすべての要素を指します。アプリがサイドバーのどこに表示されるか、どのリストビューを提供するか、レコード詳細ページがどのように構成されるか、そしてそれらのページ内でどのカスタム React コンポーネントがレンダリングされるかなどです。

このセクションについて

ビュー

defineView — 表示カラム、フィルター、グループなどを含む、保存済みリスト構成。

ナビゲーションメニュー項目

defineNavigationMenuItem — ビューまたは外部 URL を指すサイドバー項目。

ページレイアウト

definePageLayout および definePageLayoutTab — レコード詳細ページ上のタブとウィジェット。

フロントコンポーネント

defineFrontComponent — Twenty 内でレンダリングされる、サンドボックス化された React コンポーネント。

コマンドメニュー項目

defineCommandMenuItem — フロントコンポーネントを Cmd+K の項目およびクイックアクションとして登録します。

アプリが表示される場所

フロントコンポーネントは Remote DOM を使用して、分離された Web Worker 内で実行されます。ページ内に ネイティブに(iframe 内ではなく)レンダリングされますが、ホストページや DOM へ直接アクセスすることはできません。 Twenty との通信は、メッセージパッシング型のホスト API を通じて行われます。 これらは依然として積極的に開発中です。サンドボックスは DOM を部分的にのみ実装しているため、高度な利用方法では失敗する場合があります。 現在の制限 を参照してください。