チュートリアル: Microsoft Entra SSO と Sketch の統合

  • [アーティクル]

このチュートリアルでは、Sketch を Microsoft Entra ID と統合する方法について学習します。 Sketch を Microsoft Entra ID と統合すると、次のことができるようになります。

  • Sketch にアクセスできるユーザーを Microsoft Entra ID で制御する。
  • ユーザーが自分の Microsoft Entra アカウントを使って Sketch に自動的にサインインできるようにする。
  • 1 つの場所でアカウントを管理します。

前提条件

開始するには、次が必要です。

  • Microsoft Entra サブスクリプション。 サブスクリプションがない場合は、無料アカウントを取得できます。
  • Sketch でのシングル サインオン (SSO) が有効なサブスクリプション。
  • クラウド アプリケーション管理者と共に、アプリケーション管理者も、Microsoft Entra ID でアプリケーションを追加または管理することができます。 詳細については、Azure の組み込みロールに関するページを参照してください。

シナリオの説明

このチュートリアルでは、テスト環境で Microsoft Entra の SSO を構成してテストします。

  • Sketch では、SP Initiated SSO がサポートされます。
  • Sketch では、Just-In-Time ユーザー プロビジョニングがサポートされています。

Microsoft Entra ID への Sketch の統合を構成するには、ギャラリーからマネージド SaaS アプリのリストに Sketch を追加する必要があります。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。
  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[新しいアプリケーション] に移動します。
  3. [ギャラリーから追加する] セクションで、検索ボックスに「Sketch」と入力します。
  4. 結果パネルから [Sketch] を選択し、アプリを追加します。 お使いのテナントにアプリが追加されるのを数秒待機します。

または、Enterprise App Configuration ウィザードを使用することもできます。 このウィザードでは、SSO の構成に加えて、テナントへのアプリケーションの追加、アプリへのユーザーとグループの追加、ロールの割り当てを行うことができます。 Microsoft 365 ウィザードの詳細をご覧ください。

Sketch 用の Microsoft Entra SSO の構成とテスト

B.Simon というテスト ユーザーを使用して、Sketch に対する Microsoft Entra SSO を構成してテストします。 SSO が機能するためには、Microsoft Entra ユーザーと Sketch の関連ユーザーとの間にリンク関係を確立する必要があります。

Sketch に対して Microsoft Entra SSO を構成してテストするには、次の手順を実行します。

  1. Microsoft Entra SSO を構成する - ユーザーがこの機能を使用できるようにします。
    1. Microsoft Entra のテスト ユーザーの作成 - B.Simon を使用して Microsoft Entra シングル サインオンをテストします。
    2. Microsoft Entra テスト ユーザーを割り当てる - B.Simon が Microsoft Entra シングル サインオンを使用できるようにします。
  2. Sketch SSO の構成 - アプリケーション側でシングル サインオン設定を構成します。
  3. SSO のテスト - 構成が機能するかどうかを確認します。

スケッチでワークスペースに短い名前を選択する

短い名前を選択して情報を収集し、Microsoft Entra ID でセットアップ プロセスを続行するには、次の手順に従います。

Note

このプロセスを開始する前に、ワークスペースで SSO が使用できることを確認し、ワークスペースの [管理] パネルに [SSO] タブがあることを確認します。 [SSO] タブが表示されない場合は、カスタマー サポートにお問い合わせください。

  1. 管理としてワークスペースにサインインします。
  2. サイドバーの[ユーザーと設定] セクションに移動します。
  3. [シングル サインオン] タブをクリックします。
  4. 短い名前を [選択] で選択します。
  5. 一意の名前を入力します。この名前は 16 文字未満で文字、数字、ハイフンのみを含めることができます。 この名前は後で編集できます。
  6. [送信] をクリックします。
  7. 最初のタブ [ID プロバイダーの設定] を選択します。 このタブには、Microsoft Entra ID との統合を設定するために必要な一意のワークスペース値が表示されます。
    1. EntityID: Microsoft Entra ID では、これが Identifier フィールドです。
    2. ACS URL: Microsoft Entra ID では、これが Reply URL フィールドです。

これらの値は必ずすぐわかるようにしておく必要があります。 これらは、次のステップで必要になります。 各値の横にある [コピー] をクリックしてクリップボードにコピーします。

Microsoft Entra SSO の構成

