>アナ雪でJavascript!?最近の子ども向けプログラミング学習ツールがすごいTweet2016/07/05生まれた時からスマホやタブレットが当たり前。現代を生きる「デジタルネイティブ」の子どもたちは、5歳でiPadの使い方をマスターしていたり、アプリで遊んでいるうちに自然とひらがなや漢字・場合によっては英語を使いこなしたりと、私たち大人とは少し異なる幼少期を過ごしているようです。※参考:新世代ェ・・・デジタルネイティブの恐るべき生態(Naverまとめ)子ども向けプログラミング学習ツールが増えているそんなデジタルネイティブの子どもたちの学習を更に後押ししてくれるのが、子ども向けのプログラミング学習ツール。先日の「こどもの日」には、1万人プログラミングなんていうイベントも日本でありました。最近の子ども向け学習ツールはゲーム感覚で楽しく学習できる作りになっていて、大人でも普通に楽しめてしまうんです。これからを生きるエンジニアとしては意識しておきたい次世代の動きとして、子ども向けプログラミング学習ツールや、実際にどんな内容を学んでいるのかについてまとめました。現状は海外発のサービスがほとんどですが、本記事では中でも日本語対応ありのものを中心に取り上げています。環境:Webブラウザ運営:Code.org対象年齢:4歳以上(対象年齢ごとに分かれたコースもあり)日本語対応:◯(ボランティア翻訳のため若干読みづらい箇所あり)アメリカの非営利団体「Code.org」が運営するプログラミング学習サイト。Code」をご存知の方も多いのではないでしょうか。Studioは彼らが運営するオンラインのプログラミング学習プラットフォーム。「アナと雪の女王」のキャラクターを使って氷に模様を書くゲームや、「アングリーバード」のキャラクター・「スターウォーズ」のドロイド「BB-8」を動かすゲームなど、世界中の人々にお馴染みのキャラクターを使って遊ぶことができるのが大きな魅力です。Codeの他に、ステップ・対象年齢ごとに分かれた20時間コースもあります。日本語の翻訳がボランティアによって行われていることもあり、まだ完璧ではないのが難点ですが、初心者の子ども・大人誰でも楽しめるのは素晴らしいの一言に尽きます。実際にアナ雪コースをやってみた実際に「アナと雪の女王」コースでは、どのような学習をしているのかを覗いてみました。全20問、パズルゲームのような感覚でJavaScriptの基礎が学べるコースです。初めは、キャラクターを使って一本の線を描くところからスタートします。そこから、「角度を変える」「繰り返す」などの動作を学んで行きます。(原語が英語なので、英語が読める人は英語の方がスムーズに学習が進むかもしれません。)基本的に動作を組み立てる時に使うのは、「ブロックベース・コーディング」。ブロックを使ってロジックを組み立て、最終的にそれをコードに反映させるやり方で、ハーバードやバークレーなどアメリカ有数の大学でも使われている方法だそうです。コードに入るのではなく、レゴやプラモデル組み立てのような感覚で、ビジュアルで学べるのが良いですね。終盤に近付くと、どんどんキャラクターの描く模様が複雑になっていきます。実際のJavaScriptのコードを見てみても、何も勉強せずにいきなりコードを勉強するより遥かに理解が深まるように思えます。子どもでも角度の概念が分かれば進めて行ける問題がほとんどですが、慣れていないと大人でも頭を悩ませる人は結構多そうです。大人でも十分楽しめました。これが無料で利用できるのがすごいですね。おさるのバナナを取り返せ!CodeMonkeyhttp://codemonkey.jp/料金:5,040円/年(お試し版は無料)環境:Webブラウザ運営:ジャパン・トゥエンティワン対象年齢:4歳以上(対象年齢ごとに分かれたコースもあり)日本語対応:◎(読みやすい)イスラエル発、世界中で130万ユーザーを有するCodeMonkey。おさるのモンタを操作して、バナナをゲットしながらCoffeeScriptを学べるサイトです。UIがクリアで、子どもでも迷いにくい仕様になっています。Code.orgではコードは表に出ない(基本ブロックで問題を解き、クリックして初めてコードが表示される)ようになっていますが、CodeMonkeyでは極力難しい説明を排除しつつも、コードを直接触る経験が出来るのが良いと感じました。全ての教材を利用するには年間のライセンス登録が必要ですが、ステージ30までは無料で遊べます。イスラエルでは全国の小中学校1,700校の標準教材として導入されているそうです。環境:Webブラウザ運営:CodeCombat対象年齢:記載なし日本語対応:◯(一部未翻訳、英語で音声が基本流れる)200以上の国で、500万人のプレーヤーがいるというCodeCombat。コードを書くことでRPGのゲームが進行していきます。他サービスとの違いのひとつに、どのプログラミング言語を使うかを選べること。Python(デフォルト)・JavaScript・CoffeeScript・Luaから選べるようになっており、自分が何の言語を学んでいるのかを分かった上で学習することができます。基本英語で音声が流れますが、日本語ガイドが付いているのと、コード自体に英語が含まれているのであまり気にはなりません。訳あり)Scratchも、小中学生向けのプログラミング学習ツールです。Studio同様、Webブラウザで利用可能、ブロックベース・コーディングで視覚的に学べます。日本語対応ではありますが、ゲームによっては詳細や解説が翻訳されていない場合もあります。x座標、y座標などの言葉が出てくる、難しい漢字が含まれる等から、中学生の方が合っているかもしれません。Tutor」「池」の7つのゲームの中から選べます。ゲーム形式は他サービス同様、オブジェクトをコードを使って動かすものがメイン。Studio等で慣れた後に使うと良さそうです。これらが「当たり前」にある今の子どもたち気になったことは、すぐにインターネットで調べられる。好きなことは、動画や学習ツールでどんどん自分で学べる。すごい時代になったなぁと感じるばかりです。今回は日本語対応をしているサービスに焦点を絞りましたが、英語サービスであればスマホ・タブレット用アプリ等も含め、更に充実しています。※一部日本語対応)全ての子ども向けサービスにおいて共通していたのは、JavaScriptなど「子どもにとって分かりやすく見えやすい」言語を扱っていたこと。専門用語を極力減らしビジュアルをとにかく効果的に用いることで、苦手意識を生まれさせないようにしていたこと。プログラミングを好きになった上で、どんどん深掘りしていくと飲み込みが更に速くなりそうですね。日本もプログラミング必修化に向けて動いています。10年後・20年後、今を生きる大人としてはこれから来る時代が恐ろしくもありますが、同時に子どもたちがどうなっていくのか楽しみでもありますね。「子どもにしっかりプログラミングを学習させたい」と考えている方は、親子一緒に試してみてはいかがでしょうか。生まれてから100種以上に騎乗してきた僕が選ぶ本命ワーキングチェア。私がReact/Fluxアプリケーションを書いてきて、もう1年になる。Flux開発の1年を振り返ってフログラミングって知ってる?エクストリームな環境あれこれ日々オフィスや自宅のデスクでプログラムを書く日々、なんだか煮詰まる、変わり映えがしない...と思っていまこれでもうコーディングに集中できる!デスクで暑さ対策グッツ7選あっという間に夏も後半ですが、まだまだ暑い日が続きますね。