Learn JavaScript for Kidsアプリのアイコン

Learn JavaScript for Kids

教育 · 無料 · iOS & Android · CoddyKit

Learn JavaScript for Kids — 実際のプログラムを書き換えるところから始める子ども向けコーディング

Learn JavaScript for Kidsは、コードを一行も書いたことがないお子さま向けの子ども向けコーディングを学べる、無料のiOSおよびAndroidアプリです。最初の画面には本物のJavaScriptプログラムが表示されます。お子さまが光る数字をタップするとステッカーがより速く飛び交い、スマートフォン上でプログラムがもう一度実行されます。そこから、20の短いコース、41のブロックパズル、60のミッションへと進みます。購入の前には保護者向けゲートが設けられています。

App Store — 無料でダウンロードGoogle Play — 無料でダウンロード
価格
無料、Proへのアップグレードあり
プラットフォーム
iOSおよびAndroid
言語
22
年齢レーティング
4+
必要環境
iOS 15.1以降
App Store
5.0 ★ (4)
Daily Goal、Feature Request、Skill Hubのカードが表示されたアプリのホーム画面の横で、タブレットを持つ子どもを描いたイラストJavascript for Kidsというタイトル、Start First Lessonボタン、進捗0パーセントが表示された学習パスカード
20短いコース、80レッスン
41ブロックパズル
603つのレベルのミッション
数字を1つ変えて、何が起こるか見てみましょう。

子どもがコードを理解する最も早い方法は、すでに動いているプログラムに触れてみることです。Learn JavaScript for Kidsの最初の画面は、まさにそのためのものです。光る値をタップして、ステッカーの数や飛ぶ速さを変えると、プログラムがすぐにもう一度実行されます。文字を入力する必要がないので、壊してしまう心配もありません。

概要

Learn JavaScript for Kidsは、実際のJavaScriptを使って子どもたちにコーディングを教える無料のiOS・Androidアプリです。アカウントを作成しなくても、すぐに始められます。タップして子どもが変更できる、実際に動くプログラムから始まり、20の短いコースと80のレッスン、41のブロックパズル、初級・中級・上級の60のミッションへと進みます。さらに、スマートフォン上でJavaScriptを実行できるコードエディターも備えています。最初のコース「コーディングとは?」は無料で、購入やアプリ外へ移動するリンクの前には保護者確認画面が表示されます。

アプリの内容

画面イメージ

Daily Goal、Feature Request、Skill Hubのカードが表示されたアプリのホーム画面の横で、タブレットを持つ子どもを描いたイラスト
ホームホーム画面には毎日の目標とSkill Hubが表示され、画面下部にはHome、Study、Editor、AI Chat、Challengeのタブがあります。
Javascript for Kidsというタイトル、Start First Lessonボタン、進捗0パーセントが表示された学習パスカード
学習パス学習パスでは、子どもがコースのどこまで進んでいるかを確認でき、最初のレッスンを始めるためのボタンが1つ表示されます。
DOMについてのレッスン、完了数のカウンター、ロックマークが表示されたコーストピック画面
コーストピックコースは番号付きの短いレッスンに分かれており、進捗カウンターで残りがどれくらいかを確認できます。
自転車に乗る子どもとレッスン画面の一部が描かれ、「Code, Succeed」と書かれたストア用スライド
スキルを実践各レッスンの最後に、子どもがすぐに試せることがあるという考え方を表したストア用アートワーク
概念の説明、学習のヒント、クイズ、ロードマップについての4つの提案プロンプトが表示されたAI Chat画面
AI Chatすぐに使える4つのプロンプトで始められます。重要な考え方の説明を求める、学習のヒントをもらう、クイズに挑戦する、またはロードマップを作成することができます。

コース

JavaScriptコースの内容

