"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "iam-とは何ですか", "hProperties": { "id": "iam-とは何ですか" } }, "depth": 2, "value": "IAM とは何ですか？" }, { "data": { "id": "認証と認可", "hProperties": { "id": "認証と認可" } }, "depth": 3, "value": "認証と認可" }, { "data": { "id": "oauth", "hProperties": { "id": "oauth" } }, "depth": 2, "value": "OAuth" }, { "data": { "id": "openid-connect-oidc", "hProperties": { "id": "openid-connect-oidc" } }, "depth": 2, "value": "OpenID Connect (OIDC)" }, { "data": { "id": "例シナリオgoogle-でサインイン", "hProperties": { "id": "例シナリオgoogle-でサインイン" } }, "depth": 3, "value": "例シナリオ：「Google でサインイン」" }, { "data": { "id": "saml", "hProperties": { "id": "saml" } }, "depth": 2, "value": "SAML" }, { "data": { "id": "saml-と-oidc-の比較", "hProperties": { "id": "saml-と-oidc-の比較" } }, "depth": 3, "value": "SAML と OIDC の比較" }, { "data": { "id": "シングルサインオンsso", "hProperties": { "id": "シングルサインオンsso" } }, "depth": 2, "value": "シングルサインオン（SSO）" }, { "data": { "id": "sso-の仕組み", "hProperties": { "id": "sso-の仕組み" } }, "depth": 3, "value": "SSO の仕組み" }, { "data": { "id": "oidc-ベースの-sso-の例", "hProperties": { "id": "oidc-ベースの-sso-の例" } }, "depth": 4, "value": "OIDC ベースの SSO の例" }, { "data": { "id": "企業向け-sso", "hProperties": { "id": "企業向け-sso" } }, "depth": 3, "value": "企業向け SSO" }, { "data": { "id": "企業向け-sso-プロバイダーの追加例", "hProperties": { "id": "企業向け-sso-プロバイダーの追加例" } }, "depth": 4, "value": "企業向け SSO プロバイダーの追加例" }, { "data": { "id": "jwt", "hProperties": { "id": "jwt" } }, "depth": 2, "value": "JWT" }, { "data": { "id": "まとめ", "hProperties": { "id": "まとめ" } }, "depth": 2, "value": "まとめ" }]; const readingTime = { "minutes": 4, "words": 1330, "text": "4 min read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", code: "code", em: "em", h2: "h2", h3: "h3", h4: "h4", hr: "hr", li: "li", p: "p", pre: "pre", span: "span", strong: "strong", ul: "ul", ..._provideComponents(), ...props.components }, {LogtoCloudButton, Note} = _components; if (!LogtoCloudButton) _missingMdxReference("LogtoCloudButton", true); if (!Note) _missingMdxReference("Note", true); return _jsxs(_Fragment, { children: [_jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/iam", children: "アイデンティティとアクセス管理（IAM）" }), "の分野は近年より複雑さを増しました。", _jsx(_components.a, { href: "https://auth.wiki/oauth", children: "OAuth" }), "、", _jsx(_components.a, { href: "https://auth.wiki/openid-connect", children: "OpenID Connect (OIDC)" }), "、", _jsx(_components.a, { href: "https://auth.wiki/saml", children: "SAML" }), "、", _jsx(_components.a, { href: "https://auth.wiki/single-sign-on", children: "SSO" }), "、", _jsx(_components.a, { href: "https://auth.wiki/jwt", children: "JWT" }), "のような華やかな用語が頻繁に使われますが、それぞれ何を意味し、どのように共に機能するのでしょうか？これらの概念とフレームワークを探索して、より理解しやすく実用的にしましょう。"] }), "\n", _jsx(Note, { children: _jsxs(_components.p, { children: ["これらのプロトコルとフレームワークはそれぞれ深く掘り下げることができます。この記事は基本的な理解を提供することを目的としています。各トピックの詳細な洞察については、", _jsx(_components.a, { href: "https://auth.wiki", children: "Auth Wiki" }), "をご覧ください。"] }) }), "\n", _jsxs(_components.h2, { id: "iam-とは何ですか", children: ["IAM とは何ですか？", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#iam-とは何ですか", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["アイデンティティとアクセス管理（IAM）は、デジタル", _jsx(_components.strong, { children: "アイデンティティ" }), "を管理し、", _jsx(_components.strong, { children: "アクセス制御" }), "を実装するという広範な概念です。前述のフレームワークとプロトコルは IAM に属し、それぞれこの領域の特定の課題に対処しています。"] }), "\n", _jsx(_components.p, { children: "本質的に、IAM は次のようなものです：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "アイデンティティ" }), ": ユーザー、サービス、またはデバイスのデジタル表現。アイデンティティには通常、名前、メール、役割など、エンティティを記述する属性が含まれます。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "アクセス" }), ": リソースと対話し、アクションを実行し、またはサービスを使用する能力。アクセスは、どのリソースでどのアクションを実行できるかを定義します。"] }), "\n"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "graph LR\n subgraph User\n Name\n Email\n Role\n end\n\n API\n\n User -->|GET| API\n" }) }), "\n", _jsxs(_components.p, { children: ["上の図では、ユーザー（アイデンティティ）は API（リソース）に ", _jsx(_components.code, { children: "GET" }), " リクエストを実行したいと考えています。ユーザーの属性 - 名前、メール、役割 - はアイデンティティを記述します。"] }), "\n", _jsxs(_components.h3, { id: "認証と認可", children: ["認証と認可", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#認証と認可", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "認証と認可は、IAM の議論でよく一緒に現れます。それらの定義を明確にしましょう：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "認証" }), ": アイデンティティの所有権を確認するプロセスです。「どのアイデンティティを所有していますか？」という質問に答えます。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "認可" }), ": 認証されたアイデンティティがリソースでどのアクションを実行できるかを決定するプロセスです。「何ができますか？」という質問に答えます。"] }), "\n"] }), "\n", _jsx(Note, { title: "認可とアクセスコントロールの違いとは？", children: _jsxs(_components.p, { children: ["認可はアクセスコントロールのサブセットです。アクセスコントロールは、認可やその他の制限を含むより広範囲な概念です。詳細については、", _jsx(_components.a, { href: "https://auth.wiki/access-control", children: "アクセスコントロール" }), "を参照してください。"] }) }), "\n", _jsx(_components.p, { children: "前の例では：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["ユーザー（アイデンティティ）が何らかのアクションを実行する前に、", _jsx(_components.strong, { children: "認証" }), "プロセスを完了する必要があります。"] }), "\n", _jsxs(_components.li, { children: ["認証後、システムはユーザーが API（リソース）で ", _jsx(_components.code, { children: "GET" }), " リクエストを実行できるかどうかを判断する必要があります。つまり、", _jsx(_components.strong, { children: "認可" }), "プロセスを完了します。"] }), "\n"] }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.p, { children: "この基本的な知識を武器に、その他の頭字語とプロトコルを解き明かしましょう。" }), "\n", _jsxs(_components.h2, { id: "oauth", children: ["OAuth", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#oauth", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/oauth-2.0", children: "OAuth 2.0" }), "、通常 OAuth として知られるのは、アプリケーションが別のアプリケーション（通常はユーザーを代表して）で保護されたリソースにアクセスすることを可能にする", _jsx(_components.strong, { children: "認可" }), "フレームワークです。"] }), "\n", _jsxs(_components.p, { children: ["例えば、", _jsx(_components.em, { children: "MyApp" }), " というウェブアプリケーションがユーザーの Google Drive にアクセスしたいと仮定します。", _jsx(_components.em, { children: "MyApp" }), " は、ユーザーに Google Drive の資格情報を共有するように求める代わりに、OAuth 2.0 を使用して Google に対しユーザーの Drive へのアクセス権を求めることができます。"] }), "\n", _jsx(_components.p, { children: "以下は OAuth フローを示す簡略化された図です：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n autonumber\n actor User\n participant MyApp\n participant Google\n\n User->>MyApp: Open MyApp and
click \"Connect Google Drive\"\n MyApp->>Google: Redirect to Google
with authorization request\n Google->>User: Prompt for Google login\n User->>Google: Log in\n Google->>User: Ask for permission to
access Google Drive\n User->>Google: Grant access to MyApp\n Google->>MyApp: Redirect to MyApp
with an access token\n MyApp->>Google: Use access token to
access Google Drive\n" }) }), "\n", _jsx(_components.p, { children: "このフローでは：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.em, { children: "MyApp" }), " は Google Drive（リソース）へのアクセスを要求するクライアント（アイデンティティ）です。"] }), "\n", _jsxs(_components.li, { children: ["手順6でユーザー（リソース所有者）が ", _jsx(_components.em, { children: "MyApp" }), " に対して許可を与え、", _jsx(_components.strong, { children: "認可" }), "プロセスが完了します。"] }), "\n"] }), "\n", _jsx(Note, { children: _jsx(_components.p, { children: "OAuth 2.0 は、ユーザーが Google に対してどのように認証するか（ステップ3と4）を定義していません。この側面は Google の実装に任されています。" }) }), "\n", _jsxs(_components.p, { children: ["OAuth 2.0 の重要な要素は", _jsx(_components.strong, { children: "アクセストークン" }), "で、クライアントがユーザーのリソースへのアクセス許可を示すために使用します。詳細については、", _jsx(_components.a, { href: "https://auth.wiki/access-token", children: "アクセストークン" }), "をご覧ください。"] }), "\n", _jsxs(_components.h2, { id: "openid-connect-oidc", children: ["OpenID Connect (OIDC)", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#openid-connect-oidc", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/openid-connect", children: "OpenID Connect (OIDC)" }), " は、OAuth 2.0 上に構築された", _jsx(_components.strong, { children: "認証" }), "レイヤーです。OIDC は、", _jsx(_components.a, { href: "https://auth.wiki/id-token", children: "ID トークン" }), "や", _jsx(_components.a, { href: "https://auth.wiki/userinfo-endpoint", children: "UserInfo エンドポイント" }), "など、認証のための特定の機能を追加し、認証と認可の両方に適しています。"] }), "\n", _jsxs(_components.p, { children: ["OAuth フローに OIDC を追加すると、", _jsx(_components.strong, { children: "ID トークン" }), "が導入されます。このトークンには認証されたユーザーに関する情報が含まれており、", _jsx(_components.em, { children: "MyApp" }), " にユーザーのアイデンティティを確認させます。"] }), "\n", _jsxs(_components.h3, { id: "例シナリオgoogle-でサインイン", children: ["例シナリオ：「Google でサインイン」", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#例シナリオgoogle-でサインイン", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["例を変えてみましょう。", _jsx(_components.em, { children: "MyApp" }), " がユーザーに Google アカウントを使用してサインインさせたい場合、目的はリソースへのアクセスではなく認証に切り替わります。この場合、OIDC がより適しています。ここでは OIDC フローが次のようになります："] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n autonumber\n actor User\n participant MyApp\n participant Google\n\n User->>MyApp: Click \"Sign in with Google\"\n MyApp->>Google: Redirect with authentication request\n Google->>User: Prompt for Google login\n User->>Google: Log in\n Google->>User: Request permission to
share user info\n User->>Google: Grant permission\n Google->>MyApp: Redirect to MyApp
with ID and access tokens\n MyApp->>MyApp: Verify and extract user
info from ID token\n" }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "重要な違い" }), ": アクセストークンに加えて、OIDC は ", _jsx(_components.strong, { children: "ID トークン" }), "を提供し、", _jsx(_components.em, { children: "MyApp" }), " は追加の要求を必要とせずにユーザーを認証できます。"] }), "\n", _jsxs(_components.p, { children: ["OIDC は、OAuth 2.0 の", _jsx(_components.a, { href: "https://auth.wiki/oauth-2.0-grant", children: "グラント" }), "定義を共有し、両方のフレームワーク間での互換性と一貫性を確保しています。"] }), "\n", _jsxs(_components.h2, { id: "saml", children: ["SAML", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#saml", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/saml", children: "Security Assertion Markup Language (SAML)" }), " は、", _jsx(_components.strong, { children: "認証" }), "と", _jsx(_components.strong, { children: "認可" }), "データを交換するための XML ベースのフレームワークです。2000年代初頭に導入された SAML は、企業環境で広く採用されています。"] }), "\n", _jsxs(_components.h3, { id: "saml-と-oidc-の比較", children: ["SAML と OIDC の比較", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#saml-と-oidc-の比較", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "SAML と OIDC は機能的には似ていますが、その実装の詳細が異なります：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "SAML" }), ": XML ベースのアサーションを使用し、より複雑とされることが多いです。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "OIDC" }), ": JSON と JWT を活用し、より軽量で開発者に優しいです。"] }), "\n"] }), "\n", _jsx(_components.p, { children: "モダンなアプリケーションは、そのシンプルさと柔軟性から OIDC を好むことが多いですが、SAML はレガシーシステムや企業用途で依然として広く使われています。" }), "\n", _jsxs(_components.h2, { id: "シングルサインオンsso", children: ["シングルサインオン（SSO）", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#シングルサインオンsso", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/sso", children: "シングルサインオン（SSO）" }), " は、ユーザーが複数のアプリケーションやサービスに単一の資格情報でアクセスできるようにする", _jsx(_components.strong, { children: "認証" }), "スキームです。"] }), "\n", _jsxs(_components.h3, { id: "sso-の仕組み", children: ["SSO の仕組み", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#sso-の仕組み", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["SSO は、中央の", _jsx(_components.a, { href: "https://auth.wiki/identity-provider", children: "アイデンティティプロバイダー (IdP)" }), "に依存してユーザーのアイデンティティを管理します。IdP はユーザーを認証し、接続されたアプリケーションに認証や認可のサービスを提供します。"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "graph LR\n User --> AppA\n User --> AppB\n AppA <--> IdP[Identity Provider]\n AppB <--> IdP\n User -->|SSO| IdP\n" }) }), "\n", _jsx(_components.p, { children: "IdP は、OIDC、OAuth 2.0、SAML などのプロトコルを使用してこれらのサービスを提供できます。単一の IdP が複数のプロトコルをサポートし、異なるアプリケーションの多様なニーズに応えることができます。" }), "\n", _jsxs(_components.h4, { id: "oidc-ベースの-sso-の例", children: ["OIDC ベースの SSO の例", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#oidc-ベースの-sso-の例", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "OIDC ベースの SSO の例を見てみましょう：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n actor User\n participant AppA\n participant AppB\n participant IdP\n\n User->>AppA: Access Application A\n AppA->>IdP: Redirect to IdP\n IdP->>User: Prompt for credentials\n User->>IdP: Provide credentials\n IdP->>AppA: Send ID token\n AppA->>User: Grant access\n User->>AppB: Access Application B\n AppB->>IdP: Redirect to IdP\n IdP->>IdP: User already authenticated\n IdP->>AppB: Send ID token\n AppB->>User: Grant access\n" }) }), "\n", _jsx(_components.p, { children: "このフローでは、ユーザーは IdP に一度ログインし、複数のアプリケーション（AppA と AppB）で認証されます。" }), "\n", _jsxs(_components.h3, { id: "企業向け-sso", children: ["企業向け SSO", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#企業向け-sso", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["SSO は幅広い概念ですが、", _jsx(_components.a, { href: "https://auth.wiki/enterprise-sso", children: "企業向け SSO" }), "という用語に出くわすこともあります。これは、企業環境向けに設計された特定のタイプの SSO を指します（通常は従業員やパートナーのためのものです）。"] }), "\n", _jsx(_components.p, { children: "顧客があなたのアプリケーションに SSO を要求する場合、そのニーズと使用しているプロトコルを明確にすることが重要です。ほとんどの場合、特定のメールドメインについて、彼らの IdP（企業向け SSO を実装している IdP）にユーザーをリダイレクトして認証することが求められます。" }), "\n", _jsxs(_components.h4, { id: "企業向け-sso-プロバイダーの追加例", children: ["企業向け SSO プロバイダーの追加例", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#企業向け-sso-プロバイダーの追加例", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "ここに、あなたのアプリケーション（MyApp）が企業向け SSO プロバイダー（Banana）と統合する簡略化された例があります：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n actor User\n participant MyApp\n participant IdP as MyApp IdP\n participant Banana as Banana IdP\n\n User->>MyApp: Click \"Sign in\"\n MyApp->>IdP: Redirect to IdP\n IdP->>User: Prompt for credentials\n User->>IdP: Provide Banana email\n IdP->>Banana: Redirect to Banana IdP\n Banana->>User: Prompt for credentials\n User->>Banana: Provide credentials\n Banana->>IdP: Send response\n IdP->>MyApp: Send response\n MyApp->>User: Grant access to MyApp and display user data\n" }) }), "\n", _jsx(Note, { title: "知ってましたか？", children: _jsx(_components.p, { children: "IdP にリダイレクトすることは SSO フローで一般的なパターンです。このアプローチは、IdP がユーザーセッションの中央ポイントを維持しながら、複数のアプリケーションに認証と認可サービスを提供することを可能にします。" }) }), "\n", _jsxs(_components.h2, { id: "jwt", children: ["JWT", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#jwt", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://auth.wiki/jwt", children: "JSON Web トークン (JWT)" }), " は、RFC 7519 で定義されたオープンスタンダードで、2つのパーティ間の安全な通信を可能にします。OIDC での ID トークンの標準形式であり、OAuth 2.0 アクセストークンにも広く使用されています。"] }), "\n", _jsx(_components.p, { children: "JWT の主な特性は次の通りです：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "コンパクト" }), ": JWT は JSON オブジェクトをコンパクトにエンコードしたもので、転送しやすく保存しやすいです。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "自己完結型" }), ": JWT にはユーザーとトークン自体に関するすべての必要な情報が含まれています。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "検証可能かつ暗号化可能" }), ": JWT は署名と暗号化が可能で、データの完全性と機密性を確保します。"] }), "\n"] }), "\n", _jsx(_components.p, { children: "典型的な JWT は次のようになります：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { children: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJmb28iLCJuYW1lIjoiSm9obiBEb2UifQ.XM-XSs2Lmp76IcTQ7tVdFcZzN4W_WcoKMNANp925Q9g\n" }) }), "\n", _jsx(_components.p, { children: "この JWT は、ピリオドで区切られた3つの部分で構成されています：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { children: "{{header}}.{{payload}}.{{signature}}\n" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "ヘッダー" }), ": トークンのメタデータ、例えばトークンタイプと署名アルゴリズムを含みます。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "ペイロード" }), ": アイデンティティとトークン自体に関する情報を含みます。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "署名" }), ": トークンの完全性を検証します。"] }), "\n"] }), "\n", _jsx(_components.p, { children: "ヘッダーとペイロードはどちらも base64 でエンコードされた JSON オブジェクトです。上記の JWT は次のようにデコードできます：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-jsonc", children: "// ヘッダー\n{\n \"alg\": \"HS256\",\n \"typ\": \"JWT\"\n}\n// ペイロード\n{\n \"sub\": \"foo\",\n \"name\": \"John Doe\"\n}\n" }) }), "\n", _jsxs(_components.p, { children: ["JWT を使用すると、クライアントはトークンをデコードして、アイデンティティプロバイダーに追加のリクエストを行うことなくユーザーの情報を抽出できます。JWT について詳しく学ぶには、", _jsx(_components.a, { href: "https://auth.wiki/jwt", children: "JSON Web トークン (JWT)" }), "を訪れてください。"] }), "\n", _jsxs(_components.h2, { id: "まとめ", children: ["まとめ", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#まとめ", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "この記事では多くのことをカバーしました。ここで要点を例と共に要約してみましょう：" }), "\n", _jsxs(_components.p, { children: ["Web アプリケーション AppA が", _jsxs(_components.strong, { children: ["アイデンティティとアクセス管理（IAM）", _jsx(_components.strong, { children: "ソリューションを必要としていると想像してください。あなたは認証のために" }), "OpenID Connect (OIDC)"] }), " を使用するアイデンティティプロバイダー ", _jsx(_components.strong, { children: "Logto" }), " を選びます。OIDC は ", _jsx(_components.strong, { children: "OAuth 2.0" }), " の上に構築されているため、Logto はアプリケーションの認可もサポートします。"] }), "\n", _jsxs(_components.p, { children: ["ユーザーの手間を減らすために、Logto に「Google でサインイン」機能を有効にします。これは ", _jsx(_components.strong, { children: "OAuth 2.0" }), " を使用して、Logto と Google の間で認可データとユーザー情報を交換します。"] }), "\n", _jsxs(_components.p, { children: ["ユーザーが Logto 経由で AppA にログインすると、AppA はユーザー情報を含む ", _jsx(_components.strong, { children: "JSON Web トークン（JWT）" }), " を受け取ります。"] }), "\n", _jsxs(_components.p, { children: ["事業が成長すると、ユーザー認証を必要とする新しいアプリケーション AppB を立ち上げます。Logto が既に設定されているので、AppB に同じ認証フローを再利用できます。ユーザーは、単一の資格情報セットで AppA と AppB の両方にサインインできるようになります。この機能は", _jsx(_components.strong, { children: "シングルサインオン (SSO)" }), " として知られています。"] }), "\n", _jsx(_components.p, { children: "後に、ビジネスパートナーが SAML を使用した企業向け SSO システムを接続することを要求します。Logto が SAML 接続をサポートしていることを発見し、パートナーの SSO システムと Logto との間に接続を設定します。これで、パートナーの組織のユーザーも既存の資格情報を使って AppA と AppB にサインインできるようになります。" }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.p, { children: ["この記事がこれらの概念を明確にするのに役立ったことを願っています。さらに詳しい説明や例については、", _jsx(_components.a, { href: "https://auth.wiki", children: "Auth Wiki" }), "をチェックしてください。アプリケーションの IAM ソリューションを探しているなら、", _jsx(_components.a, { href: "https://logto.io", children: "Logto" }), " のような管理サービスを使用して時間と手間を節約することを検討してください。"] }), "\n", _jsx(LogtoCloudButton, {})] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }