Code.org(CodeAI)の使い方完全ガイド|登録からコースの進め方まで画面順に解説

パソコンの設定を親子で確認する様子 プログラミング教育コラム

「Code.orgに登録してみて」と言われても、どこから触ればいいのか分からない――そんな声をよく聞きます。私自身、元エンジニアという肩書があっても、子ども向けの学習サービスを初めて開いたときは「これ、まずどこを押すの?」と戸惑いました。この記事では、Code.org(現CodeAI)を実際に触る手順だけを、画面の流れに沿ってまとめます。アカウントの作り方、コースの選び方、つまずいたときの対処まで、迷わず進められるように整理しました。

Code.org(CodeAI)とは?要点だけ先に

Code.orgは無料で使えるプログラミング学習プラットフォームで、公式サイト上では「CodeAI」への名称変更が明記されています。ドメインはこれまで通りcode.orgのままです。ミッションは「digital fluency」、つまりテクノロジーを理解し、使いこなし、問いを立てる力を育てることに置かれています。サービスの成り立ちや全体像を詳しく知りたい方は、まずCode.orgとは?無料で学べるプログラミング学習プラットフォームを読んでいただくのが早いです。この記事では「とは」の説明はここまでにして、実際の操作手順に絞って解説します。

まずは登録なしで触ってみる

最初にお伝えしたいのは、アカウントを作らなくても多くのチュートリアルは遊べるということです。「登録=個人情報を入れる」というハードルを感じる保護者の方は多いと思いますが、いきなり登録画面に進む必要はありません。子どもが興味を持つかどうかを見極めたいだけなら、まずは登録なしで気になるアクティビティを開いて、実際に触らせてみるのがおすすめです。

ただし登録なしで進めた場合、途中経過は保存されません。ブラウザを閉じたり別の端末で開いたりすると、最初からやり直しになります。「続きから再開できる」「修了証が発行される」といった機能は、アカウントを作って初めて使えるようになる仕組みです。何度も同じ教材を触りたい、続きをやりたいという段階になったら、アカウント作成を検討するとよいでしょう。料金はいずれも無料で、非営利団体として寄付とスポンサーで運営されています。

私の感覚では、最初の1〜2回は登録せずに遊ばせてみて、子どもが「また明日もやりたい」と言い出した時点でアカウントを作る、くらいのペースでちょうどいいと思います。最初から本格的に環境を整えようとすると親の側が疲れてしまいますし、子どもが興味を持たなかった場合には準備の手間だけが残ってしまいます。まずは気軽に触らせてみることを優先してください。

アカウントの作り方(保護者が管理する前提で)

アカウントを作る意味

アカウントを作ると、主に次の3つができるようになります。ひとつは進捗の保存、ふたつめは途中からの再開、みっつめは修了証の発行です。特に小学生くらいの年齢だと、1回で1つのコースを終えることはまずないので、続きから再開できる状態にしておくと親も子も気が楽になります。修了証は「頑張った証」として子どものやる気につながることもあるので、区切りのよいところで発行を目指すのも一つの方法です。

登録の手順

  1. Code.orgのトップページからアカウント作成の入口を選びます。
  2. 年齢を入力します。小学生など未成年の場合は、保護者としての登録が案内される流れになります。
  3. 保護者のメールアドレスを登録します。子ども自身のメールアドレスではなく、親が普段使っているアドレスで作るのが現実的です。
  4. パスワードを設定します。子どもが自分で入力するには覚えにくいことが多いので、この時点で親が控えておくことを前提に考えておきましょう。
  5. 登録完了後、子ども用のログイン情報(IDやパスワード)が発行されます。これを親が管理し、必要なときに子どもに伝える運用にすると迷いません。

子ども用アカウントは親が管理するのが現実的