以下のコース名は、このサイトのJavascript for Kidsコースに基づいています。コードをまったく知らない状態から始め、小さなゲームへと進んでいきます。

  1. What Is Coding?

    無料の最初のコースでは、文字を入力する前に、コードとは何か、コンピューターがコードをどう扱うのかを学びます。

  2. コーダーのように考える:アルゴリズム

    問題を明確で順序立てたステップに分けます。これは、後で子どもが書くすべてのプログラムの土台となる考え方です。

  3. コーダーの超能力:ループ、選択、バグ

    動作を繰り返すこと、2つの道から選ぶこと、そしてプログラムが思いどおりに動かないときに原因を見つけることを学びます。

  4. 変数という名の魔法の箱

    数字や単語を名前付きで保存し、それぞれの値を扱うMath WizardとWord Playへ進みます。

  5. はい・いいえの判断

    ifとelseを使ってプログラムに選択させ、True or False Gamesで同じ考え方を練習します。

  6. カウントするループとパターン

    数を数えたりパターンを描いたりするループを学び、Loop-de-LoopとNested Loop Artでその考え方をさらに広げます。

  7. 宝箱:オブジェクト

    関連する値をひとまとめにし、Treasure Listsでたくさんの値を集めます。

  8. 自分だけの魔法(関数)

    子どもが名前を付けて再利用できる関数にステップをまとめます。Build a Calculator、Mini Game: Number Guessing、Rock, Paper, Scissorsなどのプロジェクトに取り組む準備ができます。

使い方

最初のセッションの流れ

1回のセッションは5分でも構いません。毎回、タップしたり組み立てたりする内容と、短い実際のJavaScriptコードを組み合わせています。だから子どもは、何かを見ただけで終わるのではなく、何かを作って終えることができます。

  1. 実行中のプログラムで遊ぶ

    アプリを開き、実際のJavaScriptプログラム内にある光る値をタップして、ステッカーの数や速さ、使うステッカーを変えてみましょう。プログラムはスマートフォン上でもう一度実行されるので、子どもはコードを読む前に、コードが何をするのかを確認できます。

  2. 短いコースまたはブロックパズルに挑戦する

    無料コース「What Is Coding?」を始めるか、Block Playgroundを開いてブロックをドラッグし、キャラクターをゴールまで導きましょう。レッスンはやさしい言葉で書かれており、数分で終わるので、子どもは途中でやめて翌日に戻ってくることもできます。

  3. ミッションで練習し、連続記録を伸ばす

    新しいチャレンジに挑戦したいときはミッションを選び、コードエディターでJavaScriptを書いて実行しましょう。お気に入りのプログラムはMy Codesに保存できます。デイリーストリーク、ミニクイズ、フラッシュカードで、以前学んだ内容を振り返ることができます。

内容

アプリに含まれる内容

20

短いコース、80レッスン

コードとは何かという考え方から小さなゲームまで、アルゴリズム、変数、数学、言葉、YesかNoかの判断、ループとパターン、オブジェクト、リスト、関数、予測できないランダムな展開を扱います。

41

ブロックパズル

Block Playgroundでは、ロジックをゲーム感覚で学べます。Move、Jump、Repeat、If Blockedのブロックをドラッグしてゴールを目指し、それぞれのパズルをできるだけ少ないブロックで解いてみましょう。無料で遊べるパズルも複数あります。

60

3つのレベルのミッション

初級・中級・上級のミッションがあるので、いつでも自分のレベルに合った次のチャレンジに進めます。無料のミッションは2つで、それ以外はProに含まれます。

エディター

JavaScriptを実行できるコードエディター

スマートフォン上でJavaScriptを書いて実行し、結果を確認できます。プログラムをMy Codesに保存し、学習しながらメモを書き留めることもできます。

ミニゲーム

人に見せられる子ども向けプロジェクト

電卓、数字当てゲーム、じゃんけんなどの小さなプロジェクトがあります。それぞれ、これまでのレッスンで紹介した考え方を使って作られています。

AI Chat

やさしい言葉で質問に回答

