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

# Box Platformを使用した開発

export const HideElements = () => {
  return <style>
      {`
        #pagination, .feedback-toolbar {
          display: none !important;
        }

        #header.relative {
          display: none;
        }

        .mdx-content {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
        
        @media (min-width: 1030px) {
          #content-container {
            padding: 0 !important;
          }
        }
      `}
    </style>;
};

<HideElements />

<div className="homepage_container max-w-[1200px] mx-auto mb-4 px-0 lg:px-8 pb-12 my-18 xl:my-0">
  <h1 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center">Box Platformを使用した開発</h1>
  <p className="text-base md:text-lg mb-8 text-center">Box製品を最大限利用するために役立つすべての開発者向けリソース</p>

  <Columns cols={3}>
    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/start.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=e8a1f73dedfed9fd433f0a96406ca0a3" title="入門ガイド" href="/guides/getting-started" width="1127" height="632" data-path="static/homepage/start.png">
      数分でBox Platformの使用を開始
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/guides.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6b8a115b24740e30b179fe75cb45f9d3" title="チュートリアル" href="/guides/tutorials" width="1127" height="632" data-path="static/homepage/guides.png">
      最初のAPIコールから実稼働環境向けの統合まで、ステップバイステップで実際のアプリケーションを構築できます。
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/ai_dev_zone.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=4a3e8499b4ccbc30b0601ee30681fbd5" title="AIを活用したアプリケーションの作成" href="/ai" width="1137" height="634" data-path="static/homepage/ai_dev_zone.png">
      AIエージェントをBoxに接続し、Box AI APIを使用してAIフレームワークと統合
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/api.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6a75309bbaa6beb5991e88f26fe51fd7" title="APIリファレンス" href="/reference" width="1127" height="632" data-path="static/homepage/api.png">
      エンドポイントの詳細を確認し、APIコールを試行
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/changelog.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=4b82e1ba7c1818276d27be0891788102" title="変更ログ" href="/changelog/" width="1134" height="632" data-path="static/homepage/changelog.png">
      最新のリリース情報を常に把握
    </Card>

    <Card img="https://mintcdn.com/box/-BmW5d0QD618VCUx/static/homepage/dev_console.png?fit=max&auto=format&n=-BmW5d0QD618VCUx&q=85&s=6e40ba90586586fd8ba7571281b5bb0c" title="開発者コンソール" href="https://cloud.app.box.com/developers/console" width="1127" height="633" data-path="static/homepage/dev_console.png">
      Box Platformアプリを作成および管理
    </Card>
  </Columns>

  <h2 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center homepage_h2">入門ガイド</h2>

  <CardGroup cols={3}>
    <Card title="ユーザータイプの詳細" href="/platform/user-types/" icon="users" />

    <Card title="アプリケーションの種類を理解" href="/guides/applications/platform-apps/index/" icon="puzzle" />

    <Card title="認証方法について確認" href="/guides/authentication/select/" icon="fingerprint" />

    <Card title="アプリケーションの承認" href="/guides/authorization/" icon="shield-check" />

    <Card title="Boxへのファイルのアップロード" href="/guides/uploads/" icon="cloud-arrow-up" />

    <Card title="Boxからのファイルのダウンロード" href="/guides/downloads/" icon="download" />
  </CardGroup>

  <h2 className="mt-12 text-2xl text-black dark:text-white md:text-3xl lg:text-4xl font-bold mb-4 text-center homepage_h2">ツールの詳細</h2>

  <CardGroup cols={3}>
    <Card title="Box SDKとツール" href="/sdks-and-tools" icon="rocket">
      Box SDKと開発者向けツールで開発を加速
    </Card>

    <Card title="Box MCPサーバー" href="/guides/box-mcp/index" icon="server">
      Boxコンテンツに対してシームレスに操作を実行
    </Card>

    <Card title="Box UI Elements" href="/box-ui-elements" icon="sparkles">
      カスタムアプリにBox UI Elementsを埋め込み
    </Card>
  </CardGroup>
</div>