元エンジニアとしての実感ですが、この手のサービスで子どもがパスワードを覚えて自分でログインし続けるのは、まず無理だと思っておいた方がいいです。メモ帳やノートの決まったページにIDとパスワードを書いておき、ログインするときは親が横につく、あるいは親が入力してから子どもに渡す、という運用が現実的です。きょうだいで別々に触らせたい場合は、混同を防ぐためにも1人ずつアカウントを分けておくと、進捗管理がしやすくなります。

ログインできないときに確認すること

「昨日はできたのに今日はログインできない」というトラブルは珍しくありません。よくある原因を整理しておきます。

  • サインイン方法を忘れている:メールアドレスとパスワードで作ったのか、Googleなど外部アカウントと連携して作ったのかを忘れてしまうケースが多いです。作成時にどちらを選んだか、メモを残しておくと安心です。
  • メールアドレスの入力ミス:似た表記のアドレスを複数持っている家庭では、どのアドレスで登録したか分からなくなりがちです。特に家族で共有のパソコンを使っている場合は、誰のアドレスで作ったかが曖昧になりやすいので注意してください。
  • パスワードの記録漏れ:先述の通り、控えを取らずに登録すると再設定の手間が発生します。

これらを避けるには、登録した瞬間にログイン情報をメモしておくのが一番の近道です。IDとパスワードだけでなく、どの方法(メールか外部連携か)で作ったかも一緒に書き残しておくと、後から見返したときに迷いません。

どのコースから始める?年齢別の入口

Code.org(CodeAI)は年齢や学年に応じていくつかの入口が用意されています。以前はコースA〜Fという学年別の並びで案内されていましたが、2026年8月時点の公式サイトではPre-reader Express(幼児〜小学校低学年向け)とExpress Course(小学校中学年〜中学年向け)という自習向けの入口が前面に出ています。A〜Fの体系が今も同じ形で残っているかは断定できないため、まずはこの2つを軸に考えるのが分かりやすいです。

未就学〜小学2年生ごろ

文字を読むのがまだ難しい年齢向けに、CS Fundamentals: Pre-reader Expressというコースが用意されています。文字情報に頼らず、絵や音声で進められる作りです。この年齢の子には、親が画面を見ながら一緒に声を出して読んであげると、操作の意味を理解しやすくなります。

小学3年生〜小学6年生ごろ

CS Fundamentals: Express Course(Grades 3-8対象)が中心になります。あわせて、Hour of AIのアクティビティも年齢の目安になります。動きでAIのパターン認識を学ぶMix & Move with AI(8〜13歳)、海洋ごみの判別で機械学習モデルを訓練するAI for Oceans(7〜11歳)、コードで音楽制作をするMusic Lab: Jam Session(8〜14歳)などが代表例です。マインクラフトが好きなお子さんなら、Minecraft Hour of AI: The First Nightのような教材も入口になります。マインクラフト系の教材について詳しくはマインクラフトでプログラミングを学ぶ方法にまとめています。

中学生以上

高校生向けにはAI Foundations(Grades 9-12)が通年のパスウェイとして用意されています。中学生の段階でここまで進めるお子さんは多くはありませんが、興味の強い子であれば選択肢として知っておいて損はありません。学年別の教室選びについては小学1〜2年生におすすめの教室5選もあわせてご覧ください。

レッスン画面の使い方

コースを選んで実際にレッスンを開くと、多くの教材では画面の左側にブロック(命令のパーツ)が並び、右側や中央にキャラクターやオブジェクトが動く実行画面が表示されます。基本的な操作は、ブロックをドラッグして組み合わせ、実行ボタンを押して結果を確かめる、この繰り返しです。

間違っていても失うものはありません。うまく動かなければ何度でもやり直せる仕組みになっており、正解を教え込むのではなく「試して確かめる」ことを前提に作られています。子どもが同じ場所で何度も失敗していても、それ自体は悪いことではないと捉えて見守ってあげるとよいと思います。うまくいかないときにヒントが表示される教材もあるので、すぐに答えを教えるのではなく、まずヒントを一緒に読んでみることをおすすめします。

