AIと対話しながら学ぶ“バイブコーディング体験”講座

— Canva AIでアプリを作る新教材を中高生向けデザイン初級講座に追加 —

10代向けデジタル人材育成サービス「TechHigher」を運営する株式会社エクシード（本社：東京都渋谷区、代表取締役：澤部愛子）は、中高生向け「デザイン初級講座」にCanva AIを活用した新しい教材を追加いたしました。これにより、プログラミング未経験者も自然言語でAIに指示を出しながら、アプリ開発を気軽に体験できます。

■ Canva AIとは

Canva AIは、Canvaに搭載されたAI（人工知能）によるデザイン支援機能です。キーワードや文章を入力するだけで、

• 画像・スライド・動画制作

• 文章生成

• コーディング

など、幅広いアウトプットを自動生成できるのが特徴です。今回は、その中でも AIコーディング機能 を中心に活用します。

■ 追加された新教材の概要

今回の単元は、AIとの“コミュニケーション”を通じてアプリを作り上げる経験を重視しています。

【学ぶのは「AIとの会話術」】

動画教材では、生徒がAIに対して以下の3点を意識して指示を書く方法を学びます。

• 目的をはっきり伝える

  「何を作るのか」「誰向けか」「どんな雰囲気か」を最初に明確化

• 指示は具体的にする

  曖昧な言葉ではなく、「色・時間・用途」など定量的に記述

• 出力を見て“調整”する

  AIは一度で完璧に答えないため、生成結果を見て細部を修正

このプロセスを通じて、生徒は AIと共創するための“指示力・観察力・調整力” を自然に身につけます。

■ 実際の制作ワーク：「キッチンタイマー」

講座内では、生徒がAIに伝えるプロンプト例を使いながら、キッチンタイマーをデザイン・開発する体験を行います。

ステップ1：プロンプト入力

カウントダウンタイマーのテンプレートを使用して、キッチンタイマーを作成します。必要な時間範囲、用途、視覚効果を設定します。

ステップ2：AIがコードを生成

Canva AIが 150行以上のHTML/CSS/JavaScriptコード を自動生成。

ステップ3：ビジュアルとコードを切り替えながら調整

・バージョン切り替えで過去状態を比較

・「秒の文字化け修正」など細部の修正指示

・色・フォント・ボタン位置などの追加調整

ステップ4：完成作品の紹介

講座では、

・オレンジのキッチンタイマーデザイン

・子ども用のキッチンタイマーデザイン

など、AIとの対話によって生まれるバリエーション作品を紹介。同じ指示文を入力しても、生成結果が全く同じとは限らないため、生徒自身が主導権を持って作品を仕上げていく学習構造になっています。

■ この新教材によって育つ能力

今回の「Canva AI コーディング」講座により、受講生は以下を身につけます。

• AIに意図を伝える“表現力”

• プロンプト設計力（具体化・分解・順序付け）

• 生成物を見て改善点を指示する“批評力”

• デザインとコードの関係性の理解

• AIと共に作品を作る“成功体験”

従来の「操作方法を学ぶデザイン初級」では得られない、時代に合ったクリエイティブ・リテラシーを育成します。

■ 「総仕上げ教材」としての位置づけ

本単元はデザイン初級講座の最終章として設置され、これまで学んだ基礎スキルを 「AIに説明して形にする力」 へ統合する役割を担います。レイアウト、配色、フォント、構図などの基礎知識を、“AIに正しく伝える能力”へ昇華させる設計です。

■ Canva AIでアプリを作る単発講座を静岡・袋井で開催

新教材の講座を実際に体験できる90分のワークショップを開催します。プログラミング未経験者にも分かりやすいステップで構成されており、学生から大人まで、生成AIを使ったものづくりに挑戦したい方に幅広くご参加いただけます。

講座申込はこちら

■Canva AI教材に関するお問い合わせ

今回のCanva AIでアプリを作る「Canva AIでバイブコーディング」の動画教材は、TechHigherのデザイン初級コースの一部であり、ライセンス提携校にご提供しています。

ライセンス提携にご興味のある方は、お気軽に説明会へお越しください。

2026年1月20日 (火)10:00～12:00

2026年2月4日 （水)14:00～16:00

説明会申込はこちら