<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>コーディング教材 | スマートキッズラボ</title>
	<atom:link href="https://smartkids-lab.com/tag/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e6%95%99%e6%9d%90/feed/" rel="self" type="application/rss+xml" />
	<link>https://smartkids-lab.com</link>
	<description>未来を創る力を、遊びながら育てる</description>
	<lastBuildDate>Thu, 04 Jun 2026 14:04:55 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://smartkids-lab.com/wp-content/uploads/2026/02/cropped-logoSmartKid-512-32x32.jpg</url>
	<title>コーディング教材 | スマートキッズラボ</title>
	<link>https://smartkids-lab.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">252607493</site>	<item>
		<title>幼児・低学年のScratch入門｜SE親が解説</title>
		<link>https://smartkids-lab.com/scratchjr-young-kids-guide/</link>
		
		<dc:creator><![CDATA[ムラサキ]]></dc:creator>
		<pubDate>Fri, 29 May 2026 03:35:30 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[コーディング教材]]></category>
		<category><![CDATA[プログラミング教育]]></category>
		<category><![CDATA[幼児]]></category>
		<guid isPermaLink="false">https://smartkids-lab.com/?p=933</guid>

					<description><![CDATA[目次 幼児・低学年にScratchがおすすめな理由ブロックを並べるだけで動かせる手軽さ考える力と創造力が自然に育つScratchJrとScratchの違いと選び方はじめる前に準備するもの推奨デバイスとブラウザ環境アカウン [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://smartkids-lab.com/wp-content/uploads/2026/03/murasaki_icon.png" alt="ムラサキ" class="speech-icon-image"/></figure><div class="speech-name">ムラサキ</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">うちの子が2歳のころ、私が作ったScratchJrの迷路を触らせてみたことがある。猫を動かすだけの単純なものだったけど、自分の指で画面のキャラクターが動くのが面白かったみたい。意味はまだ分かっていなかったと思う。それでも「自分が触ると何かが起きる」と気づくのは、立派な第一歩だった。</p>
</div></div>



  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">幼児・低学年にScratchがおすすめな理由</a><ol><li><a href="#toc2" tabindex="0">ブロックを並べるだけで動かせる手軽さ</a></li><li><a href="#toc3" tabindex="0">考える力と創造力が自然に育つ</a></li><li><a href="#toc4" tabindex="0">ScratchJrとScratchの違いと選び方</a></li></ol></li><li><a href="#toc5" tabindex="0">はじめる前に準備するもの</a><ol><li><a href="#toc6" tabindex="0">推奨デバイスとブラウザ環境</a></li><li><a href="#toc7" tabindex="0">アカウント登録と保護者の見守り設定</a></li><li><a href="#toc8" tabindex="0">学習を続けるための時間の決め方</a></li></ol></li><li><a href="#toc9" tabindex="0">最初の一歩！キャラクターを動かしてみよう</a><ol><li><a href="#toc10" tabindex="0">スプライトと背景の選び方</a></li><li><a href="#toc11" tabindex="0">「動き」ブロックで前進・回転させる</a></li><li><a href="#toc12" tabindex="0">繰り返しブロックでアニメーションに挑戦</a></li></ol></li><li><a href="#toc13" tabindex="0">遊びながら学べるおすすめミニ作品</a><ol><li><a href="#toc14" tabindex="0">音と一緒に踊るダンスアニメ</a></li><li><a href="#toc15" tabindex="0">クリックで反応するインタラクティブ絵本</a></li><li><a href="#toc16" tabindex="0">簡単な追いかけっこゲーム</a></li></ol></li><li><a href="#toc17" tabindex="0">つまずいたときの保護者サポートのコツ</a><ol><li><a href="#toc18" tabindex="0">答えを教えずヒントを出す声かけ</a></li><li><a href="#toc19" tabindex="0">失敗を楽しむ雰囲気づくり</a></li><li><a href="#toc20" tabindex="0">作品を一緒に振り返って褒める</a></li></ol></li><li><a href="#toc21" tabindex="0">次のステップへ進むための学習リソース</a><ol><li><a href="#toc22" tabindex="0">公式チュートリアルとサンプル作品</a></li><li><a href="#toc23" tabindex="0">おすすめ書籍とオンライン教室</a></li><li><a href="#toc24" tabindex="0">発表会・コンテストへの参加</a></li></ol></li><li><a href="#toc25" tabindex="0">よくある質問</a></li><li><a href="#toc26" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">幼児・低学年にScratchがおすすめな理由</span></h2>


<p class="wp-block-paragraph">プログラミングと聞くと難しそうに感じるけれど、幼児・低学年が触れるのは「文字を打つコード」ではない。色のついたブロックを並べて、キャラクターを動かす遊びだ。だから読み書きがおぼつかない年齢でも始められる。</p>


<h3 class="wp-block-heading"><span id="toc2">ブロックを並べるだけで動かせる手軽さ</span></h3>


<p class="wp-block-paragraph">ScratchJrのブロックは、矢印や記号のアイコンでできている。「右に動く」「ジャンプする」といった命令が絵で表現されているので、文字が読めなくても意味が伝わる。指でつまんでつなげれば、それがそのまま小さなプログラムになる。</p>


<p class="wp-block-paragraph">キーボードもマウスもいらない。タブレットの画面を直接さわるだけ。この「さわったら動く」という体験が、小さい子にはいちばん刺さる。</p>


<h3 class="wp-block-heading"><span id="toc3">考える力と創造力が自然に育つ</span></h3>


<p class="wp-block-paragraph">ブロックを並べる順番を変えると、キャラクターの動きも変わる。思った通りに動かないと、子どもは自分で並べ直す。この試行錯誤こそが、プログラミングの土台になる「順序立てて考える力」を育てる。</p>


<p class="wp-block-paragraph">ここで身につく力は、コードを書く力そのものより、もっと手前にある思考の習慣だ。なぜそう動くのかを考える姿勢は、プログラミングに限らず学習全般に効いてくる。この考え方の中身は、プログラミング的思考を構成する要素を親向けにかみ砕いた<a href="https://smartkids-lab.com/what-is-computational-thinking-for-parents/">プログラミング的思考の5つの要素</a>で整理しているので、概念から押さえたい人はそちらが早い。</p>


<h3 class="wp-block-heading"><span id="toc4">ScratchJrとScratchの違いと選び方</span></h3>


<p class="wp-block-paragraph">「Scratch」と「ScratchJr」は名前が似ているが、対象年齢も操作も別物だ。迷ったら年齢で選べばいい。</p>


<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>ScratchJr</th><th>Scratch</th></tr></thead><tbody><tr><td>対象年齢（公式）</td><td>5〜7歳</td><td>8歳以上</td></tr><tr><td>主なデバイス</td><td>タブレット中心</td><td>パソコン中心</td></tr><tr><td>操作</td><td>アイコンを指でつなぐ</td><td>文字つきブロックをマウスで</td></tr><tr><td>文字の読み書き</td><td>読めなくてOK</td><td>ある程度読めるとよい</td></tr><tr><td>料金</td><td>無料</td><td>無料</td></tr></tbody></table></figure>


<p class="wp-block-paragraph">ざっくり言えば、5〜8歳の入口はScratchJr、9歳前後で文字が読めるようになったらScratch本体、という流れになる。Scratch本体で迷路ゲームを作るところまでの手順は<a href="https://smartkids-lab.com/scratch-getting-started-maze-game/">小学生向けScratchの始め方と迷路ゲーム作り</a>に詳しいので、お子さんが小学校中学年以降ならそちらから入ってもいい。</p>


<h2 class="wp-block-heading"><span id="toc5">はじめる前に準備するもの</span></h2>


<p class="wp-block-paragraph">身構える必要はない。ScratchJrは無料で、特別な機材もいらない。手持ちのタブレットがあれば今日から始められる。</p>


<h3 class="wp-block-heading"><span id="toc6">推奨デバイスとブラウザ環境</span></h3>


<p class="wp-block-paragraph">ScratchJrはアプリだ。開発元のScratch財団が運営する<a rel="noopener" target="_blank" href="https://www.scratchjr.org/">ScratchJr公式サイト</a>によると、iPad・Androidタブレット・Chromebookに対応していて、いずれも無料。一度インストールすればオフラインでも使える。Scratch本体はブラウザで動くので、Chromebookやパソコンが向く。</p>


<p class="wp-block-paragraph">筆者の実感として、小さいうちはタブレット一択でいい。マウスでブロックを正確につまむ操作は、幼児にはかなり難しい。指でさわるタッチ操作のほうが圧倒的に直感的だ。</p>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://smartkids-lab.com/wp-content/uploads/2026/03/murasaki_icon.png" alt="ムラサキ" class="speech-icon-image"/></figure><div class="speech-name">ムラサキ</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">わが家はタブレットを持っていなかったので、画面を完全に平面にしてタッチパネルとして使えるパソコンで代用していた。タブレット風に直接さわれるなら、これでも十分遊べた。ただ、これから買うなら素直にタブレットをおすすめする。</p>
</div></div>


<h3 class="wp-block-heading"><span id="toc7">アカウント登録と保護者の見守り設定</span></h3>


<p class="wp-block-paragraph">ScratchJrはアカウント登録が不要で、ネット接続もいらない。作った作品は端末の中だけに保存される。だから個人情報の心配がほぼなく、幼児の最初の一歩として安心だ。</p>


<p class="wp-block-paragraph">一方、Scratch本体でオンラインに作品を公開・共有するにはアカウント登録が必要になる。子ども向けには保護者のメールアドレスでの登録や公開範囲の設定があるので、Scratchに進む段階では公開設定を親が一緒に確認しておくといい。</p>


<h3 class="wp-block-heading"><span id="toc8">学習を続けるための時間の決め方</span></h3>


<p class="wp-block-paragraph">時間は短くていい。集中力が続くのはせいぜい10〜15分。「もっとやりたい」で終わるくらいがちょうどよく、無理に長く続けさせると次から嫌がる。</p>


<p class="wp-block-paragraph">筆者は時間も内容もきっちり決めず、子どもが触りたがったときに好きにさわらせる方針だった。幼児のうちは「決まったカリキュラムをこなす」より「遊びの延長で触れる」ほうが続く。</p>


<h2 class="wp-block-heading"><span id="toc9">最初の一歩！キャラクターを動かしてみよう</span></h2>


<p class="wp-block-paragraph">ここからは、ScratchJrでキャラクターを動かす流れを紹介する。親が先に一度さわっておくと、子どもがつまずいたときに横でヒントを出せる。</p>

<div class="sk-steps"><br />
<div class="sk-step"><div class="sk-step__num">1</div><div class="sk-step__line"></div><div class="sk-step__body"><div class="sk-step__label">キャラクターと背景をえらぶ</div><div class="sk-step__content"><br />
アプリを開いて新しいプロジェクトを作ると、まっさらな画面が出る。最初に動かしたいキャラクター（ScratchJrでは絵のキャラ）と、その後ろの背景を選ぶ。海・森・宇宙など用意された背景から選んでもいいし、自分で描くこともできる。ここは子どもに自由に選ばせると一気に乗ってくる。<br />
</div></div></div><br />
<div class="sk-step"><div class="sk-step__num">2</div><div class="sk-step__line"></div><div class="sk-step__body"><div class="sk-step__label">動きブロックでうごかす</div><div class="sk-step__content"><br />
画面下に並んだブロックから「右に動く」などの青い動きブロックを、指でドラッグして組み立てエリアに置く。先頭に緑の旗ブロックをつないで旗をタップすると、その通りにキャラクターが動く。数字を変えれば動く距離も変わる。「ブロック＝命令」という関係が、ここで初めて体感できる。<br />
</div></div></div><br />
<div class="sk-step"><div class="sk-step__num">3</div><div class="sk-step__line"></div><div class="sk-step__body"><div class="sk-step__label">くりかえしでアニメに</div><div class="sk-step__content"><br />
同じ動きを何度も繰り返したいときは、繰り返し（ループ）ブロックを使う。動きブロックを繰り返しブロックで囲むと、ぐるぐる回り続けたり往復したりする。命令を1つ置くだけで連続した動きになるので、子どもは「魔法みたいだ」と感じる。ここまで来ると、もう立派なアニメーションだ。<br />
</div></div></div><br />
</div>


<h3 class="wp-block-heading"><span id="toc10">スプライトと背景の選び方</span></h3>


<p class="wp-block-paragraph">Scratch本体では、動かすキャラクターを「スプライト」と呼ぶ。ScratchJrの「キャラクター」にあたるものだ。どちらも複数のキャラを置けるので、最初は1体だけにして、慣れたら増やすと混乱しない。</p>


<h3 class="wp-block-heading"><span id="toc11">「動き」ブロックで前進・回転させる</span></h3>


<p class="wp-block-paragraph">前進・後退・回転といった動きは、すべて専用のブロックが用意されている。回転ブロックを混ぜると動きに変化が出て、子どもの食いつきが変わる。まずは前に進ませて、止める。この往復だけでも、最初は十分楽しい。</p>


<h3 class="wp-block-heading"><span id="toc12">繰り返しブロックでアニメーションに挑戦</span></h3>


<p class="wp-block-paragraph">繰り返しは、プログラミングらしさが一番伝わるブロックだ。「2歩進んで1回まわる」を繰り返すだけで、キャラクターが画面をぐるぐる動き回る。命令はたった数個。それで連続した動きが生まれる体験は、小さい子ほど驚いてくれる。</p>


<h2 class="wp-block-heading"><span id="toc13">遊びながら学べるおすすめミニ作品</span></h2>


<p class="wp-block-paragraph">最初の動かし方を覚えたら、次は小さな作品づくりに進む。ここで紹介する3つは、ScratchJrの公式アクティビティや作例でも定番のテーマだ。わが家で実際に作ったのは追いかけっこ系の迷路なので、ダンスや絵本は公式の機能をもとに紹介する。</p>


<h3 class="wp-block-heading"><span id="toc14">音と一緒に踊るダンスアニメ</span></h3>


<p class="wp-block-paragraph">ScratchJrには音を鳴らすブロックと、自分の声を録音して使える機能がある。動きブロックと音ブロックを組み合わせると、キャラクターが音に合わせて踊る作品が作れる。子どもが自分の声を吹き込めるので、「自分だけの作品」という実感が一気に強まる。</p>


<h3 class="wp-block-heading"><span id="toc15">クリックで反応するインタラクティブ絵本</span></h3>


<p class="wp-block-paragraph">「キャラクターをタップしたら何かが起きる」という仕組みも、ScratchJrの得意分野だ。タップで反応するブロックを使えば、押すとセリフが出る、別の場面に切り替わる、といった動く絵本が作れる。ページをめくるだけの絵本と違い、子どもが触って物語が進むのが新鮮に映る。</p>


<h3 class="wp-block-heading"><span id="toc16">簡単な追いかけっこゲーム</span></h3>


<p class="wp-block-paragraph">キャラクターを指で操作して、別のキャラやゴールを目指す&#8211;いわゆる迷路・追いかけっこ系は、小さい子に一番ウケる。わが家で2歳のころに触らせたのも、この迷路だった。作るのは親、遊ぶのは子ども、という分担でいい。最初から子どもが全部作る必要はなく、「親が作った作品で遊ぶ」だけでも興味の入口としては十分だ。</p>


<h2 class="wp-block-heading"><span id="toc17">つまずいたときの保護者サポートのコツ</span></h2>


<p class="wp-block-paragraph">子どもが「思った通りに動かない」と止まったとき、親の関わり方で続くかどうかが決まる。先に断っておくと、幼児のうちは丁寧に教え込むより、自由に触らせるほうがうまくいく場面が多い。</p>


<h3 class="wp-block-heading"><span id="toc18">答えを教えずヒントを出す声かけ</span></h3>


<p class="wp-block-paragraph">うまくいかないとき、つい正解のブロックを置いてあげたくなる。でもScratchの教育的なねらいは、子どもが自分で気づくところにある。「どのブロックを変えたら動くと思う？」と問いに変えると、子どもは自分で試し始める。答えを渡すより、考えるきっかけを渡すほうがいい。</p>


<h3 class="wp-block-heading"><span id="toc19">失敗を楽しむ雰囲気づくり</span></h3>


<p class="wp-block-paragraph">プログラムは思い通りに動かないのが当たり前だ。動かなかったときに「違うね」で終わらせず、「面白い動きになったね」と一緒に笑えると、子どもは失敗を怖がらなくなる。この「失敗を楽しむ感覚」は、プログラミングだけでなくあらゆる挑戦の土台になる。もし「うちの子には向いていないかも」と感じても、入口を変えるだけで変わることが多い。その見極め方はSE歴20年の視点でまとめた<a href="https://smartkids-lab.com/kids-programming-not-suited-2/">子どもがプログラミングに向いてないと感じたときの対処</a>が参考になる。</p>


<h3 class="wp-block-heading"><span id="toc20">作品を一緒に振り返って褒める</span></h3>


<p class="wp-block-paragraph">できあがった作品は、親が一緒に見て具体的に褒める。「ここの動き、自分で考えたの？」と中身に触れると、子どもは「見てもらえた」と感じてまた作りたくなる。漠然と「すごいね」より、どこがどう良かったかを言葉にするのが効く。</p>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://smartkids-lab.com/wp-content/uploads/2026/03/murasaki_icon.png" alt="ムラサキ" class="speech-icon-image"/></figure><div class="speech-name">ムラサキ</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">正直に言うと、2歳のうちは「教える」段階ではなかった。私は基本、好きに触らせて隣で見ているだけ。それでも本人は楽しそうだったし、無理に教えなかったのが結果的によかったと思っている。</p>
</div></div>


<h2 class="wp-block-heading"><span id="toc21">次のステップへ進むための学習リソース</span></h2>


<p class="wp-block-paragraph">ScratchJrに慣れてきたら、もう少し本格的な題材や、Scratch本体への移行を考える時期が来る。年齢と興味に合わせて選べばいい。</p>


<h3 class="wp-block-heading"><span id="toc22">公式チュートリアルとサンプル作品</span></h3>


<p class="wp-block-paragraph">最初の頼りになるのは公式の作例だ。ScratchJr公式サイトには年齢に応じたアクティビティが、Scratch本体の<a rel="noopener" target="_blank" href="https://scratch.mit.edu/">Scratch公式サイト</a>には世界中の子どもが作った作品とチュートリアルが大量に公開されている。完成品を見て真似するところから始めると、ゼロから考えるより取り組みやすい。</p>


<h3 class="wp-block-heading"><span id="toc23">おすすめ書籍とオンライン教室</span></h3>


<p class="wp-block-paragraph">手元に一冊あると、親が流れを把握しやすい。ScratchJrの定番入門書として知られるのが、日経BPの『5才からはじめる すくすくプログラミング』だ。5〜7歳向けに、親子で一緒に進められる構成になっている。</p>


<p class="wp-block-paragraph">&amp;lt;!&#8211; wp:html &#8211;&amp;gt;<br>&amp;lt;!&#8211; [AFFILIATE:kantan] 製品名: 5才からはじめる すくすくプログラミング（日経BP） | 設置理由: ScratchJr向けの定番入門書。幼児・低学年の親が流れを把握するための一冊として紹介 &#8211;&amp;gt;<br>&amp;lt;!&#8211; もしもアフィリエイト「かんたんリンク」HTMLをここに貼り付け &#8211;&amp;gt;<br>&amp;lt;!&#8211; /wp:html &#8211;&amp;gt;</p>


<p class="wp-block-paragraph">低学年になってScratch本体に進む段階や、教材全体を見渡したいときは、年齢別の選び方をまとめた<a href="https://smartkids-lab.com/kids-coding-math-guide/">算数・数学が好きになる子供向けコーディング教材ガイド</a>で全体像をつかむと迷いにくい。オンライン教室は各社が無料体験を用意しているので、本人が乗ってきたら体験から試すのが失敗が少ない。</p>


<h3 class="wp-block-heading"><span id="toc24">発表会・コンテストへの参加</span></h3>


<p class="wp-block-paragraph">作品づくりに夢中になってきたら、発表の場という選択肢もある。世界各地で開かれるScratchのイベント「Scratch Day」や、子ども向けのプログラミングコンテストがそれだ。ただ、これは小学校中学年以降の話。わが家はまだ未就学なので完全に先の話で、今は「いつかこういう場があるらしい」と知っておく程度で十分だと思っている。</p>


<h2 class="wp-block-heading"><span id="toc25">よくある質問</span></h2>


<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">ScratchJrは何歳から始められますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">公式の対象年齢は5〜7歳です。ただし親が作った作品を触らせる遊びなら、それより小さくても楽しめます。筆者は2歳のころに親が作った迷路を触らせていました。自分でブロックを組むのは文字や数の感覚が育つ5歳前後からが目安です。</p>
</div></dd></dl></div>


<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">タブレットとパソコン、どちらがいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">小さいうちはタブレットがおすすめです。ScratchJrはタブレット用アプリで、指で直接さわって操作します。マウスで小さなブロックを正確につまむのは幼児には難しいためです。Scratch本体に進む9歳前後からはパソコンが向きます。</p>
</div></dd></dl></div>


<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">ScratchJrは無料ですか？課金はありますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">完全に無料です。アプリ内課金もありません。App StoreやGoogle Play、Chromebookから無料でダウンロードでき、一度入れればオフラインでも使えます。Scratch本体も無料です。</p>
</div></dd></dl></div>


<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">1日にどれくらいやればいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">1回10〜15分で十分です。幼児は集中が長く続かないので、「もっとやりたい」で終わるくらいがちょうどよいです。毎日やる必要はなく、子どもが触りたがったときに遊ぶくらいの気軽さで続けるのがコツです。</p>
</div></dd></dl></div>


<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">ScratchJrからScratch本体へはいつ移行すればいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">明確な決まりはありませんが、文字がある程度読めて、もっと複雑なことをやりたがってきたタイミングが目安です。年齢では9歳前後が一つの区切りになります。焦らず、ScratchJrで物足りなくなってからで十分間に合います。</p>
</div></dd></dl></div>


<h2 class="wp-block-heading"><span id="toc26">まとめ</span></h2>


<p class="wp-block-paragraph">幼児・低学年のプログラミングは、タブレットとScratchJrがあれば今日から始められる。難しく考える必要はない。</p>

<div class="sk-summary"><div class="sk-summary__label">📋 この記事のポイント</div><ul class="sk-summary__list"><li>5〜7歳の入口はScratchJr、9歳前後でScratch本体へ。年齢と文字の読み書きで選べばいい。</li><li>小さいうちはタブレット推奨。指でさわる操作が幼児には一番わかりやすい。</li><li>最初は親が作った作品で遊ばせるだけでOK。自由に触らせて、失敗を一緒に楽しむのが続けるコツ。</li></ul></div>


<p class="wp-block-paragraph">最初の一歩は、完璧な作品を作ることではない。「自分が触ると画面の中が動く」と気づくこと。それだけで、子どものプログラミングはもう始まっている。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">933</post-id>	</item>
		<item>
		<title>【2026年最新】算数・数学が好きになる！子供向けコーディング教材・始め方完全ガイド</title>
		<link>https://smartkids-lab.com/kids-coding-math-guide/</link>
		
		<dc:creator><![CDATA[ムラサキ]]></dc:creator>
		<pubDate>Sat, 16 May 2026 11:24:30 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[STEAM教育]]></category>
		<category><![CDATA[コーディング教材]]></category>
		<category><![CDATA[プログラミング教育]]></category>
		<category><![CDATA[知育]]></category>
		<guid isPermaLink="false">https://smartkids-lab.com/?p=39</guid>

					<description><![CDATA[目次 導入文コーディングとは？なぜ今始めるべきなのか背景説明：2026年のプログラミング教育始める前に知っておくべき３つのこと1. 必要なもの・スキル2. 費用の目安コーディング教材 費用くらべ3. 成功のための心構え： [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p class="wp-block-paragraph">2026.03.27 更新：レゴCS&amp;AIキットの価格情報を追記（小3〜6年向け 税込64,900円〜）、費用比較カードUIのロボット教材情報を最新化</p>
</div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">導入文</a></li><li><a href="#toc2" tabindex="0">コーディングとは？なぜ今始めるべきなのか</a><ol><li><a href="#toc3" tabindex="0">背景説明：2026年のプログラミング教育</a></li></ol></li><li><a href="#toc4" tabindex="0">始める前に知っておくべき３つのこと</a><ol><li><a href="#toc5" tabindex="0">1. 必要なもの・スキル</a></li><li><a href="#toc6" tabindex="0">2. 費用の目安</a><ol><li><a href="#toc7" tabindex="0">コーディング教材 費用くらべ</a></li></ol></li><li><a href="#toc8" tabindex="0">3. 成功のための心構え：SEの視点</a></li></ol></li><li><a href="#toc9" tabindex="0">コーディングの始め方【7ステップで解説】</a><ol><ol><li><a href="#toc10" tabindex="0">コーディング 7ステップ × 算数概念マップ</a></li></ol></li><li><a href="#toc11" tabindex="0">ステップ1: 「遊び」と「学び」の境界線をなくす</a></li><li><a href="#toc12" tabindex="0">ステップ2: ビジュアルプログラミングに触れる</a></li><li><a href="#toc13" tabindex="0">ステップ3: 「座標」と「角度」を体感する</a></li><li><a href="#toc14" tabindex="0">ステップ4: 「繰り返し」と「条件分岐」をマスターする</a></li><li><a href="#toc15" tabindex="0">ステップ5: 「変数」を使ってスコア機能を作る</a></li><li><a href="#toc16" tabindex="0">ステップ6: ロボット教材で「物理」と繋げる</a></li><li><a href="#toc17" tabindex="0">ステップ7: 自分の作品を誰かに公開する</a></li></ol></li><li><a href="#toc18" tabindex="0">よくあるトラブルと解決策</a></li><li><a href="#toc19" tabindex="0">よくある質問（FAQ）</a></li><li><a href="#toc20" tabindex="0">まとめ：今日から始められる第一歩</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">導入文</span></h2>



<p class="wp-block-paragraph">「うちの子、算数に苦手意識があるみたい……」「将来のためにプログラミングを学ばせたいけれど、何から始めればいいの？」</p>



<p class="wp-block-paragraph">そんな悩みを持つ保護者の方は多いはずです。実は、現役で活躍するシステムエンジニア（SE）の多くは、学生時代に「算数や数学が好きだった」という共通点を持っています。それはなぜか。プログラミングと数学は、どちらも<strong>「複雑な問題を細かく分解し、論理的な手順で解決する」</strong>という同じ脳の回路を使っているからです。</p>



<p class="wp-block-paragraph">この記事では、単にコードの書き方を覚えるだけでなく、<strong>「プログラミングを通じて算数・数学が好きになる」</strong>という視点で、子供向けコーディング教材の選び方と実践ステップを解説します。2026年、AIと共生する時代を生きる子供たちに必要なのは、計算の速さではなく、論理を組み立てる楽しさを知ることです。</p>



<p class="wp-block-paragraph">※筆者は金融系SE歴20年で、2歳の息子を持つ父親です。実際に息子にViscuitを触らせたり、プラレールの線路組みを観察する中で「プログラミング的思考の芽生え」をリアルに感じています。本記事では教材比較に加え、2歳児との実体験も交えてお伝えします。</p>



<p class="wp-block-paragraph">▶ AI時代に子どもに必要なスキルの全体像はこちら → <a href="https://smartkids-lab.com/ai-education-kids-guide/">AI教育を子供に始める完全ガイド【2026年最新版】</a></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">コーディングとは？なぜ今始めるべきなのか</span></h2>



<p class="wp-block-paragraph">共働き家庭の習い事投資の意欲調査と、家庭の時間制約に合わせた選び方の最新動向は、<a href="https://smartkids-lab.com/dual-income-skill-up-lesson-investment/">共働き8割の習い事投資意欲とSE父の選び方</a>に整理しています。</p>



<h3 class="wp-block-heading"><span id="toc3">背景説明：2026年のプログラミング教育</span></h3>



<p class="wp-block-paragraph">2025年度からの大学入学共通テストへの「情報」導入を経て、2026年現在はプログラミングが「受験科目」としての重みを増した最初のフェーズにあります。もはやコーディングは一部の専門家のスキルではなく、読み書き・そろばんに並ぶ「現代の教養」として完全に定着しました。ただし、学校間でプログラミング教育の実施頻度や内容には大きな差があるのが現状で、家庭での補完が重要になっています（学校での実際の取り組み内容は<a href="https://smartkids-lab.com/elementary-school-programming-education-explained/">小学校プログラミング必修化の詳細解説</a>を参照してください）。</p>



<style>
.md-section{max-width:680px;margin:2em auto;font-family:sans-serif}
.md-block{border-radius:10px;padding:18px 20px;margin-bottom:16px}
.md-block.merit{background:#E8F5E9;border-left:4px solid #2E7D32}
.md-block.demerit{background:#FFF3E0;border-left:4px solid #E65100}
.md-block-title{font-size:.88em;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:6px}
.md-block.merit .md-block-title{color:#1B5E20}
.md-block.demerit .md-block-title{color:#BF360C}
.md-block-title::before{display:inline-block;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:.78em;font-weight:700;color:#fff;flex-shrink:0}
.md-block.merit .md-block-title::before{content:'✓';background:#2E7D32}
.md-block.demerit .md-block-title::before{content:'!';background:#E65100}
.md-item{margin:0 0 14px;line-height:1.75;font-size:.85em;color:#333}
.md-item:last-child{margin-bottom:0}
.md-item strong{color:#1A237E}
.md-intro{font-size:.85em;color:#444;line-height:1.75;margin:0 0 16px}
</style>

<div class="md-section">

  <p class="md-intro">プログラミングと算数は、どちらも「複雑な問題を小さく分解し、手順を組み立てて解決する」という同じ思考回路を使います。SE歴20年の実感として、強いエンジニアほどこの&#8221;分解力&#8221;が高いと感じます。</p>

  <div class="md-block merit">
    <div class="md-block-title">メリット</div>
    <p class="md-item"><strong>論理的思考力の定着</strong> ── 物事を順序立てて考える力は、算数の文章題を「何を聞かれているか」「どの情報が必要か」と分解するプロセスと本質的に同じです。コーディングはこの分解と再構成を毎回繰り返すため、自然と論理的思考が身につきます。</p>
    <p class="md-item"><strong>算数への心理的障壁が下がる</strong> ── 座標、角度、変数といった中学数学まで続く概念を、ゲームを作りながら先取り体感できます。上の「算数概念マップ」で示したとおり、ステップ3〜5で小3〜小4レベルの算数を&#8221;遊び&#8221;として触れるのが大きな強みです。</p>
    <p class="md-item"><strong>試行錯誤の習慣化</strong> ── コードは何度でも書き直せます。「間違い＝バグを直すだけ」という感覚が身につくと、テストで×が付いても「じゃあどこを直そう？」と切り替えられる子になります。</p>
  </div>

  <div class="md-block demerit">
    <div class="md-block-title">注意すべき点</div>
    <p class="md-item"><strong>視力低下・運動不足</strong> ── 画面作業が続くため、20分に1回は遠くを見る休憩ルール（20‑20‑20ルール）を親が設定してください。わが家でもスマイルゼミ後は必ず外遊びの時間を入れています。</p>
    <p class="md-item"><strong>教材のミスマッチ</strong> ── 子供のレベルに合わない教材は「自分にはできない」という逆効果を生みます。まず無料のScratchやViscuitで反応を見てから、有料教材やロボットに進むのが鉄則です。</p>
  </div>

</div>



<p class="wp-block-paragraph">この「分解→手順化→実行→修正」のサイクルは「プログラミング的思考」と呼ばれ、コードを書かなくても日常で使える考え方の型です。5つの要素に分解した解説は<a href="https://smartkids-lab.com/what-is-computational-thinking-for-parents/">「プログラミング的思考」って何？親向けやさしい解説</a>にまとめています。なお、このようなSTEAM教育の効果は66件の研究を統合したメタ分析でも裏付けられており、特に少人数での実施で効果が高まることが示されています（<a href="https://smartkids-lab.com/steam-education-research-evidence/">STEAM教育の効果を研究データで検証した記事</a>で詳しく紹介しています）。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc4">始める前に知っておくべき３つのこと</span></h2>



<h3 class="wp-block-heading"><span id="toc5">1. 必要なもの・スキル</span></h3>



<ul class="wp-block-list">
<li><strong>ハードウェア</strong>: タブレット（iPad等）またはPC。</li>



<li><strong>親のスキル</strong>: プログラミング知識は不要です。「一緒に楽しむ姿勢」が最も重要です。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc6">2. 費用の目安</span></h3>



<style>
.cost-cards{max-width:680px;margin:2em auto;font-family:sans-serif;}
.cost-cards h4{text-align:center;font-size:1.05em;color:#1A237E;margin:0 0 16px;}
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cc-card{background:#fff;border:2px solid #E8EAF6;border-radius:12px;padding:16px 14px;text-align:center;position:relative;transition:box-shadow .2s;}
.cc-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);}
.cc-card.recommend{border-color:#1565C0;box-shadow:0 0 0 2px #E3F2FD;}
.cc-card.recommend::before{content:'おすすめ';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#1565C0;color:#fff;font-size:.68em;font-weight:700;padding:2px 10px;border-radius:8px;}
.cc-icon{font-size:2em;margin-bottom:6px;}
.cc-type{font-size:.88em;font-weight:700;color:#1A237E;margin-bottom:8px;}
.cc-price{font-size:1.3em;font-weight:800;margin-bottom:2px;}
.cc-price .cc-yen{font-size:.6em;color:#666;font-weight:400;}
.cc-price.free{color:#2E7D32;}
.cc-price.mid{color:#E65100;}
.cc-price.high{color:#C62828;}
.cc-sub{font-size:.72em;color:#888;margin-bottom:10px;line-height:1.4;}
.cc-features{text-align:left;font-size:.76em;color:#333;line-height:1.6;margin:0;padding:0 4px;}
.cc-features li{list-style:none;padding-left:1.2em;position:relative;margin-bottom:3px;}
.cc-features li::before{content:'✓';position:absolute;left:0;color:#2E7D32;font-weight:700;}
.cc-note{text-align:center;font-size:.72em;color:#999;margin-top:10px;}
@media(max-width:600px){.cc-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto;}}
</style>
<div class="cost-cards">
  <h4><span id="toc7">コーディング教材 費用くらべ</span></h4>
  <div class="cc-grid">
    <div class="cc-card recommend">
      <div class="cc-icon">💻</div>
      <div class="cc-type">無料アプリ</div>
      <div class="cc-price free">0<span class="cc-yen">円/月</span></div>
      <div class="cc-sub">初期費用 0円（PC/タブレットは別）</div>
      <ul class="cc-features">
        <li>Scratch（8歳〜）完全無料</li>
        <li>Viscuit（4歳〜）無料アプリ</li>
        <li>Code.org 無料オンライン講座</li>
        <li>まずはここからスタート</li>
      </ul>
    </div>
    <div class="cc-card">
      <div class="cc-icon">📚</div>
      <div class="cc-type">通信教育・サブスク</div>
      <div class="cc-price mid">3,000〜5,000<span class="cc-yen">円/月</span></div>
      <div class="cc-sub">初期費用 0円</div>
      <ul class="cc-features">
        <li>体系的なカリキュラム</li>
        <li>進捗管理・添削あり</li>
        <li>親の負担が少ない</li>
        <li>興味確認後の次ステップに</li>
      </ul>
    </div>
    <div class="cc-card">
      <div class="cc-icon">🤖</div>
      <div class="cc-type">ロボット教材</div>
      <div class="cc-price high">30,000〜60,000<span class="cc-yen">円（初期）</span></div>
      <div class="cc-sub">月額 0円｜物理+算数の接点が広がる</div>
      <ul class="cc-features">
        <li>SPIKE ベーシック 約6万円<br><small>（2026/6 販売終了予定）</small></li>
        <li>後継: CS&#038;AI キット（2026/4 出荷開始、小3〜6年向け 税込64,900円〜）</small></li>
        <li>円周・比・角度を実体験</li>
        <li>アプリで興味確認後に検討</li>
      </ul>
    </div>
  </div>
  <p class="cc-note">※ 価格は2026年3月時点の参考値です。レゴSPIKEは2026年6月に製造終了予定ですが、アフレルは自社在庫にて継続販売を予定しています。CS&#038;AIキットの価格は<a rel="noopener" target="_blank" href="https://afrel.co.jp/product/lego-education-computer-science-and-ai/">アフレル公式サイト</a>で最新情報を確認できます</p>
</div>



<h3 class="wp-block-heading"><span id="toc8">3. 成功のための心構え：SEの視点</span></h3>



<p class="wp-block-paragraph">プログラミングは「魔法」ではなく「積み木」です。算数が得意な人は、1つの大きな問題を小さな足し算や引き算に分解するのが得意です。この<strong>「分解する力」</strong>こそが、算数好きへの近道です。</p>



<p class="wp-block-paragraph">SE歴20年の経験から一つ付け加えると、プログラミングで最も大事なのは「コードを書く力」ではなく「何を作りたいか考える力」です。AIがコードを自動生成する時代に、構文を暗記する意味は薄れています。大事なのは「こういうものを作りたい」「こう動いてほしい」という要件を自分の頭で考えられること。2歳の息子がプラレールで「駅の横にトンネルを置きたい」「電車を2台同時に走らせたい」と考えている時点で、その力の芽は出ています。教材は後からいくらでも選べます。まずは「こうしたい」という意思を育てることが最優先です。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc9">コーディングの始め方【7ステップで解説】</span></h2>



<div class="wp-block-merpress-mermaidjs diagram-source-mermaid merpress-mermaid"><pre class="mermaid">flowchart TD
  A["遊びで触れる"] --> B["ビジュアル体験"]
  B --> C["座標と角度"]
  C --> D["繰り返し分岐"]
  D --> E["変数スコア"]
  E --> F["ロボット連携"]
  F --> G["作品を公開"]
  style A fill:#e8f4e8,stroke:#ccc
  style G fill:#ffd580,stroke:#ccc</pre></div>



<style>
.math-map{max-width:680px;margin:2em auto;font-family:sans-serif}
.math-map h4{text-align:center;font-size:1.05em;color:#1A237E;margin:0 0 6px}
.math-map .mm-sub{text-align:center;font-size:.78em;color:#5C6BC0;margin:0 0 16px}
.mm-table{width:100%;border-collapse:collapse;font-size:.82em}
.mm-table th{background:#283593;color:#fff;padding:8px 6px;text-align:center;font-weight:600}
.mm-table th.col-step{width:28%}
.mm-table th.col-math{width:36%}
.mm-table th.col-ex{width:36%}
.mm-table td{padding:8px 6px;border-bottom:1px solid #E8EAF6;vertical-align:top;line-height:1.5}
.mm-table tr:nth-child(even){background:#F5F5FF}
.mm-step-num{display:inline-block;width:22px;height:22px;border-radius:50%;color:#fff;font-weight:700;font-size:.78em;text-align:center;line-height:22px;margin-right:4px}
.s1{background:#7B2FF7}.s2{background:#E65100}.s3{background:#1565C0}
.s4{background:#2E7D32}.s5{background:#C62828}.s6{background:#6A1B9A}.s7{background:#00838F}
.mm-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:.72em;font-weight:600;margin:1px 2px}
.mm-badge.pre{background:#F3E5F5;color:#6A1B9A}
.mm-badge.elem{background:#E3F2FD;color:#1565C0}
.mm-badge.mid{background:#FFF3E0;color:#E65100}
.mm-legend{margin-top:8px;text-align:center;font-size:.72em;color:#666}
.mm-legend span{margin:0 8px}
@media(max-width:600px){.mm-table{font-size:.75em}.mm-table th,.mm-table td{padding:6px 4px}}
</style>

<div class="math-map">
  <h4><span id="toc10">コーディング 7ステップ × 算数概念マップ</span></h4>
  <p class="mm-sub">「本当に算数の役に立つの？」→ 各ステップで自然に身につく算数概念を一覧にしました</p>
  <table class="mm-table">
    <thead>
      <tr><th class="col-step">ステップ</th><th class="col-math">身につく算数概念</th><th class="col-ex">Scratch での具体例</th></tr>
    </thead>
    <tbody>
      <tr>
        <td><span class="mm-step-num s1">1</span>遊びと学びの境界をなくす</td>
        <td><span class="mm-badge pre">未就学〜</span><br>順序・因果関係</td>
        <td>「ボタンを押す→動く」という問いかけ自体が&#8221;順序&#8221;の原体験</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s2">2</span>ビジュアルプログラミング</td>
        <td><span class="mm-badge elem">小1〜</span><br>数直線・たし算ひき算</td>
        <td>「10歩動かす」ブロック ＝ 数直線上の +10</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s3">3</span>座標と角度を体感</td>
        <td><span class="mm-badge elem">小3〜</span><br>座標平面・正負の数・角度</td>
        <td>x=0が画面中央。「x を −100 に」→ 負の数を実感</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s4">4</span>繰り返しと条件分岐</td>
        <td><span class="mm-badge elem">小3〜</span><br>条件式・場合分け・不等号</td>
        <td>「もしスコア＞10なら…」＝ 不等号。「10回繰り返す」＝ かけ算的発想</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s5">5</span>変数でスコア機能</td>
        <td><span class="mm-badge mid">小4〜</span><br>変数・代入（x = x + 1）</td>
        <td>変数「スコア」→「スコアを1ずつ変える」で x = x+1 を遊びで体感</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s6">6</span>ロボット教材で物理</td>
        <td><span class="mm-badge mid">小5〜</span><br>円周・比・割合・単位変換</td>
        <td>「10cm進む＝タイヤ何回転？」→ 円周＝直径×π</td>
      </tr>
      <tr>
        <td><span class="mm-step-num s7">7</span>作品を公開する</td>
        <td><span class="mm-badge mid">小5〜</span><br>データ読解・グラフ・統計の入口</td>
        <td>閲覧数やいいね数を集計 → 棒グラフ・割合の活用場面</td>
      </tr>
    </tbody>
  </table>
  <div class="mm-legend">
    <span><span class="mm-badge pre">未就学〜</span> 生活体験レベル</span>
    <span><span class="mm-badge elem">小1〜3</span> 算数基礎</span>
    <span><span class="mm-badge mid">小4〜</span> 算数応用〜数学</span>
  </div>
</div>



<h3 class="wp-block-heading"><span id="toc11">ステップ1: 「遊び」と「学び」の境界線をなくす</span></h3>



<p class="wp-block-paragraph">まずはゲームで遊ぶ側から「これってどう動いているんだろう？」と問いかけるところから始めます。</p>



<p class="wp-block-paragraph">まだ文字が読めない5〜7歳なら、遊びの延長で触れるScratchJrがちょうどいい入口になる。タブレットでの具体的な始め方は<a href="https://smartkids-lab.com/scratchjr-young-kids-guide/">5〜7歳が遊べるScratchJr入門</a>にまとめた。</p>



<h3 class="wp-block-heading"><span id="toc12">ステップ2: ビジュアルプログラミングに触れる</span></h3>



<p class="wp-block-paragraph"><strong>Scratch</strong>などのブロックをつなげる教材を触らせてみます。キャラクターを右に「10歩動かす」という操作は、数直線の概念そのものです。</p>



<p class="wp-block-paragraph">Scratchのインストールから迷路ゲーム完成までの手順は「<a href="https://smartkids-lab.com/scratch-getting-started-maze-game/">Scratchの始め方｜迷路ゲームまで</a>」でスクショ付きで解説しています。</p>



<p class="wp-block-paragraph">筆者は2歳の息子にViscuitを触らせたことがあります。好きなように絵を描かせて、それが画面上で動く様子を見せました。正直なところ、大きな反応はありませんでした。2歳児にとっては「自分が描いた絵が動く」という因果関係がまだ結びつきにくいようです。タップやスワイプは雰囲気でできていますが、ドラッグ操作はまだ難しい段階で、Viscuitの「メガネ」にパーツを配置する操作は一人ではできません。この体験から言えるのは、2歳でビジュアルプログラミングを無理に始める必要はないということです。ただし「画面に触ると何かが変わる」という体験自体は、本人の中に確実に蓄積されています。焦るよりも、プラレールやブロックで「物理的な試行錯誤」を十分に積んでから、3〜4歳でViscuitやScratch Jrに再挑戦するのが現実的なステップだと感じています。</p>



<h3 class="wp-block-heading"><span id="toc13">ステップ3: 「座標」と「角度」を体感する</span></h3>



<p class="wp-block-paragraph">キャラクターを画面の特定の場所へ動かします。</p>



<p class="wp-block-paragraph">「画面の真ん中は 0。右に行くと数字が大きくなるよ」と教えることで、後の正負の数や座標平面の理解が驚くほどスムーズになります。</p>



<p class="wp-block-paragraph">なお、座標の&#8221;前段階&#8221;にあたる方向感覚や序数（1番目、2番目…）を 2歳児がどう獲得しているかは、ステップ2のViscuit体験談で触れています。</p>



<h3 class="wp-block-heading"><span id="toc14">ステップ4: 「繰り返し」と「条件分岐」をマスターする</span></h3>



<p class="wp-block-paragraph">「もし壁に当たったら、跳ね返る」という処理を作ります。これが算数の文章題を読み解く力に直結します。</p>



<p class="wp-block-paragraph">プラレールの円形レイアウト＝ループ、分岐レールの切り替え＝条件分岐という2歳児の実体験については、ステップ2のコラムと「<a href="https://smartkids-lab.com/ai-education-kids-guide/" target="_blank">AI教育ガイドのSE父コラム</a>」で詳述しています。</p>



<h3 class="wp-block-heading"><span id="toc15">ステップ5: 「変数」を使ってスコア機能を作る</span></h3>



<p class="wp-block-paragraph">ゲームに「点数」をつけます。「今の点数に 1 足す」という処理は、数学の x = x + 1 という概念。箱（変数）の中に数字を入れる感覚を養います。</p>



<h3 class="wp-block-heading"><span id="toc16">ステップ6: ロボット教材で「物理」と繋げる</span></h3>



<p class="wp-block-paragraph">2026年6月でレゴSPIKEシリーズは販売終了が決定しています。後継は「レゴ® エデュケーション コンピュータサイエンス&amp;AI」で、小学3〜6年生向けキット（45521）と小学1〜2年生向けキット（45520）の2種類が用意されています。2026年4月から出荷開始されており、正規代理店のアフレル経由で購入可能です（2026年3月時点の参考価格：小学3〜6年生向けスタートセット 税込64,900円、中学生向けスタートセット 税込81,400円）。SPIKEアプリのサポートは2031年6月まで継続されるため、すでにSPIKEを持っている場合は引き続き利用可能です。新規購入を検討している場合は、後継キットの発売を待つか、在庫のあるリセラーで早めに確保することをお勧めします。</p>



<h3 class="wp-block-heading"><span id="toc17">ステップ7: 自分の作品を誰かに公開する</span></h3>



<p class="wp-block-paragraph">「自分の考えが形になり、誰かに喜んでもらう」という成功体験が、学習の最大の原動力になります。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc18">よくあるトラブルと解決策</span></h2>



<ul class="wp-block-list">
<li><strong>エラーが出て動かず、子供が泣き出した</strong>: 「バグ探しは探偵ごっこだよ」と声をかけ、一緒に間違いを探します。</li>



<li><strong>親が文系で教えられない</strong>: 親は「先生」ではなく「一番のファン」でいてください。「これどうやったの？」と聞くのが最高のアウトプットになります。</li>
</ul>



<p class="wp-block-paragraph">プラレール組み立てにおける「パーツ合わせ→走行テスト→組み直し」のサイクルも、 まさに&#8221;遊びと学びの境界をなくす&#8221;実例です。 詳しくはステップ2をご覧ください。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc19">よくある質問（FAQ）</span></h2>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">プログラミング学習は何歳から始めるのがベストですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">Scratchなどのビジュアル言語は5〜6歳から操作でき、数の概念（数える・比べる）が身についていれば十分スタートできます。本格的なテキストコーディング（Pythonなど）は、四則演算が安定する小学4年生（9〜10歳）頃からが目安です。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">プログラミングで算数の成績は本当に上がりますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">複数の教育研究で、プログラミング学習を取り入れた児童は論理的思考力テストのスコアが10〜15%向上したと報告されています。特にループ（繰り返し）で掛け算、座標移動で正負の数など、コードを通じて抽象概念を体感的に理解できることが大きな要因です。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">親にプログラミングの知識がなくても大丈夫ですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">はい。Scratchは日本語対応でチュートリアルも充実しており、親がコードを書く必要はありません。お子さんの作品を一緒に見て「このキャラはどう動くの？」と質問するだけで、十分なサポートになります。分からないことはAI教育ガイドも参考にしてください。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">無料で始められるプログラミング教材はありますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">Scratch（https://scratch.mit.edu/）は完全無料です。Hour of Code（Code.org）も無料で1時間単位のミニレッスンが豊富に用意されています。有料のロボットキットに進む前に、まず無料教材で「つくる楽しさ」を体験させるのがおすすめです。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">ロボットキットとアプリ教材、どちらがいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">手先を動かす体験が好きなお子さんにはロボットキット（LEGO コンピュータサイエンス＆AIなど）、画面操作が好きならアプリ教材（Scratch・Viscuitなど）が向いています。LEGO SPIKEシリーズは2026年6月で販売終了予定のため、新規購入はコンピュータサイエンス＆AIキット（税込¥64,900〜）を検討してください。</p>
</div></dd></dl></div>



<h2 class="wp-block-heading"><span id="toc20">まとめ：今日から始められる第一歩</span></h2>



<p class="wp-block-paragraph">SEとして断言できるのは、幼少期に「あ、数字ってこうやって使うと便利なんだ！」と体感した子供は、その後の数学教育で圧倒的に有利になります。</p>



<p class="wp-block-paragraph">筆者の息子はまだ2歳で、Scratchどころかビジュアルプログラミングも早い段階です。しかし親がSEだからといって焦ってコーディングを教え込む必要はないと考えています。息子がプラレールの凹凸を合わせられるようになった。分岐レールの仕組みに気づいた。スマイルゼミで順番を数えられるようになった。PCでキーボードを触りたがって膝に乗ってくる。こうした小さな「できた」の積み重ねが、将来プログラミングに出会ったときの土台になります。教材選びは大事ですが、それ以上に大事なのは、今の遊びの中にあるプログラミング的思考の芽を親が見つけて、潰さずに育てることです。</p>



<p class="wp-block-paragraph"><strong>【今日のアクションリスト】</strong></p>



<p class="wp-block-paragraph">※ 2歳〜4歳のお子さんには、まずプラレールやブロックなど 物理的な試行錯誤を十分に積ませてください（→ステップ2参照）。</p>



<ol class="wp-block-list">
<li>まずは親子で Scratch の公式サイトにアクセスしてみる。</li>



<li>「猫を動かす」だけのプロジェクトを一緒に作ってみる。</li>



<li>動いたら全力で褒める！</li>
</ol>



<p class="wp-block-paragraph">「うちの子はプログラミングに向いていないかも」と感じたら「<a href="https://smartkids-lab.com/kids-programming-not-suited-2/">子どものプログラミング向いてない？SE歴20年の処方箋</a>」をお読みください。</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box not-nested-style cocoon-block-toggle"><input id="toggle-checkbox-202606040802050" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-202606040802050">この記事の更新履歴</label><div class="toggle-content">
<p class="wp-block-paragraph">2026.03.27 ─ レゴCS&amp;AIキットの価格情報を追記、費用比較カードUIを最新化<br>2026.03.16 ─ 「コーディング7ステップ × 算数概念マップ」対応表を追加<br>メリット・デメリットを箇条書きからSE視点の解説文に改稿<br>費用比較テーブルをカード型UIに格上げ<br>レゴSPIKE販売終了（2026/6）＆後継CS&amp;AIキット情報を反映<br>アクションリストに対象年齢（5歳〜）と低年齢向け補足を追記<br>2026.02.12 ─ 初版公開</p>
</div></div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">39</post-id>	</item>
		<item>
		<title>Scratchの始め方｜インストールから最初の迷路ゲームまで</title>
		<link>https://smartkids-lab.com/scratch-getting-started-maze-game/</link>
		
		<dc:creator><![CDATA[ムラサキ]]></dc:creator>
		<pubDate>Mon, 23 Feb 2026 21:39:00 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[コーディング教材]]></category>
		<category><![CDATA[プログラミング教育]]></category>
		<category><![CDATA[幼児]]></category>
		<guid isPermaLink="false">https://smartkids-lab.com/?p=208</guid>

					<description><![CDATA[Scratch（スクラッチ）は、MIT（マサチューセッツ工科大学）メディアラボが開発した無料のビジュアルプログラミング環境です。ブロックを組み合わせて命令を作る方式なので、プログラミング未経験でもすぐに始められます。公式 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p class="wp-block-paragraph">2026.03.28 更新：Scratch利用規約改正（18歳未満は保護者同意必須）を反映、FAQを7問→5問に整理、外部エビデンスリンク・内部リンクを追加</p>
</div>



<p class="wp-block-paragraph">Scratch（スクラッチ）は、MIT（マサチューセッツ工科大学）メディアラボが開発した無料のビジュアルプログラミング環境です。ブロックを組み合わせて命令を作る方式なので、プログラミング未経験でもすぐに始められます。公式の対象年齢は8〜16歳ですが、本記事では「子どもに勧める前に、まず親自身が体験する」ことを目的としています。アカウント作成から迷路ゲーム1本を完成させるまで、全手順をスクリーンショット付きで解説します。所要時間は環境構築10分＋ゲーム作り30分＝合計約40分です。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Scratchとは？30秒でわかる概要</a></li><li><a href="#toc2" tabindex="0">STEP1：環境を準備する（所要時間10分）</a><ol><li><a href="#toc3" tabindex="0">方法A：ブラウザ版で始める（推奨）</a></li><li><a href="#toc4" tabindex="0">方法B：デスクトップアプリ版をインストールする</a></li></ol></li><li><a href="#toc5" tabindex="0">STEP2：画面の見方を知る（所要時間5分）</a></li><li><a href="#toc6" tabindex="0">STEP3：猫を動かしてみる（所要時間5分）</a></li><li><a href="#toc7" tabindex="0">STEP4：迷路ゲームを作ろう（所要時間30分）</a><ol><li><a href="#toc8" tabindex="0">4-1. 完成イメージを確認する</a></li><li><a href="#toc9" tabindex="0">4-2. 背景に迷路を描く</a></li><li><a href="#toc10" tabindex="0">4-3. 猫を矢印キーで動かすプログラム</a></li><li><a href="#toc11" tabindex="0">4-4. 壁の当たり判定を作る</a></li><li><a href="#toc12" tabindex="0">4-5. ゴール判定を作る</a></li><li><a href="#toc13" tabindex="0">4-6. テストプレイと調整</a></li></ol></li><li><a href="#toc14" tabindex="0">実行してみよう──親がハマった3つのつまずき</a><ol><li><a href="#toc15" tabindex="0">つまずき①：矢印キーを離しても猫が動き続ける</a></li><li><a href="#toc16" tabindex="0">つまずき②：「クリア！と2秒言う」の吹き出しが見えない</a></li><li><a href="#toc17" tabindex="0">つまずき③：ゴールの赤い四角形の「枠線が黒」だった</a></li></ol></li><li><a href="#toc18" tabindex="0">作ったゲームを保存・共有する</a></li><li><a href="#toc19" tabindex="0">親が先に触るメリットと次のステップ</a></li><li><a href="#toc20" tabindex="0">よくある質問</a></li><li><a href="#toc21" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Scratchとは？30秒でわかる概要</span></h2>



<p class="wp-block-paragraph">Scratchは世界中の教育現場で使われているビジュアルプログラミングツールです。色分けされたブロックをドラッグ＆ドロップで組み合わせるだけで、キャラクターを動かしたりゲームを作ったりできます。テキストでコードを書く必要は一切ありません。利用方法はブラウザ版（インストール不要、scratch.mit.eduにアクセスするだけ）とデスクトップアプリ版（ダウンロードしてオフラインで利用可能）の2種類があり、どちらも完全無料です。</p>



<div class="information-box"><p>5〜7歳向けの「ScratchJr」というアプリもあります。ScratchJrはiPad/Androidタブレット専用で、より直感的な操作に特化しています。本記事で扱うのはPC向けのScratch本体（8歳〜）です。</p></div>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="306" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1-1024x306.png" alt="Scratch公式サイトのトップページと右上のアカウント作成ボタン" class="wp-image-284" srcset="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1-1024x306.png 1024w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1-300x90.png 300w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1-768x230.png 768w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1-1536x459.png 1536w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-official-top-signup-1.png 1857w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Scratch公式サイト（https://scratch.mit.edu/）のトップページ</figcaption></figure>



<p class="wp-block-paragraph">Scratchは文部科学省の「小学校プログラミング教育の手引」でも教材例として紹介されており、正多角形の作図（5年生算数）などの授業で活用されています（<a rel="noopener" target="_blank" href="https://www.mext.go.jp/content/20200218-mxt_jogai02-100003171_002.pdf">文部科学省「小学校プログラミング教育の手引（第三版）」PDF</a>）。</p>



<p class="wp-block-paragraph">この迷路ゲームはScratch本体（8歳以上向け）が前提だが、まだ文字が読めない5〜7歳には指で操作できるScratchJrのほうが入りやすい。タブレットでの始め方は<a href="https://smartkids-lab.com/scratchjr-young-kids-guide/">5歳からのScratchJr入門手順</a>にまとめた。</p>



<h2 class="wp-block-heading"><span id="toc2">STEP1：環境を準備する（所要時間10分）</span></h2>



<h3 class="wp-block-heading"><span id="toc3">方法A：ブラウザ版で始める（推奨）</span></h3>



<p class="wp-block-paragraph">最も手軽なのはブラウザ版です。Scratch公式サイト（<a rel="noopener" target="_blank" href="https://scratch.mit.edu/">https://scratch.mit.edu/</a>）にアクセスし、画面右上の「Scratchに参加しよう」をクリックします。ユーザー名、パスワード、居住国、生年月日、性別、メールアドレスを入力すればアカウント作成は完了です。登録したメールアドレスに届く確認メールのリンクをクリックして認証を済ませましょう。アカウントがなくてもトップページの「作る」ボタンからエディタを開けますが、作品をクラウドに保存するにはアカウントが必要です。</p>





<h3 class="wp-block-heading"><span id="toc4">方法B：デスクトップアプリ版をインストールする</span></h3>



<p class="wp-block-paragraph">インターネット環境が不安定な場合はデスクトップアプリ版が便利です。Scratchダウンロードページ（<a rel="noopener" target="_blank" href="https://scratch.mit.edu/download">https://scratch.mit.edu/download</a>）からお使いのOS（Windows / Mac / ChromeOS）を選んでダウンロードし、インストールします。保存はPC内のローカルファイル（.sb3形式）になります。</p>



<div class="memo-box"><p>迷うならブラウザ版がおすすめです。インストール不要でクラウド保存できるため、万が一ブラウザを閉じても作品が消えません。</p></div>



<h2 class="wp-block-heading"><span id="toc5">STEP2：画面の見方を知る（所要時間5分）</span></h2>



<p class="wp-block-paragraph">Scratchのエディタ画面は大きく4つのエリアに分かれています。左側の「ブロックパレット」には、色分けされた命令ブロックがカテゴリ別に並んでいます。中央の「コードエリア」が作業スペースで、ここにブロックをドラッグ＆ドロップして組み立てます。右上の「ステージ」はプログラムの実行結果が表示されるエリアです。右下の「スプライトリスト」で、猫などのキャラクター（スプライト）を管理します。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="462" height="569" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-editor-overview-layout.png" alt="Scratchエディタ画面の全体構成をブロックパレット・コードエリア・ステージ・スプライトリストの4つに区分した図" class="wp-image-285" srcset="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-editor-overview-layout.png 462w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-editor-overview-layout-244x300.png 244w" sizes="(max-width: 462px) 100vw, 462px" /><figcaption class="wp-element-caption">エディタ画面の4エリア。コードを組むのは中央、結果を見るのは右上のステージ</figcaption></figure>


<div class="tab-caption-box">
<div class="tab-caption-box-label">Scratchエディタ 4つのエリア</div>
<div class="tab-caption-box-content">
<table>
<thead>
<tr>
<th>エリア名</th>
<th>位置</th>
<th>役割</th>
</tr>
</thead>
<tbody>
<tr>
<td>ブロックパレット</td>
<td>左</td>
<td>命令ブロックが色別に格納されている</td>
</tr>
<tr>
<td>コードエリア</td>
<td>中央</td>
<td>ブロックを組み合わせる作業スペース</td>
</tr>
<tr>
<td>ステージ</td>
<td>右上</td>
<td>プログラムの実行結果を表示</td>
</tr>
<tr>
<td>スプライトリスト</td>
<td>右下</td>
<td>キャラクターの追加・管理</td>
</tr>
</tbody>
</table>
</div>
</div>


<h2 class="wp-block-heading"><span id="toc6">STEP3：猫を動かしてみる（所要時間5分）</span></h2>



<p class="wp-block-paragraph">ゲーム作りに入る前に、まずは猫を動かす体験をしましょう。「イベント」カテゴリ（黄色）から「旗が押されたとき」ブロックをコードエリアにドラッグします。次に「動き」カテゴリ（青）から「10歩動かす」ブロックを下に接続します。ステージ上の緑の旗をクリックすると、猫が右に少し動きます。「制御」カテゴリ（オレンジ）の「ずっと」ブロックで囲めば、旗を押している間ずっと動き続けます。ここで「ブロックを組む→実行→結果を見る」というサイクルを体感してください。これがプログラミングの基本リズムです。</p>



<h2 class="wp-block-heading"><span id="toc7">STEP4：迷路ゲームを作ろう（所要時間30分）</span></h2>



<h3 class="wp-block-heading"><span id="toc8">4-1. 完成イメージを確認する</span></h3>



<p class="wp-block-paragraph">今回作る迷路ゲームの仕様はシンプルです。猫スプライトを矢印キーで上下左右に動かし、黒い壁に触れたらスタート地点に戻される、赤いゴールに触れたら「クリア！」と表示されてゲーム終了──これだけです。使うブロックは約15〜20個。初めてでも30分あれば完成できる規模に収めています。</p>



<h3 class="wp-block-heading"><span id="toc9">4-2. 背景に迷路を描く</span></h3>



<p class="wp-block-paragraph">まずステージの「背景」タブをクリックし、描画エディタを開きます。塗りつぶしツールで背景全体を白にしてから、四角形ツール（塗りつぶし色：黒）で壁を描きます。最初はL字やコの字など単純な形でOKです。壁は太めに描くのがコツで、細すぎると猫がすり抜けやすくなります。最後に四角形ツール（塗りつぶし色：赤）で迷路の出口にゴールエリアを描きます。</p>



<div class="caution-box"><p><strong>ゴールの図形は「枠線なし」で描くこと。</strong>四角形ツールの初期設定では枠線（アウトライン）が黒に設定されていることがあります。枠線が黒のまま赤い四角形を描くと、見た目は赤でも外周1ピクセルが黒になります。Scratchの「○色に触れた」ブロックは1ピクセル単位で色を判定するため、猫が赤に到達する前に黒い枠線に触れ、壁判定（黒に触れた→スタートに戻す）が先に発動してしまいます。結果として何度ゴールに向かってもスタートに戻され、「クリア！」が永遠に表示されません。描画エディタ左側の「枠線」の色を「なし（×マーク）」に変更してから赤い四角形を描いてください。</p></div>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="284" height="59" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-paint-editor-outline-none.png" alt="Scratch描画エディタで四角形の枠線色を「なし」に設定している操作画面" class="wp-image-286"/><figcaption class="wp-element-caption">枠線を「なし（×マーク）」にしてからゴールの赤い四角形を描く</figcaption></figure>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="738" height="557" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-maze-paint-editor.png" alt="迷路の背景を描画しているScratchペイントエディタの全体画面" class="wp-image-287" srcset="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-maze-paint-editor.png 738w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-maze-paint-editor-300x226.png 300w" sizes="(max-width: 738px) 100vw, 738px" /><figcaption class="wp-element-caption">黒い壁と赤いゴール。壁は太めに描くのがコツ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc10">4-3. 猫を矢印キーで動かすプログラム</span></h3>



<p class="wp-block-paragraph">猫スプライトを選択し、コードエリアにプログラムを組みます。まず「旗が押されたとき」→「x座標を-200、y座標を-150にする」でスタート位置を固定します。次に「ずっと」ループの中に4つの条件分岐を入れます。「もし上向き矢印キーが押されたなら、y座標を5ずつ変える」「もし下向き矢印キーが押されたなら、y座標を-5ずつ変える」「もし右向き矢印キーが押されたなら、x座標を5ずつ変える」「もし左向き矢印キーが押されたなら、x座標を-5ずつ変える」。これで猫が矢印キーで自由に動くようになります。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="272" height="383" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-cat-arrow-key-movement.png" alt="矢印キー4方向の条件分岐を「ずっと」ブロック内に組んだスクリプト全体" class="wp-image-288" srcset="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-cat-arrow-key-movement.png 272w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-cat-arrow-key-movement-213x300.png 213w" sizes="(max-width: 272px) 100vw, 272px" /><figcaption class="wp-element-caption">「ずっと」の中に「もし〈キーが押された〉なら」を4方向分配置する</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc11">4-4. 壁の当たり判定を作る</span></h3>



<p class="wp-block-paragraph">「ずっと」ループ内に壁の判定を追加します。「調べる」カテゴリの「○色に触れた」ブロックを使い、色の部分をクリックしてスポイトツールで背景の黒い壁をクリックして色を取得します。「もし黒色に触れたなら、x座標を-200、y座標を-150にする」──これで壁に触れると猫がスタート地点に瞬時に戻されます。</p>



<h3 class="wp-block-heading"><span id="toc12">4-5. ゴール判定を作る</span></h3>



<p class="wp-block-paragraph">同様に「もし赤色に触れたなら」の条件を追加します。中に「クリア！と2秒言う」→「すべてを止める」ブロックを入れれば、ゴールに到達したときにクリアメッセージが表示されてゲームが終了します。ここで「クリア！と2秒言う」の吹き出しが表示される場所は、コードエリアではなく画面右上の「ステージ」上の猫スプライトの頭上です。実行後にコードばかり見ていると吹き出しを見逃すので、緑の旗を押したらステージに目を移すようにしてください。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="203" height="175" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-maze-goal-clear-script.png" alt="ゴール判定と「クリア！と2秒言う」「すべてを止める」ブロックを含むスクリプト" class="wp-image-289"/><figcaption class="wp-element-caption">ゴール判定のスクリプト。「クリア！と2秒言う」→「すべてを止める」の順序が重要</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc13">4-6. テストプレイと調整</span></h3>



<p class="wp-block-paragraph">緑の旗を押してテストプレイしましょう。壁に触れたときにスタートに戻ること、ゴールに触れたときに「クリア！」が表示されることを確認します。猫が大きすぎてすぐ壁に触れてしまう場合は、スプライトリストでサイズを50%程度に縮小してください。壁が薄くてすり抜ける場合は、背景エディタで壁を太く描き直します。</p>



<div class="good-box"><p>テストして問題を見つけ、原因を考えて修正する──この一連の作業はプログラミングで「デバッグ」と呼ばれます。プログラミング的思考の重要な要素の一つを、ゲーム作りの中で自然に体験しています。</p></div>



<p class="wp-block-paragraph">プログラミング的思考の5つの要素については「<a href="https://smartkids-lab.com/what-is-computational-thinking-for-parents/">「プログラミング的思考」って何？親向けやさしい解説</a>」で詳しく解説しています。</p>



<h2 class="wp-block-heading"><span id="toc14">実行してみよう──親がハマった3つのつまずき</span></h2>



<p class="wp-block-paragraph">筆者も実際にこの迷路ゲームを作って動かしてみました。ブロックを組み終えて緑の旗を押した瞬間、「あれ？」と思うことが3つ続けて起きました。どれもプログラムの書き方自体は間違っていないのに、Scratchの仕様や描画ツールの初期設定を知らないと原因がわからないものばかりです。ここではその3つを「初心者あるある」として共有します。</p>



<h3 class="wp-block-heading"><span id="toc15">つまずき①：矢印キーを離しても猫が動き続ける</span></h3>



<p class="wp-block-paragraph">STEP3で「ずっと」ブロックの中に「10歩動かす」を入れて旗を押すと、猫がステージの端まで一気に走っていきます。矢印キーを離しても止まりません。これはバグではなく「ずっと」ブロックの正しい動作です。「ずっと」は赤い停止ボタンを押すか、「すべてを止める」ブロックが実行されるまで、中の命令を無限に繰り返し続けるキャップブロック（下に他のブロックをつなげられない終端ブロック）です。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="141" height="144" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-forever-block-no-if.png" alt="「ずっと」ブロックの中に「10歩動かす」だけを入れた状態のスクリプト" class="wp-image-290"/><figcaption class="wp-element-caption">NG例：「ずっと」＋「10歩動かす」だけだとキーに関係なく動き続ける</figcaption></figure>



<p class="wp-block-paragraph">「キーを押している間だけ動く」ようにするには、STEP4の4-3で解説したとおり、「ずっと」ブロックの中に「もし〈右向き矢印キーが押された〉なら」を入れ、その中に移動ブロックを配置します。こうすることで、キーを離した瞬間に移動処理がスキップされ、猫が止まります。迷路ゲームの操作はこの「ずっと＋もし〈キーが押された〉なら」が基本パターンです。プログラム全体を強制停止したいときは、ステージ左上の赤い丸（停止ボタン）をクリックします。</p>



<h3 class="wp-block-heading"><span id="toc16">つまずき②：「クリア！と2秒言う」の吹き出しが見えない</span></h3>



<p class="wp-block-paragraph">ゴール判定を作り、ゴールに触れたはずなのに「クリア！」の吹き出しがどこにも出ない──筆者もこれに悩みました。原因は単純で、吹き出しの表示場所を見ていなかったのです。「〇と2秒言う」ブロックの吹き出しは、コードエリアやブロックパレットではなく、画面右上の「ステージ」上にいるスプライト（猫）の頭上に表示されます。コードを組んでいるときは視線が画面の左〜中央に集中しがちなので、緑の旗を押したあとは意識的にステージに目を移してください。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="478" height="370" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-say-block-speech-bubble-stage.png" alt="Scratchステージ上の猫スプライト頭上に「クリア！」の吹き出しが表示されている状態" class="wp-image-291" srcset="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-say-block-speech-bubble-stage.png 478w, https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-say-block-speech-bubble-stage-300x232.png 300w" sizes="(max-width: 478px) 100vw, 478px" /><figcaption class="wp-element-caption">吹き出しはステージ上の猫の頭上に出る（赤枠部分）。コードエリアには表示されない</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc17">つまずき③：ゴールの赤い四角形の「枠線が黒」だった</span></h3>



<p class="wp-block-paragraph">つまずき②を確認しようとステージを注視しても、やはり「クリア！」が表示されない。しかし猫は何度もスタート地点に戻される──。最終的にわかった原因は、ゴール用に描いた赤い四角形の枠線（アウトライン）が黒になっていたことでした。Scratchの描画エディタで四角形ツールを使うと、初期設定で枠線が黒に設定されていることがあります。この状態で赤い四角形を描くと、見た目は赤いのに外周1ピクセルが黒で縁取られます。</p>



<p class="wp-block-paragraph">Scratchの「○色に触れた」ブロックは1ピクセル単位で色を判定します。猫スプライトがゴールに向かって移動すると、赤い塗り面に到達する前に、まず外周の黒い枠線に触れます。壁判定の「もし黒色に触れたなら → スタートに戻す」が先に発動するため、猫は赤に触れることなくスタートに送り返されます。何度挑戦してもゴールの手前でスタートに戻されるのに、プログラム自体にはまったく間違いがない──これが今回最もたどり着きにくかったバグでした。</p>



<figure class="wp-block-image size-full size-large"><img decoding="async" width="105" height="139" src="https://smartkids-lab.com/wp-content/uploads/2026/02/scratch-goal-black-outline-zoom.png" alt="" class="wp-image-292"/><figcaption class="wp-element-caption">一見すると赤い四角形だが、拡大すると外周1ピクセルが黒い枠線になっている</figcaption></figure>



<p class="wp-block-paragraph">対処法は、描画エディタで四角形ツールを選択した状態で、左側にある「枠線」の色を「なし（×マーク）」に変更してからゴールの赤い四角形を描き直すことです。すでに描いてしまった場合は、ゴール部分を削除して、枠線なしの設定で描き直してください。たった1ピクセルの枠線がゲーム全体を壊すという体験は、「コンピュータは命令を文字どおりに実行する」というプログラミングの本質を実感できる瞬間でもあります。</p>



<div class="check-box"><p><strong>実行結果の確認チェックリスト</strong><br>✔ 緑の旗をクリックした → 結果はコードエリアではなく右上の「ステージ」を見る<br>✔ 猫がスタート地点に戻る → 壁判定の色検知は正常に動いている証拠<br>✔ 「クリア！」の吹き出しが出ない → ゴール図形の枠線が黒になっていないか確認<br>✔ 矢印キーを離しても猫が止まらない → 「ずっと」の中に「もし〈キーが押された〉なら」があるか確認<br>✔ 赤い停止ボタン → すべてのプログラムを強制停止できる</p></div>



<h2 class="wp-block-heading"><span id="toc18">作ったゲームを保存・共有する</span></h2>



<p class="wp-block-paragraph">ブラウザ版では「ファイル」→「直ちに保存」でクラウドに保存されます。「共有」ボタンを押せばURLが発行され、家族やお子さんにリンクを送ってプレイしてもらうこともできます。デスクトップ版では「ファイル」→「名前を付けて保存」で.sb3ファイルとしてPC内に保存します。</p>



<p class="wp-block-paragraph">お子さん用のアカウントを作る場合、保護者のメールアドレスが必要です。2026年1月の利用規約改正により、18歳未満のユーザーはScratchを利用する際に保護者の同意が必要になりました（<a rel="noopener" target="_blank" href="https://mitscratch.freshdesk.com/en/support/solutions/articles/4000219182-scratch-terms-of-service">Scratch Terms of Service</a>）。</p>



<h2 class="wp-block-heading"><span id="toc19">親が先に触るメリットと次のステップ</span></h2>



<p class="wp-block-paragraph">親自身が「思ったより難しくなかった」と体感できると、子どもに勧めるときの言葉に説得力が出ます。迷路のデザイン（壁を描く工程）は絵を描く作業なので、子どもにとっては馴染みやすい入口です。一緒に迷路を描いてもらい、プログラム部分は親がサポートする──という役割分担がおすすめです。次のステップとしては、スプライトを猫以外のキャラクターに変える、タイマーを追加してタイムアタックにする、迷路を2面に増やすといったアレンジが考えられます。</p>



<ul class="wp-block-list">
<li>スプライトを変更する──猫以外のキャラクターに変えるだけで子どもの食いつきが変わる。Scratchには多数のスプライトが最初から用意されている</li>



<li>タイマーを追加する──「調べる」カテゴリの「タイマー」ブロックを使えば、ゴールまでの時間を計測できる。親子で最速タイムを競うと盛り上がる</li>



<li>ステージを増やす──背景を2枚用意し、ゴール到達時に次のステージに切り替えることで、2面構成の本格的な迷路ゲームに拡張できる</li>
</ul>



<p class="wp-block-paragraph">Scratchで「プログラムを組む→動かす→直す」のサイクルに慣れたら、次はAIツールを親子で体験してみるのもおすすめです。Scratchで身につけた論理的思考はAIへの質問力にも直結します。具体的な進め方は<a href="https://smartkids-lab.com/ai-education-kids-guide/">AI教育を子供に始める完全ガイド</a>で7ステップに分けて解説しています。</p>



<p class="wp-block-paragraph">子ども向けプログラミング教材の全体像については「<a href="https://smartkids-lab.com/kids-coding-math-guide/">子供向けコーディング教材・始め方完全ガイド</a>」をあわせてご覧ください。小学校でのプログラミング教育の全体像は「<a href="https://smartkids-lab.com/elementary-school-programming-education-explained/">小学校プログラミング必修化は何してる？SE親が徹底解説</a>」でまとめています。</p>



<p class="wp-block-paragraph">AI時代にプログラミング教育がなぜ重要なのか、全体像を知りたい方は「<a href="https://smartkids-lab.com/ai-era-essential-skills-for-kids/">AI時代に「食いっぱぐれない子」を育てるために、今やるべきこと・やらなくていいこと</a>」もあわせてご覧ください。</p>



<h2 class="wp-block-heading"><span id="toc20">よくある質問</span></h2>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">Scratchは無料ですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">完全無料です。ブラウザ版もデスクトップアプリ版も、一切費用はかかりません。MITメディアラボから独立したScratch財団が教育目的で開発・運営しており、広告も表示されません。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">スマホやタブレットでもできますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">ブラウザ版はタブレットでも利用可能ですが、推奨環境はPCです。スマートフォンは画面が小さくブロック操作が困難なため非推奨です。5〜7歳向けのScratchJrであれば、iPad/Androidタブレット向けの専用アプリが用意されています。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">何歳から使えますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">Scratchの公式対象年齢は8〜16歳です。5〜7歳には<a rel="noopener" target="_blank" href="https://www.scratchjr.org/">ScratchJr</a>が推奨されています。2026年1月の利用規約改正により、18歳未満のユーザーには保護者の同意が必要になりました。本記事は親が先に体験することを目的としているので、お子さんの年齢に関係なくお使いいただけます。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">アカウントなしでも使えますか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">使えます。Scratch公式サイトの「作る」ボタンを押せば、アカウント不要でエディタが開きます。ただし作品をクラウドに保存したり共有したりするにはアカウントが必要です。アカウントなしの場合は「ファイル」→「コンピューターに保存する」でPC内にダウンロードしてください。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">子どもが壁をすり抜けてしまいます。どうすれば？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">原因は主に2つあります。1つ目は壁が薄すぎること。背景エディタで壁の太さを太く描き直してください。2つ目は移動量が大きすぎること。「x座標を5ずつ変える」の数値を3に減らすと、壁の判定が安定します。</p>
</div></dd></dl></div>



<h2 class="wp-block-heading"><span id="toc21">まとめ</span></h2>



<p class="wp-block-paragraph">Scratchは環境構築10分、迷路ゲーム完成まで30分──合計約40分で「自分でゲームを作った」体験ができるツールです。迷路ゲームの工程には、プログラミング的思考の要素（分解、順序立て、条件分岐、繰り返し、デバッグ）がすべて含まれています。実際に触ってみると「ずっとブロックで猫が止まらない」「吹き出しの表示場所がわからない」「ゴール図形の枠線が黒い」など、手を動かしたからこそ気づくポイントがいくつも出てきます。こうした小さなつまずきを一つずつ解消していく作業こそがデバッグであり、プログラミング的思考の実践です。まずは親自身が1本作ってみてください。「思ったより簡単だった」と感じたら、次は子どもの隣に座って一緒に迷路を描くところから始めてみましょう。親が楽しんでいる姿を見せることが、子どもにとって最大のプログラミング教育になります。</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box not-nested-style cocoon-block-toggle"><input id="toggle-checkbox-202606040806590" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-202606040806590">この記事の更新履歴</label><div class="toggle-content">
<p class="wp-block-paragraph">2026.03.28 ─ Scratch利用規約改正を反映、FAQ整理、リンク追加<br>2026.02.24 ─ 初版公開</p>
</div></div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">208</post-id>	</item>
	</channel>
</rss>
