CanvaをCanvasに接続する(学校の管理者向け)
学校向けCanva教育版を取得後、Canvasと接続することで、教員や児童生徒がコースから直接Canvaで作成したデザインを作成して提出できます。このガイドは、LTI 1.3またはLTI 1.1統合を設定する方法を説明します。
CanvaでLMS(学習管理システム)統合を有効にする
CanvaとCanvaを接続する前に、Canvaで学習管理システム(LMS)との統合を有効にしてください。
まだ接続していない場合は、 CanvaとLMS(学習管理システム)の接続をご覧ください。
正しいCanvaチームス内であることを確認してください
LMS統合を設定する前に、まず適切なチームに属していることを確認してください。
- 単一の学校または自治体・学校法人の場合、Canvaチームスは学校または自治体・学校法人のチームに属していることを確認します。
- 複数の学校に導入する場合は、組織の管理者が組織レベルでLMS(学習管理システム)を設定します。
詳細は、複数のチームの確認方法と切り替え方法をご覧ください。
Canvas統合を有効にする(LTI 1.3)
以下の手順を使用して、学校や自治体・学校法人向けにCanvaのLTI 1.3統合を設定します。
CanvasコースでLTI 1.1が以前に有効になっている場合は、LTI 1.3を設定する前にまずLTI 1.1を削除してください。
開発者キーを設定する
- Canvasアカウントにログインします。 LTI 1.3を設定するには、管理者アクセス権が必要であることにご注意ください。
2. サイドメニューから管理者を選択します。
3. [管理(Admin)] セクションで、学校または組織をクリックします。
4. 管理サイドパネルから、[開発者キー(Developer Keys)] をクリックします。
5. [+開発者キー(+ Developer Key)]、[+LTIキー(+ LTI Key)] の順でクリックします。
6. 以下を入力します。
- キー名( 1 ) : Canva Education
- リダイレクトURL ( 2 ) : Canvaの[設定]ページから[ターゲットリンク] URLを貼り付けます( LMS統合の有効化に関する記事を参照)。
7.以下のオプションのいずれかを選択して構成を完了します。
オプションA:JSONの貼り付け方法(推奨)
- [方法]ドロップダウンで、 [JSONを貼り付け] を選択します。
- CanvaのLMS設定ページに戻り、 [JSONコードを表示]を選択します
- JSONコードをコピーし、CanvasのLTI 1.3設定フィールドに貼り付けます。
- [保存] を選択します。
- [設定を完了する] セクションに進んでください。
- [方法]ドロップダウンで、 [JSONを貼り付け] を選択します。
オプションB:手動設定
- 以下の詳細を入力します。
- タイトル(3): Canva教育版
- 説明(4):生徒は自分用のコピーを受け取り、SpeedGraterに再提出します。
- ターゲットリンクURL(5) :Canvaの設定ページからターゲットリンクのURLを貼り付けます( LMS統合を有効にするに関する記事を参照)。
- OpenID Connect開始URL (6) :Canvaの設定ページからOpenID Connect開始URLを貼り付けます( LMS統合を有効にする記事を参照)。
- JWKの方法(7) :公開JWK URL(8)を選択し、Canvaの設定ページから公開JWK URLを貼り付けます( LMS統合を有効にする記事を参照)。
- 以下の詳細を入力します。
8. LTI Ad権、サービスを選択して展開し、以下のトグルボタンを選択します。
9. [追加設定]を選択し、以下を入力します。
- ドメイン( Domain ) : https://www.canva.com
- アイコンURL : https://static.canva.com/static/images/canva_logo.png
- カスタムフィールド: ( 1行に1つ)
- canvas_domain = $ Canvas.api.domain
- canvas_assignment_id = $ Canvas.assignment.id
- canvas_user_id = $ Canvas.user.id
- プライバシーレベル:公開を選択
10. [配置] セクションで、既存の配置を削除し、コースナビゲーション、エディターボタン、課題の選択、宿題の提出を追加します。
11. [エディター] ボタンの配置ボタンをクリックして展開し、以下を入力します。
- ターゲットリンクURL : Canvaの[設定]ページから[ターゲットリンクURL]を貼り付けます( LMS統合の有効化に関する記事を参照)。
- アイコンURL : https://static.canva.com/static/images/canva_logo.png
- テキスト( Text ) : Canva Education
- 選択の高さ( Selection Height ) : 500
- 選択の幅( Selection Width ) : 800
12. [課題の選択]ボタンをクリックして展開し、以下を入力します。
- ターゲットリンクURL : Canvaの[設定]ページから[ターゲットリンクURL]を貼り付けます( LMS統合の有効化に関する記事を参照)。
- メッセージの種類を選択します。LtiDeepLinkingRequest
- 图标URL : https://static.canva.com/static/images/canva_logo.png
- テキスト( Text ) : Canva Education
13. [ホームの配置] ボタンをクリックして展開し、以下を入力します。
- ターゲットリンクURL : Canvaの[設定]ページから[ターゲットリンクURL]を貼り付けます( LMS統合の有効化に関する記事を参照)。
- 图标URL : https://static.canva.com/static/images/canva_logo.png
- テキストを追加: Canva Education
14.新しいキーが生成されたら、その状態を[オン( On )]に変更します。
15. [編集( Edit )]ボタンまたは新しいキーの鉛筆アイコンをクリックします。
16. [メソッド]ドロップダウンをクリックし、[JSONの貼り付け]を選択します。
17.以下のスクリーンショットに示すようにcourse_navigationオブジェクトを探します。
18. ["message_type ":" LtiResourceLinkRequest "]を[" message_type ": "LtiResourceLinkRequest "," windowTarget ": "_ blank "]に変更します。
19. [保存( Save )]をクリックします。
アプリをロック解除
開発者キーを作成した後、LTI 1.3キーをキャンバスコースに追加する前に、アプリをロック解除する必要があります。
- 「 開発者キー 」ページで、作成した開発者キーの「 キャンバス アプリで表示 」を クリック します。 「
- アプリのロック解除
- 」を
- クリック
- します。 確認のため、**「ロック解除」**を**選択**します。 確認メッセージ「**アプリのロックが正常に解除されました。**」が表示されるまで待ちます。 アプリのステータスが「**アプリはロック解除済み**」と表示されていることを確認します。
アプリのロックが解除されると、引き続きLTI 1.3キーをキャンバスコースに追加できます。
Canva設定(LTI 1.3)から設定
- Canvaの設定ページで、 [次のステップ]をクリックして最後のステップに進みます。
- 以下の項目を入力してください。
- クライアントID: LTIキーの3列に数字コードを入力するか、コピーして貼り付けます
- ドメイン: https://[your-canvas-domain]を入力し、[your-canvas-domain] をCanvasインスタンスのドメインに置き換えます
2. [設定を完了する]を選択します。
すべてのコースにLTI 1.3をインストール
- Canvaのページで、 [管理者]に移動し、 [設定]を開き、最後に[アプリ]に移動します。
- [アプリの設定を表示] をクリックし、 [+]を選択します。
- 表示されるプロンプトで、構成タイプを[クライアントIDによる]に設定します。
- 開発者キーに生成された番号コードを貼り付けてください( [Canva設定] セクションのステップ1クライアントIDを参照)。
- [インストール]をクリックしてコースページを更新します。
1つのコースでLTI 1.3をインストール
- キャンバスページで、LTI 1.3アプリをインストールするコースに移動します。
- コースのサイドパネルから、[アプリ(Apps)]、[アプリ設定の表示(View App Configurations)]、[+アプリ] の順にクリックします。
- 表示されるプロンプトで、設定の種類を [ClientID別(By ClientID)] に設定します。
- 開発者キー用に生成された番号コードを貼り付けます(Canvaの設定からのセットアップセクションの手順1クライアントIDを参照)。
- [インストール(Install)] をクリックしてコースページを更新します。
- LTI 1.3アプリをインストールするすべてのコースに対して、このプロセスを繰り返します。
キャンバスの統合をテストする
統合が機能することをテストするには、統合のテストページをご覧ください。
Canvas統合を有効にする(LTI 1.1)
LTI 1.1は非推奨となった。 セキュリティとサポートを向上させるために、代わりにLTI 1.3の統合を使用することをお勧めします。
1. 自分のCanvasアカウントにサインインします。
2. 左側の [管理者(Admin)] をクリックします。
3. サイドバーで [設定(Settings)] をクリックし、[アプリ(Apps)] タブを選択します。
4. [Canva Education]を検索し、[アプリを追加( Add App )]をクリックします。
5. 自分のアカウントで、LMS統合を有効にした際のコンシューマーキーと共有シークレットをコピーしてフォームに貼り付けます。
6. [アプリを追加(Add App)] をクリックして完了します。
インストール後は、配置の設定やCanvaアプリの設定を変更しないことをお勧めします。 コンシューマーキーと共有シークレットだけを追加してください。
Canvas LTI 1.3 の統合で問題が発生している場合は、 LTI 1.3のセットアップの問題を修正する方法をご覧ください。リンクされたページは現在、英語版のみが利用可能です。
お役に立ちましたか?
高評価
低評価