AI Chatタブは、Home、Study、Editor、Challengeの隣にあります。学んだばかりの内容について子どもにクイズを出したり、学習ロードマップを作成したりするための、すぐ使えるプロンプトが用意されています。

保護者の方へ

なぜ子どものコーディングをJavaScriptから始めるのでしょうか?最初のレッスンはどのようなものなのでしょうか?

JavaScriptは、画面上のものを動かしたり、反応させたり、音を鳴らしたりする言語です。そのため、ゲームやお絵描きが好きな子どもに向いています。すべてのWebブラウザーがすでにJavaScriptを実行できるので、子どもが学ぶのは実際のWebサイトで使われているものと同じ言語です。最初のレッスンは、小さくて視覚的なものが適しています。子どもが値を変えると、すぐに結果が表示されます。そして、その後で初めて、今行ったことを表す言葉を学びます。始めるのに決まった年齢はありません。箱に書かれた年齢よりも、最初の10分をどのように感じるかに注目するとよいでしょう。

コードが動く様子を見る最初の1分

初心者が最も早く学べるのは、目の前ですでにプログラムが動いているときです。数字を変えてステッカーが速く動く様子を見ることで、因果関係を学べます。これは、用語を紹介する前に、変数の基本的な考え方を身につけることにつながります。

まずはブロックパズル、文字入力はその後プログラムのように考える

Move、Jump、Repeatなどのブロックをドラッグすると、スペルや括弧、エラーメッセージに悩まずに、順序や繰り返しを学べます。できるだけ少ないブロックでブロックパズルを解いた子どもは、すでに短く整ったコードを書くための習慣を練習できています。

変数、条件分岐、ループ初めに学ぶ3つの考え方

ほとんどすべての最初のプログラムは、同じ3つの考え方でできています。名前を付けて保存する値、ifとelseを使ったYesかNoかの判断、そして動作を繰り返すループです。1つずつ考え方を紹介し、その後に小さなゲームで繰り返し使う短いレッスンによって、この3つが身近なものになっていきます。

バグは当たり前身につけておきたい考え方

コードは、プロであっても最初からうまく動くことはほとんどありません。初心者向けアプリでは、バグを見つけて直すことを失敗ではなくパズルの一部として感じられるようにすることが大切です。そのため、このアプリではバグ探しも子どもが練習することの1つとして扱っています。

適しています

向いている方・向いていない方

次のような方におすすめです

  • コードを書いたことがなく、何かを生み出せるスクリーンタイムを子どもに過ごしてほしい、小さなお子さまの保護者の方
  • 本格的なJavaScriptの入力を始める前に、タップ操作とブロックパズルから子どもに始めてほしい方
  • 数分で終わり、翌日にまた続きから取り組めるレッスンを好む方
  • 購入やアプリ外へのリンクの前に保護者ゲートが表示されることを望む方
  • 家族が自分たちの言語でレッスンに取り組めるよう、22言語に対応した1つのアプリを望む方

次のような方には適していません

  • すべてのコース、パズル、ミッションが無料であることを期待する方:最初のコース、複数のパズル、2つのミッションは無料で、Proですべてが解除されます
  • ティーン向けの本格的なWeb開発カリキュラムを求めている方。このアプリはJavaScriptへの第一歩であり、ブートキャンプではありません
  • 子どもにノートパソコンのキーボードの前で作業してほしい方。レッスンとエディターはスマートフォン向けに作られています

プライバシー

保護者の方へ:購入、リンク、アカウント

Learn JavaScript for Kidsは、アカウントなしで始められます。購入やアプリ外へのリンクの前には保護者ゲートが表示されるため、Proのサブスクリプションは、子どもがタップして進めるのではなく、保護者が設定します。

詳しくは CoddyKitプライバシーポリシー.

ご質問

よくある質問

Learn JavaScript for Kidsとは?

