小学6年生がScratchから半年でWebサイト公開に至るまでの成長の流れ

この記事に登場する話は、特定の個人を描いたものではありません。現場で多く見てきた成長パターンに共通する要素をまとめ、一般化したエピソードです。「こういう流れで伸びる子が多い」という現場の観察をもとに書いています。

最初の3ヶ月——「楽しいだけ」の時期

小学6年生の子どもが入会してくる理由はさまざまですが、「なんとなく楽しそうだから」「ゲームを作ってみたいから」という動機で来る子は多い。

最初の数回の授業では、HTMLタグの概念を学びます。<h1>で見出しを作る、<p>でテキストを入れる、<img>で画像を表示する——シンプルな操作の積み重ねです。

現場で見ていると、この段階での子どもの反応は大きく二つに分かれます。

一つは「地味だな」という反応。Scratchのように画面上でキャラクターが動いたりしない。ただタグを書いて、ブラウザで確認する作業は、最初は「楽しい」というより「なるほど」の繰り返しです。

もう一つは「これ、本物じゃん」という反応。「自分が書いたコードがブラウザに表示されている」という事実に気づいたとき、表情がはっきり変わる子がいます。「これって、YouTubeとかも同じ仕組み？」と聞いてくる。

後者の反応が出た子は、その後の伸びが速くなることが多いです。

入会から2〜3ヶ月の時点では、まだ保護者から見てはっきりとした変化は見えにくい段階です。「先生、うちの子ちゃんと理解できてますか？」という相談をいただくこともあります。

転機——「自分で作りたいものが出てきた」

4〜5ヶ月目あたりで、多くの子に転機が訪れます。

HTMLとCSSの基本を一通り学び終えたころ、「自分の好きなゲームのサイトを作ってみたい」「学校のクラスの紹介ページを作りたい」という声が出てきます。

この「自分で作りたいものが出てきた」瞬間は、学習のフェーズが変わるサインです。それまでは「教わることを理解する」という受け身の姿勢だったのが、「作りたいものを実現するために知識を使う」という能動的な姿勢に切り替わります。

現場でよく見るのは、この段階で「CSSの使い方をもっと知りたい」という質問が増えてくることです。それまでは「今日はこれを学ぶ日」という受け身だったのが、「これはどう書けばいいの？」と自分から聞いてくるようになる。

保護者の方からは「最近、家でも自分からパソコンを開いているんですよ」という話が届くのも、この時期が多いです。

半年後——「自分のウェブサイトを公開する」

入会から半年前後で、小学6年生がHTMLとCSSで作った自分のウェブサイトを公開する事例は、現場でよく見られるパターンです。

「公開する」と言っても、大掛かりなサービスではありません。GitHub Pagesのような無料ホスティングサービスを使って、URLが発行される形で誰でも見られる状態にする——それだけのことです。

でも、これは子どもにとって非常に大きな体験です。

自分が書いたコードが、URLという形でインターネット上に存在する。スマートフォンで開いても表示される。「これ見て」と友達に送れる。

この体験の前後で、子どもの自己認識が変わります。「プログラミングを習っている自分」ではなく、「ウェブサイトを作れる自分」になります。

保護者の方に話を聞くと、「あの子がこんなものを作れるとは思っていなかった」という感想がよく出てきます。子ども自身の中にも「できた」という事実が積み重なっていきます。

保護者が気になる「半年間のリアル」

最初の2ヶ月は地味に見える

プログラミングの学習は、最初の数ヶ月に「ドラマチックな変化」が見えにくいです。Scratchのようにキャラクターが動く見た目の楽しさがないぶん、「これって本当に意味があるのかな」と保護者が感じる時期があります。

でも、この時期に子どもがつまずきながら書いているコードの行数は、確実に積み上がっています。見えにくいだけで、土台は作られています。

「もうやりたくない」という時期が一度来ることが多い

入会から2〜3ヶ月目あたりに、「今日は行きたくない」「難しい」という声が出てくることがあります。これは多くの子が通る時期で、珍しいことではありません。

このときの対応として、「難しいところで立ち止まって整理する時間を作る」のが効果的です。無理に押し進めるより、一度戻ってできていることを確認し直す方が、早く抜け出せることが多いです。

現場で見ていると、この時期を抜けた後に伸びが加速する子が多い。「難しい」という感覚は、それだけ真剣に取り組んでいるサインでもあります。

「作りたいものが出てきた段階」が一番楽しそう

保護者の方から「今週はずっと家でウェブサイト作ってる」という話が届くのは、4〜6ヶ月目に集中することが多い。作りたいものが見つかった段階が、子どもにとって最も楽しい時期です。

次のステップ——JavaScriptへ

HTMLとCSSで自分のサイトを作れるようになった小学6年生の自然な「次」は、JavaScriptです。

「ボタンを押したら何かが動く」「入力した文字に反応する」——こうした「動く」要素を加えるためにJavaScriptが登場します。

現場でよく聞くのは「Scratchのブロックを動かすのと、なんか似てる」という気づきです。Scratchで「〜を押したとき」という命令を作っていた感覚が、JavaScriptのaddEventListener('click', ...)に自然につながっていく。

Scratchで「楽しいだけ」だった体験が、HTMLとCSSを経てJavaScriptに至るとき、ようやく「あのころ動かしていたあれは、こういう仕組みだったのか」という全体像が見えてくる。

この瞬間の子どもの表情は、現場で見ていて一番印象的な場面の一つです。

この記事を書いた人

Kidsプログラミングラボ 秋葉原教室

小中高生向けに Scratch / Python / HTML / CSS / JavaScript を教える秋葉原の実店舗スクール。
体験会や教室の様子は kids-programming-akiba.jp から。