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

# はじめに

> 基本を学んで、認証ソリューションの構築を始めましょう。

export const AuthDocsPipeline = ({activeId}) => {
  const [hoveredId, setHoveredId] = useState(null);
  const VB_WIDTH = 1202;
  const VB_HEIGHT = 424;
  const AUTH_GROUP = new Set(['authenticate', 'provision-db', 'provision-social', 'add-login']);
  const CUSTOM_GROUP = new Set(['customize', 'brand', 'actions', 'extensions']);
  const STEPS = [{
    id: 'get-started',
    href: '/docs/get-started',
    cx: 53.7447,
    cy: 140.5572,
    r: 52
  }, {
    id: 'authenticate',
    href: '/docs/authenticate',
    cx: 239.164,
    cy: 140.5572,
    r: 52
  }, {
    id: 'manage-users',
    href: '/docs/manage-users',
    cx: 515.135,
    cy: 140.5572,
    r: 52
  }, {
    id: 'customize',
    href: '/docs/customize',
    cx: 791.106,
    cy: 140.5572,
    r: 52
  }, {
    id: 'deploy',
    href: '/docs/deploy-monitor',
    cx: 1147.57,
    cy: 140.5572,
    r: 52
  }, {
    id: 'secure',
    href: '/docs/secure',
    cx: 974,
    cy: 224,
    r: 44
  }, {
    id: 'provision-db',
    href: '/docs/authenticate#provision–database',
    cx: 67,
    cy: 410,
    r: 42
  }, {
    id: 'provision-social',
    href: '/docs/authenticate#provision–social',
    cx: 167,
    cy: 410,
    r: 42
  }, {
    id: 'add-login',
    href: '/docs/authenticate#add-login',
    cx: 312,
    cy: 410,
    r: 42
  }, {
    id: 'brand',
    href: '/docs/customize#brand',
    cx: 720,
    cy: 410,
    r: 42
  }, {
    id: 'actions',
    href: '/docs/customize#actions',
    cx: 864,
    cy: 410,
    r: 42
  }, {
    id: 'extensions',
    href: '/docs/customize#extensions',
    cx: 964,
    cy: 410,
    r: 42
  }];
  const addGroupToSet = (id, set) => {
    if (!id) return;
    if (AUTH_GROUP.has(id)) {
      AUTH_GROUP.forEach(gid => set.add(gid));
    } else if (CUSTOM_GROUP.has(id)) {
      CUSTOM_GROUP.forEach(gid => set.add(gid));
    } else {
      set.add(id);
    }
  };
  const lit = new Set();
  addGroupToSet(activeId, lit);
  addGroupToSet(hoveredId, lit);
  return <div className="pipeline-wrapper">
      <img src="/docs/images/site-graph.svg" alt="Auth0 docs pipeline" className="pipeline-img block dark:hidden" noZoom />
      <img src="/docs/images/site-graph-dark.svg" alt="Auth0 docs pipeline" className="pipeline-img hidden dark:block" noZoom />

      {STEPS.map(({id, cx, cy, r}) => {
    if (lit.has(id)) return null;
    const left = (cx - r) / VB_WIDTH * 100;
    const top = (cy - r) / VB_HEIGHT * 100;
    const size = 2 * r / VB_WIDTH * 100;
    return <div key={`dim-${id}`} className="pipeline-dim-circle" style={{
      left: `${left}%`,
      top: `${top}%`,
      width: `${size}%`
    }} />;
  })}

      {STEPS.map(({id, href, cx, cy, r}) => {
    const left = (cx - r) / VB_WIDTH * 100;
    const top = (cy - r) / VB_HEIGHT * 100;
    const size = 2 * r / VB_WIDTH * 100;
    return <a key={id} href={href} aria-label={id} className={`pipeline-hotspot${lit.has(id) ? ' lit' : ''}`} style={{
      left: `${left}%`,
      top: `${top}%`,
      width: `${size}%`
    }} onMouseEnter={() => setHoveredId(id)} onMouseLeave={() => setHoveredId(null)} />;
  })}
    </div>;
};

<AuthDocsPipeline activeId="get-started" />

アプリケーションへのアクセスを管理するアイデンティティプラットフォーム、Auth0へようこそ。IDおよびアクセス管理（IAM）に詳しくない方は、基本的な情報を確認してから、ご自身のテクノロジーとニーズに最適なIAMを計画しましょう。すでにIAMについてよくご存知の方は、早速構築を始めましょう。

***

<div id="start-building">
  ## 構築を始める
</div>

<div id="to-get-up-and-running-swiftly-choose-your-application-type-for-a-step-by-step-quickstart-tutorial">
  ##### 素早く立ち上げて稼働させるため、アプリケーションのタイプを選択してください。詳しいクイックスタートチュートリアルをご用意します。
</div>

<Card title="Native/Mobile App" href="/docs/ja-JP/ja-jp/quickstart/native">
  Mobile or Desktop app that runs natively on a device

  e.g., iOS, Android