Learn JavaScript for Kidsは、実際のJavaScriptを中心にした、子ども向けコーディング用の無料iOS・Androidアプリです。まずは、子どもがタップして変更できる実行中のプログラムから始まり、20の短いコース、41のブロックパズル、60のミッション、コードエディターへと進みます。コードを書いたことのない小さな初心者と、学びにつながるスクリーンタイムを子どもに過ごしてほしい保護者のために作られています。

本当にコーディングですか?それとも単なるゲームですか?

意図的に、どちらも取り入れています。ブロックパズルはプログラムの考え方を身につけるゲームで、コース、ミッション、エディターではスマートフォン上で動く実際のJavaScriptを使います。子どもは、動作するプログラムの数字を変更するところから始め、電卓や数字当てゲームなど、自分で短いプログラムを書くところまで進めます。

子どもは何を学びますか?

問題を明確なステップに分ける方法、変数で数字や単語を保存する方法、ループで動作を繰り返したりパターンを描いたりする方法、ifとelseで判断する方法、関数やリストでコードを整理する方法、そしてバグを見つけて修正する方法を学びます。各レッスンでは、次へ進む前に1つの考え方を小さな例で取り上げ、練習します。

子どもは入力や読解が上手にできる必要がありますか?

最初は必要ありません。最初のプログラムは光る値をタップして変更でき、ブロックパズルはドラッグ&ドロップで操作できるため、コード入力の前から始められます。レッスンでは開発者向けではなく子ども向けに、簡単な言葉と短いステップを使っており、実際のJavaScriptの入力も少しずつ始まります。

子ども向けのコーディングゲームとレッスンはどう違いますか?

Learn JavaScript for Kidsでは、Block Playgroundがゲームの役割を担います。キャラクターをゴールまで進ませるために、子どもはできるだけ少ないブロックを使おうとします。レッスンとミッションはテキストを使う部分で、子どもがJavaScriptを書いて実行します。両方に取り組むことで、年齢が低い子どもや自信のない学習者も、まずブロックから始め、準備ができたらコードへ進めます。

無料で利用できるものと、Proが必要なものは何ですか?

最初のコース「What Is Coding?」、複数のブロックパズル、2つのミッションは無料です。保護者ゲートの内側で保護者が設定するProサブスクリプションに登録すると、すべてのコース、41個すべてのパズル、60個すべてのミッション、修了証付きの最終試験が解除されます。

子どもが使っても安全ですか?

Learn JavaScript for Kidsの対象年齢は4歳以上で、始めるためにアカウントは必要ありません。購入やアプリ外へのリンクは保護者ゲートで保護されています。ほかのアプリと同じように、子どもがいつ、どのくらい使うかは保護者が決められます。最初のレッスンでは隣に座って見守ると、進むペースを判断しやすくなります。

どの言語とデバイスに対応していますか?

アプリのインターフェースは22言語に対応しており、iOSではApp Storeから、AndroidではGoogle Playから利用できます。Apple製デバイスではiOS 15.1以降が必要です。

最後に修了証はもらえますか?

はい。レッスンを終えた後、子どもは最終試験を受けて修了証を取得できます。これはProに含まれています。コースを終えたことを祝うためのもので、認定資格ではありません。

Pythonの子ども向けアプリとはどう違いますか?

Learn JavaScript for Kidsは、Webページの言語であるJavaScriptを学べるアプリで、タップして子どもが変更できるプログラムから始まります。Learn Coding for Kids: PythonはPythonを学べるアプリで、カメが絵を描くところから始まります。変数、ループ、条件分岐という基礎となる考え方はどちらにも共通しているため、お子さまが作りたいものに合う言語を選んでください。

始める

今日、お子さまに最初のプログラムを変更させてみましょう

iOSとAndroidで、22言語に対応。無料で始められます。

App Store — 無料でダウンロードGoogle Play — 無料でダウンロード
最終確認日 · CoddyKitが公開 · プライバシーポリシー
iOS および Androidで利用できます。