進捗はどこで確認できる?

アカウントを作って子どもがレッスンを進めると、保護者側のアカウント(作成時に登録したメールアドレスのアカウント)から、どのコースのどこまで進んだかを確認できる導線があります。「今日どこまでやったの?」と子どもに聞く代わりに、自分のアカウントで進捗画面を開いて確認する習慣をつけておくと、声かけのタイミングもつかみやすくなります。

週に1回程度、進捗画面をのぞいて「ここまで進んだんだね」と声をかけるだけでも、子どもは見てもらえていると感じて続けやすくなります。毎日細かくチェックする必要はなく、無理のない頻度で続けることの方が大切だと感じています。逆に、毎日「今日はどこまでやったの」と細かく確認しすぎると、子どもにとってはプレッシャーになってしまうこともあるので、様子を見ながら距離感を調整してあげてください。

日本語で使うときに知っておきたいこと

チュートリアル自体は多言語対応で、公式も「available in many languages」と案内しています。ただし2026年8月時点で、hourofcode.com/jpを含むサイト本体は英語のHour of AI版に差し替わっている状態です。教材(アクティビティ)の中身は日本語表示できるものが多い一方、サイトの案内文や新しく追加されたAI系のページは英語のままのことがあります。「全部日本語で完結する」と思って始めると戸惑う場面があるかもしれない、というくらいに構えておくとよいでしょう。日本語対応の詳しい実情は別記事で扱っています。

つまずきやすいポイントと対処法

  • 英語表示が出てくる:前述の通り、サイトの一部やAI系の新しいページは英語のことがあります。教材本編は日本語表示できるものが多いので、まずはそちらを優先して選ぶとストレスが減ります。
  • ブロックがうまく繋がらない:小さい子ほど、ブロックの接続部分を正確につまむのが難しいことがあります。マウス操作に慣れていない場合は、最初の数回は親が一緒に操作を見せてあげると理解が早いです。
  • 音が出ない:端末や教材によっては音声・効果音を使うものがあります。音が出ないと反応が分かりにくく、子どもが戸惑うことがあるので、始める前に端末の音量設定を確認しておくと安心です。
  • タブレットだと操作しづらい:ブラウザとタブレットに対応していると公式は案内していますが、細かいドラッグ操作はマウスや指の使い方に慣れが必要です。うまく動かせずイライラしているようなら、パソコンとマウスに切り替えるだけで解決することもあります。
  • 時間を決めないと延々やり続ける:ゲーム感覚で進められる作りなので、気づくと長時間画面に向かっていることがあります。始める前に「今日は30分まで」など、時間の約束をしておくとメリハリがつきます。

わが家も、自宅での学習はこうした試行錯誤から始まりました。最初からスムーズにいく家庭の方が少ないと思うので、つまずいても焦らず、ひとつずつ確認していただければと思います。

まとめ

Code.org(CodeAI)は、登録なしでまず試せて、必要になったらアカウントを作って進捗を保存する、という段階的な使い方ができるサービスです。年齢に応じた入口が複数用意されているので、お子さんの学年や興味に合わせて選び、うまくいかない部分は今回挙げたチェックポイントを確認してみてください。サービス全体の位置づけや、教室との違いについてはCode.orgとは?無料で学べるプログラミング学習プラットフォームで詳しく解説していますので、あわせてご覧ください。

みれい

この記事を書いた人:みれい

元IT企業エンジニア(8年勤務・基本情報技術者/応用情報技術者)。小学生の娘2人のプログラミング教室選びをきっかけに、同じ悩みを持つ保護者のために情報を発信中。技術者としてサービスの中身を判断できる立場と、月謝を払う保護者の立場の両方から、正直な意見をお届けします。▶ プロフィール詳細

コメント

タイトルとURLをコピーしました