</Card>

<Card title="Single Page App" href="/docs/ja-JP/ja-jp/quickstart/spa">
  JavaScript web app that runs in the browser

  e.g., AngularJS + Node.js, React
</Card>

<Card title="Regular Web App" href="/docs/ja-JP/ja-jp/quickstart/webapp">
  Traditional web app that runs on the server

  e.g., Express.js, ASP.NET
</Card>

<Card title="Backend/API" href="/docs/ja-JP/ja-jp/quickstart/backend">
  An API or service protected by Auth0

  e.g., Express.js API, ASP.NET API
</Card>

***

<div id="learn-the-basics">
  ## 基本を学ぶ
</div>

<div id="build-your-knowledge-of-iam-technology-and-auth0">
  ##### IAMテクノロジーとAuth0について知識を増やしましょう。
</div>

<Card title="アイデンティティの基礎" href="/docs/ja-JP/ja-jp/get-started/identity-fundamentals">
  アイデンティティやアクセス管理の基礎について、さまざまなトピックで説明します。
</Card>

<Card title="Auth0の概要" href="/docs/ja-JP/ja-jp/get-started/auth0-overview">
  さまざまなユースケースを紹介します。IAMソリューションの構成要素を作成して接続します。
</Card>

***

<div id="configure-auth0">
  ## Auth0の構成
</div>

<div id="define-how-auth0-works-with-your-applications-and-apis-control-who-can-access-your-auth0-dashboard">
  ##### アプリケーションやAPIでAuth0をどのように利用するかを定義します。また、Auth0 Dashboardにアクセスできるユーザーも制御できます。
</div>

<Card title="Auth0 Teams" href="/docs/ja-JP/ja-jp/get-started/auth0-teams">
  Auth0 Teamsについて、Teamsを有効化する方法、テナントの表示と管理、テナントメンバーの管理などを説明します。
</Card>

<Card title="Dashboardプロファイル" href="/docs/ja-JP/ja-jp/get-started/dashboard-profile">
  Auth0 Dashboardのプロファイルセクションでオプションを設定する方法を説明します。
</Card>

<Card title="テナント設定" href="/docs/ja-JP/ja-jp/get-started/tenant-settings">
  Auth0テナントの動作を構成します。
</Card>

<Card title="Auth0内のアプリケーション" href="/docs/ja-JP/ja-jp/get-started/applications">
  Auth0がアプリケーションとどのように動作するのかを詳しく制御します。
</Card>

<Card title="API" href="/docs/ja-JP/ja-jp/get-started/apis">
  貴社のAPIに対するリソース要求のアクセス権を管理します。
</Card>

<Card title="ダッシュボードアクセスを管理する" href="/docs/ja-JP/ja-jp/get-started/manage-dashboard-access">
  チームメンバーのAuth0 Dashboardアクセスを管理します。
</Card>

***

<div id="plan-and-design">
  ## 計画とデザイン
</div>

<div id="learn-about-auth0-flows-and-architecture-so-you-can-make-informed-decisions-about-your-auth0-implementation">
  ##### Auth0のフローとアーキテクチャについて知り、Auth0導入で情報に基づいた決断を下しましょう。
</div>

<Card title="認証フローと認可フロー" href="/docs/ja-JP/ja-jp/get-started/authentication-and-authorization-flow">
  認証と認可を後押しする各種の情報フローについて説明します。
</Card>

<Card title="アーキテクチャシナリオ" href="/docs/ja-JP/ja-jp/get-started/architecture-scenarios">
  顧客による実際のAuth0実装について説明します。
</Card>

<Card title="プロフェッショナルサービス" href="/docs/ja-JP/ja-jp/get-started/professional-services">
  ソリューションのデプロイメントと維持について、Auth0の専門家がご要望に合わせたサポートを提供します。
</Card>

***

<div id="auth0-ai">
  ## Auth0 AI
</div>

<div id="use-the-auth0-ai-product-suite-to-learn-about-auth0-integrate-with-ai-agents-and-improve-your-tenants-security-posture">
  ##### Use the Auth0 AI product suite to learn about Auth0, integrate with AI agents, and improve your tenant’s security posture.
</div>

<Card title="Auth0 Guide" href="/docs/ja-JP/ja-jp/get-started/auth0-guide">
  Learn about Auth0 Guide, an AI-powered chatbot that answers your questions about Auth0.
</Card>

<Card title="Auth0 for AI Agents" href="/docs/ja-JP/ja-jp/get-started/auth0-for-ai-agents">
  Learn how to leverage Auth0 for AI Agents to secure every layer of your GenAI stack.
</Card>

<Card title="Auth0 Model Context Protocol (MCP) Server" href="/docs/ja-JP/ja-jp/get-started/auth0-mcp-server">
  Learn how to integrate Auth0 with Model Context Protocol (MCP).
</Card>