次の手順に従って Microsoft Entra SSO を有効にします。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。

  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[Sketch]>[シングル サインオン] に移動します。

  3. [シングル サインオン方式の選択] ページで、 [SAML] を選択します。

  4. [SAML によるシングル サインオンのセットアップ] ページで、 [基本的な SAML 構成] の鉛筆アイコンをクリックして設定を編集します。

    Screenshot shows how to edit Basic SAML Configuration.

  5. [基本的な SAML 構成] セクションで、次の手順を実行します。

    a. [識別子] ボックスで、前の手順の EntityID フィールドを使用します。 sketch-<uuid_v4> のように表示されます。

    b. [応答 URL] ボックスで、前の手順の ACS URL フィールドを使用します。 https://sso.sketch.com/saml/acs?id=<uuid_v4> のように表示されます。

  6. [追加の URL を設定します] をクリックして、次の手順のようにします。

    [サインオン URL] テキスト ボックスに、URL として「https://www.sketch.com」と入力します。

    注意

    「スケッチでワークスペースに短い名前を選択する」の項から [識別子] と [応答 URL] の値を使用してください。

  7. Sketch アプリケーションは、特定の形式の SAML アサーションを使用するため、カスタム属性のマッピングを SAML トークンの属性の構成に追加する必要があります。 次のスクリーンショットには、既定の属性一覧が示されています。

    Screenshot shows the image of attribute mappings.

  8. その他に、Sketch アプリケーションでは、いくつかの属性が SAML 応答で返されることが想定されています。それらの属性を次に示します。 これらの属性も値が事前に設定されますが、要件に従ってそれらの値を確認することができます。

    名前 ソース属性
    email User.mail
    first_name User.givenname
    surname User.surname

  9. [SAML によるシングル サインオンのセットアップ] ページの [SAML 署名証明書] セクションで、[フェデレーション メタデータ XML] を探して [ダウンロード] を選択し、証明書をダウンロードして、お使いのコンピューターに保存します。

    Screenshot shows the Certificate download link.

Microsoft Entra テスト ユーザーを作成する

このセクションでは、B.Simon というテスト ユーザーを作成します。

  1. Microsoft Entra 管理センターにユーザー管理者以上でサインインしてください。
  2. [ID]>[ユーザー]>[すべてのユーザー] の順に移動します。
  3. 画面の上部で [新しいユーザー]>[新しいユーザーの作成] を選択します。
  4. [ユーザー] プロパティで、以下の手順を実行します。
    1. "表示名" フィールドに「B.Simon」と入力します。
    2. [ユーザー プリンシパル名] フィールドに「username@companydomain.extension」と入力します。 たとえば、「 B.Simon@contoso.com 」のように入力します。
    3. [パスワードを表示] チェック ボックスをオンにし、 [パスワード] ボックスに表示された値を書き留めます。
    4. [Review + create](レビュー + 作成) を選択します。
  5. [作成] を選択します。

Microsoft Entra テスト ユーザーを割り当てる

このセクションでは、B.Simon に Sketch へのアクセスを許可することで、このユーザーがシングル サインオンを使用できるようにします。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。
  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[Sketch] に移動します。
  3. アプリの概要ページで、[ユーザーとグループ] を選択します。
  4. [ユーザーまたはグループの追加] を選択し、 [割り当ての追加] ダイアログで [ユーザーとグループ] を選択します。
    1. [ユーザーとグループ] ダイアログの [ユーザー] の一覧から [B.Simon] を選択し、画面の下部にある [選択] ボタンをクリックします。
    2. ユーザーにロールが割り当てられることが想定される場合は、 [ロールの選択] ドロップダウンからそれを選択できます。 このアプリに対してロールが設定されていない場合は、[既定のアクセス] ロールが選択されていることを確認します。
    3. [割り当ての追加] ダイアログで、 [割り当て] をクリックします。

Sketch SSO の構成

スケッチで構成を完了するには、次の手順に従います。

  1. ワークスペースで、[シングル サインオン] ウィンドウの [Set up Sketch](スケッチのセットアップ) タブに移動します。
  2. XML メタデータ ファイルのインポートに関するセクションで前にダウンロードした XML ファイルをアップロードします。
  3. ログアウトします。
  4. [Sign in with SSO](SSO でサインイン) を選択します。
  5. 前の手順で構成した短い名前を使用して続行します。

SSO のテスト

このセクションでは、次のオプションを使用して Microsoft Entra のシングル サインオン構成をテストします。

  • [Test this application] (このアプリケーションをテストする) をクリックします。これにより、ログイン フローを開始できる Sketch のサインオン URL にリダイレクトされます。

  • Sketch のサインオン URL に直接移動し、そこからログイン フローを開始します。

  • Microsoft マイ アプリを使用することができます。 マイ アプリで [Sketch] タイルをクリックすると、Sketch のサインオン URL にリダイレクトされます。 詳細については、「Microsoft Entra のマイ アプリ」を参照してください。

次のステップ

Sketch を構成すると、組織の機密データを流出と侵入からリアルタイムで保護するセッション制御を適用することができます。 セッション制御は、条件付きアクセスを拡張したものです。 Microsoft Cloud App Security でセッション制御を強制する方法をご覧ください。