> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 開発者

> アプリの構築、API の利用、セルフホスト、コードベースへの貢献が可能です。

export const CardTitle = ({children}) => {
  return <div className="text-base font-semibold text-gray-900 dark:text-gray-100">
      {children}
    </div>;
};

<CardGroup cols={3}>
  <Card href="/l/ja/developers/extend/apps/getting-started" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-apps.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=0cbb3112417045a4259ad0a3443455d9" width="2880" height="1360" data-path="images/user-guide/halftone/dev-apps.png">
    <CardTitle>アプリ</CardTitle>
    カスタムオブジェクト、サーバーサイドロジック、UI コンポーネント、AI エージェントによって Twenty を拡張できます — これらはすべて TypeScript パッケージです。
  </Card>

  <Card href="/l/ja/developers/extend/api" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-api.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=2d16b6101a58ba6af45a44d9e89335fb" width="1440" height="680" data-path="images/user-guide/halftone/dev-api.png">
    <CardTitle>API</CardTitle>
    REST と GraphQL の API、Webhook、OAuth。
  </Card>

  <Card href="/l/ja/developers/self-host/capabilities/docker-compose" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-self-host.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=51da481429b1f204cd5b6da118636c29" width="1194" height="562" data-path="images/user-guide/halftone/dev-self-host.png">
    <CardTitle>セルフホスト</CardTitle>
    独自のインフラ上で Twenty を実行できます。
  </Card>

  <Card href="/l/ja/developers/contribute/capabilities/local-setup" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-contribute.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=335c66b6bb3cb71d75954f42c32dd59b" width="2880" height="1360" data-path="images/user-guide/halftone/dev-contribute.png">
    <CardTitle>貢献</CardTitle>
    モノレポをローカルにセットアップして、PR を提出しましょう。
  </Card>
</CardGroup>
