コードを暗記しなくていい。子どもが AI でバースデーページをつくる
子どもはアイデアをことばで伝えるだけ。コードは ByteDance の AI コーディングツール TRAE が書きます。全 8 回を終えると、ケーキと風船と音楽のあるバースデーページを自分でつくり、公開して家族に贈れるようになります。
講座で使う道具と知識
こんな不安、ありませんか？
講座を知る前、多くの保護者の方が口にするのは、だいたい次のような心配です。
プログラミングと聞くだけで子どもが引いてしまう
びっしり並んだ英語のコードを見て気後れし、自分は数学も英語も足りないと決めつけて、最初の一歩を踏み出せません。
学校の情報の授業は表面をなぞるだけ
教科書は「本当に動くものをつくる」ところまで届かず、一学期学んでも人に見せられる作品が手元に残りません。
AI に触れさせたいが、何から始めればいいか分からない
AI が重要になるのは分かっていても、ネット上の講座は深すぎるか中高生向きでないかで、保護者自身も見分けがつきません。
「プログラミング」が「パソコン遊び」になりそうで不安
パソコンの前では頭を使って何かをつくってほしいのに、ゲームや動画の口実が増えるだけでは意味がありません。
やり方を変える：コードは AI に書いてもらう
この講座は文法を暗記させません。やりたいことをはっきり伝える練習をして、残りは AI に任せます。
ことばで AI と話す
文法も単語も覚えません。子どもがアイデアをはっきり伝えると TRAE がコードを書き、子どもは発想と判断を受け持ちます。
その場で作品が見える
毎回、目に見える進み方をします。初回でページが表示され、5 回目には自分のバースデーページが動きます。
道具は正規で信頼できる
TRAE 中国国内版は ByteDance の製品で、電話番号でログインでき、自宅のパソコンにも入ります。授業のあとも練習を続けられます。
校内開講なので安心
本講座は本校の生徒のみが対象です。教材はその場で配り、保護者の見学も歓迎しています。
動いて、鳴って、願いごとができるバースデーページ
どの機能も子ども自身の手で。お手本のプロンプトを TRAE に伝えると、その場で結果が見えます。
ろうそくを消せるバースデーケーキ
ページの中央に大きなケーキ。ろうそくをクリックすると「吹き消え」、もう一度押すとまた灯ります。
お手本のプロンプト
“バースデーページをつくってください。真ん中に三段のケーキを描いてろうそくを立て、ろうそくをクリックすると炎が消えるようにしてください。”
飛び続ける色とりどりの風船
色とりどりの風船が画面の下から上へ流れ、割ってもまた新しい風船が現れます。
お手本のプロンプト
“ページの背景にカラフルな風船を追加して、下から上へゆっくり浮かせてください。クリックされた風船は割れて消えるようにしてください。”
画面いっぱいの紙吹雪
ページを開いた瞬間に紙吹雪が降り、「Happy Birthday」の文字が弾むように現れます。
お手本のプロンプト
“ページを開いたときに紙吹雪が降るアニメーションを再生し、タイトル「Happy Birthday」が弾んで登場するようにしてください。”
ハッピーバースデーの BGM
再生ボタンを押すと「Happy Birthday」が流れ、横の音符アイコンがリズムに合わせて跳ねます。
お手本のプロンプト
“音楽ボタンを追加して、押すと「Happy Birthday」が流れるようにし、横の音符アイコンをリズムに合わせて跳ねさせてください。”
自分だけのメッセージカード
家族の名前と伝えたいことばを書き込みます。カードはめくれて、裏側に小さなサプライズが隠れています。
お手本のプロンプト
“めくれるメッセージカードをつくってください。表に名前、裏返すと私が書いたメッセージが出るようにしてください。”
ワンタップで家族に届ける
ページをインターネットに公開して QR コードを発行。家族はスマホでかざすだけで開けます。
お手本のプロンプト
“このページを公開して、共有できるリンクと QR コードを生成してください。”
全 8 回、ゼロから公開まで
1 回 40〜45 分で、進み具合はその場で見えます。難題は持ち越さず、アイデアは家で続けられます。
TRAE：ByteDance がつくったAI コーディングツール
中国国内から直接ダウンロードでき、電話番号のログインだけで使えます。画面は中国語。Doubao や DeepSeek など主要なモデルを内蔵しています。
TRAE 中国国内版
授業で使う機能はすべて、TRAE が個人ユーザーに公開している範囲に収まります。Windows 10/11 と macOS 12 以降に対応し、一般的な家庭のパソコンでも学校のパソコン教室でも動きます。AI の計算はクラウドで行うため、パソコンの性能はほとんど問いません。
SOLO モード
要望を伝えれば、AI が計画し、コードを書き、実行まで行う
Plan モード
着手前にタスク一覧を出すので、AI の考え方がひと目で分かる
DiffView 差分表示
AI が追加・変更したコードがはっきり分かる
主要な大規模モデル
Doubao・DeepSeek・Kimi・GLM などを内蔵
8 回を終えて持ち帰るのは、ページだけではありません
講座の最後には全員が家族に贈るバースデーページを完成させ、公開します。あわせて次の力を持ち帰ります。
家族に贈るウェブ作品
最終回にはバースデーページが公開されていて、家族はスマホで QR コードをかざせば開けます。
AI に仕事を任せる力
明確なプロンプトを書く力は、作文にもスライドづくりにも調べものにも同じように効きます。
ページの成り立ちが読める
HTML・CSS・JavaScript がそれぞれ何を担うかを知り、本格的な学習への土台をつくります。
失敗を怖がらない度胸
自分の手で壊して直した経験から、エラーは怖いものではなく、どこが問題かを教えてくれる合図だと分かります。
公開までやり切った経験
自分の URL と QR コードを持ち、「自分の作品を他の人も開ける」という手応えを味わいます。
つくる人としての自信
「できない」から「つくれた」へ。新しい道具に自分から手を伸ばせるようになります。
子どもが作品を完成させるところを見るのが好きな先生
理屈を並べるより、黄先生は子どもと一緒に手を動かし、その回のうちに目に見えるものを仕上げるほうを選びます。
黄先生
AI プログラミング講師
AI プログラミングの指導を専門とし、まったくの初心者が自分のことばで AI を動かし、最初のウェブ作品を仕上げるまでを伴走しています。
授業のスタイル
AI プログラミング指導が専門。やり方が簡単で、すぐ始められる
中学・高校の複数クラスでプログラミング体験授業を担当
授業はすべて中国語。英語の素養は求めない
宿題は強制せず、創作課題はすべて自由参加
この講座は本校でのみ開講しています
この講座は校外には公開していません。学校がまとめて手配し、対象クラスと日程は学校の案内が基準になります。
パソコン 1 台
Windows 10/11 または macOS 12 以降。家庭のものでも学校のパソコン教室のものでも構いません。
電話番号 1 つ
TRAE のログインに使います。保護者の番号でも構いません。
いちばん祝いたい相手
家族でも同級生でも友だちでも。そのページは、その人のためにつくります。
保護者の方が気にされる点を、ここにまとめました
とくによく寄せられる質問です。
できません。本校の生徒限定の講座で、いまのところ本校でのみ開講しており、校外には公開していません。対象クラスと日程は学校が手配し、学校の案内が基準になります。
大丈夫です。経験ゼロの子ども向けに設計しています。文法の暗記もコマンドの記憶も不要で、大切なのはアイデアをはっきり伝えることです。文字を打てて、ブラウザが使えれば、全 8 回を終えられます。
TRAE は Douyin の親会社である ByteDance が出している AI コーディングツールの中国国内版です。電話番号でログインでき（保護者の番号でも構いません）、国内から直接ダウンロードして使えます。授業では先生が終始操作を案内し、子どもは講座のプロジェクトの範囲でのみ使います。
一般的な家庭用パソコンや学校のパソコン教室の機器で十分です。Windows 10 / 11 または macOS 12 以降であれば動きます。TRAE 自体は軽く、AI の計算はクラウドで行うため、性能はほとんど問いません。
本筋は全員がやり切れる内容です。加えて毎回「チャレンジ課題」を用意し、余力のある子（とくに高校生）はカウントダウンやフォトウォール、ウィッシュウォールなどを足せます。上限は設けていません。
1 回 40〜45 分で、必須の宿題は出しません。創作課題はすべて自由参加です。伝える力、問題を分ける力、手を動かす力を鍛える内容で、学校の勉強とは互いに助け合う関係になります。
バースデーページは出発点にすぎません。AI と協働する進め方が身につけば、自己紹介ページやクラスのサイト、小さなゲームへと進めますし、AI の助けを借りて Python やウェブ開発を本格的に学ぶこともできます。
全 8 回を終えると、子どもは家族へのバースデーページを自分でつくれます
ケーキ、風船、音楽、そして子どもが自分で書いたメッセージ。公開すれば、家族はスマホで QR コードをかざすだけで開けます。