<?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>用語 &#8211; リビングの魔王</title>
	<atom:link href="https://living-maou.com/tag/%E7%94%A8%E8%AA%9E/feed/" rel="self" type="application/rss+xml" />
	<link>https://living-maou.com</link>
	<description></description>
	<lastBuildDate>Thu, 26 Mar 2026 02:51:37 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://living-maou.com/wp-content/uploads/2020/02/cropped-favicon-32x32.png</url>
	<title>用語 &#8211; リビングの魔王</title>
	<link>https://living-maou.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【子ども向け】プログラムもテストするって本当？バグを見つけよう！</title>
		<link>https://living-maou.com/scratch-test/</link>
					<comments>https://living-maou.com/scratch-test/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Thu, 05 Sep 2024 00:18:31 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=6925</guid>

					<description><![CDATA[みなさん、テストは好すきですか？ もしかしたら、「ちょっと苦手にがてかな…」と思おもっているかもしれませんね。 でも、実じつはプログラムもテストを受うけているって知しっていましたか？ みなさんがいつも使つかっているサービ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-6926" src="https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test.jpg 800w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2024/08/eyecatch-scratch-test-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>みなさん、テストは<ruby>好<rt>す</rt></ruby>きですか？<br />
もしかしたら、「ちょっと<ruby>苦手<rt>にがて</rt></ruby>かな…」と<ruby>思<rt>おも</rt></ruby>っているかもしれませんね。</p>
<p>でも、<ruby>実<rt>じつ</rt></ruby>は<span class="marker-under-red">プログラムもテストを<ruby>受<rt>う</rt></ruby>けている</span>って<ruby>知<rt>し</rt></ruby>っていましたか？</p>
<p>みなさんがいつも<ruby>使<rt>つか</rt></ruby>っているサービスやゲームは、たくさんの<ruby>人<rt>ひと</rt></ruby>が<ruby>時間<rt>じかん</rt></ruby>をかけてテストして、<ruby>安心<rt>あんしん</rt></ruby>して<ruby>使<rt>つか</rt></ruby>えるようにしています。</p>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、プログラムをテストする<ruby>方法<rt>ほうほう</rt></ruby>を、<ruby>小学生<rt>しょうがくせい</rt></ruby><ruby>向<rt>む</rt></ruby>けにかんたんな<ruby>形<rt>かたち</rt></ruby>にアレンジして<ruby>紹介<rt>しょうかい</rt></ruby>します。</p>
<p>テストの<ruby>準備<rt>じゅんび</rt></ruby>から<ruby>実行<rt>じっこう</rt></ruby>、そして<ruby>結果<rt>けっか</rt></ruby>の<ruby>確認<rt>かくにん</rt></ruby>まで、いっしょに<ruby>楽<rt>たの</rt></ruby>しく<ruby>学<rt>まな</rt></ruby>んでいきましょう！</p>
<p>&nbsp;</p>
<h2><span id="toc1">なぜプログラムをテストするの？</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b.png"><img decoding="async" class="aligncenter size-full wp-image-6929" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b.png" alt="プログラムをテストする目的" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test01b-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>プログラミングにおける<span style="color: #ff6600;"><b>テスト</b></span>は、<ruby>作<rt>つく</rt></ruby>った<span class="marker-under-red">プログラムが<ruby>正<rt>ただ</rt></ruby>しく<ruby>動<rt>うご</rt></ruby>くか<ruby>確認<rt>かくにん</rt></ruby>する</span>ための<ruby>作業<rt>さぎょう</rt></ruby>です。</p>
<p>テストを<ruby>行<rt>おこな</rt></ruby>うことで、プログラムにまちがい（<span style="color: #ff6600;"><b>バグ</b></span>）がないか<ruby>確<rt>たし</rt></ruby>かめます。</p>
<p>これは、<ruby>料理<rt>りょうり</rt></ruby>を<ruby>作<rt>つく</rt></ruby>るときに<ruby>味見<rt>あじみ</rt></ruby>をしたり、<ruby>自転<rt>じてん</rt></ruby><ruby>車<rt>くるま</rt></ruby>に<ruby>乗<rt>の</rt></ruby>る<ruby>前<rt>まえ</rt></ruby>にタイヤやブレーキをチェックするのと<ruby>同<rt>おな</rt></ruby>じです。<ruby>問題<rt>もんだい</rt></ruby>があれば、<ruby>味<rt>あじ</rt></ruby>を<ruby>調整<rt>ちょうせい</rt></ruby>したり、<ruby>修理<rt>しゅうり</rt></ruby>したりします。</p>
<p>プログラムも<ruby>同<rt>おな</rt></ruby>じように、<ruby>使<rt>つか</rt></ruby>う<ruby>前<rt>まえ</rt></ruby>にテストし、エラーやバグを<ruby>見<rt>み</rt></ruby>つけて<ruby>修正<rt>しゅうせい</rt></ruby>します（<span style="color: #ff6600;"><b>デバッグ</b></span>）</p>
<p>もしテストをしなかったら、プログラムにバグが<ruby>残<rt>のこ</rt></ruby>ったままになってしまい、<ruby>使<rt>つか</rt></ruby>う<ruby>人<rt>ひと</rt></ruby>が<ruby>困<rt>こま</rt></ruby>ってしまうかもしれません。</p>
<div class="blank-box bb-blue">
<ul>
<li>バグ　　: プログラムのまちがい</li>
<li>デバッグ: プログラムのまちがいを<ruby>見<rt>み</rt></ruby>つけて<ruby>修正<rt>しゅうせい</rt></ruby>する<ruby>作業<rt>さぎょう</rt></ruby></li>
</ul>
</div>
<p>&nbsp;</p>
<h2><span id="toc2">テストの計画をたてよう</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test02.png"><img decoding="async" class="aligncenter size-full wp-image-6930" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test02.png" alt="ホワイトボックステストとブラックボックステスト" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test02.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test02-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>テストには<ruby>大<rt>おお</rt></ruby>きく<ruby>分<rt>わ</rt></ruby>けて2つの<ruby>方法<rt>ほうほう</rt></ruby>があります。</p>
<div class="blank-box bb-blue">
<ul>
<li>ホワイトボックステスト：プログラムの<ruby>中身<rt>なかみ</rt></ruby>を<ruby>見<rt>み</rt></ruby>て、どう<ruby>動<rt>うご</rt></ruby>いているか<ruby>確認<rt>かくにん</rt></ruby></li>
<li>ブラックボックステスト：プログラムの<ruby>中身<rt>なかみ</rt></ruby>を<ruby>見<rt>み</rt></ruby>ないで、<ruby>結果<rt>けっか</rt></ruby>だけ<ruby>確認<rt>かくにん</rt></ruby></li>
</ul>
</div>
<p><ruby>算数<rt>さんすう</rt></ruby>のテストに たとえると、<ruby>答<rt>こた</rt></ruby>えが<ruby>正<rt>ただ</rt></ruby>しいだけでなく <ruby>計算<rt>けいさん</rt></ruby>の<ruby>式<rt>しき</rt></ruby>が<ruby>正<rt>ただ</rt></ruby>しいかどうかも<ruby>確認<rt>かくにん</rt></ruby>するのがホワイトボックステスト、<ruby>答<rt>こた</rt></ruby>えだけを<ruby>見<rt>み</rt></ruby>てそれが<ruby>正<rt>ただ</rt></ruby>しいかどうかを<ruby>確認<rt>かくにん</rt></ruby>するのが ブラックボックステストです。</p>
<p><ruby>今回<rt>こんかい</rt></ruby>は、ホワイトボックステストの<ruby>方法<rt>ほうほう</rt></ruby>を、<ruby>小学生<rt>しょうがくせい</rt></ruby><ruby>向<rt>む</rt></ruby>けにかんたんな<ruby>形<rt>かたち</rt></ruby>にアレンジして<ruby>説明<rt>せつめい</rt></ruby>します。</p>
<p>&nbsp;</p>
<h3><span id="toc3">確認することのチェックリストを作ろう</span></h3>
<p>まず、プログラムがちゃんと<ruby>動<rt>うご</rt></ruby>くかどうか<ruby>確認<rt>かくにん</rt></ruby>するために、「<ruby>何<rt>なに</rt></ruby>をチェックするか」のリストを<ruby>作<rt>つく</rt></ruby>りましょう。これを「<b>テスト<ruby>項目<rt>こうもく</rt></ruby></b>」といいます。</p>
<p>リストを<ruby>作<rt>つく</rt></ruby>るときに<ruby>考<rt>かんが</rt></ruby>えること</p>
<div class="blank-box bb-blue">
<ul>
<li>ふつうにやってみる</li>
<li>ギリギリを<ruby>攻<rt>せ</rt></ruby>めてみる</li>
<li>おかしなことをしてみる</li>
<li><ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせを<ruby>考<rt>かんが</rt></ruby>える</li>
<li>プログラムが<ruby>通<rt>とお</rt></ruby>るすべてのルートを<ruby>確認<rt>かくにん</rt></ruby>する</li>
</ul>
</div>
<p>&nbsp;</p>
<h4 id="item01">ふつうにやってみる</h4>
<p>まずは、プログラムがふつうに<ruby>動<rt>うご</rt></ruby>くかどうか<ruby>確認<rt>かくにん</rt></ruby>してみましょう。</p>
<p><ruby>例<rt>れい</rt></ruby>：<ruby>入力<rt>にゅうりょく</rt></ruby>した<ruby>数字<rt>すうじ</rt></ruby>を3<ruby>倍<rt>ばい</rt></ruby>にするプログラムで、7を<ruby>入力<rt>にゅうりょく</rt></ruby>したら21になるかみる。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test03.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-6931 size-full" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test03.png" alt="正常系" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test03.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h4 id="item02">ギリギリを攻めてみる</h4>
<p>プログラムが「さかい目の<ruby>値<rt>あたい</rt></ruby>」でどう<ruby>動<rt>うご</rt></ruby>くか<ruby>確<rt>たし</rt></ruby>かめましょう。</p>
<p><ruby>例<rt>れい</rt></ruby>：「1から100までの<ruby>数<rt>かず</rt></ruby>しか<ruby>入<rt>い</rt></ruby>れられない」とき、1や100だけでなく、0や101のようなギリギリアウトな<ruby>数<rt>かず</rt></ruby>も<ruby>入<rt>い</rt></ruby>れてどうなるかみる。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test04.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-6932 size-full" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test04.png" alt="境界値テスト" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test04.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h4 id="item03">おかしなことをしてみる</h4>
<p><ruby>変<rt>へん</rt></ruby>なデータを<ruby>入力<rt>にゅうりょく</rt></ruby>したらどうなるか、プログラムがちゃんと<ruby>対応<rt>たいおう</rt></ruby>できるか<ruby>確認<rt>かくにん</rt></ruby>しましょう。</p>
<p><ruby>例<rt>れい</rt></ruby>：<ruby>数字<rt>すうじ</rt></ruby>を<ruby>入力<rt>にゅうりょく</rt></ruby>するところに<ruby>文字<rt>もじ</rt></ruby>を<ruby>入<rt>い</rt></ruby>れたらどうなるか<ruby>試<rt>ため</rt></ruby>してみる。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6933" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test05.png" alt="異常系" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test05.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h4 id="item04">組み合わせを考える</h4>
<p>プログラムで<ruby>複数<rt>ふくすう</rt></ruby>の<ruby>設定<rt>せってい</rt></ruby>がある<ruby>場合<rt>ばあい</rt></ruby>、それらの<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせをテストしてみましょう。</p>
<p><ruby>例<rt>れい</rt></ruby>：アイスクリームの<ruby>味<rt>あじ</rt></ruby>と<ruby>食<rt>た</rt></ruby>べ<ruby>方<rt>かた</rt></ruby>を<ruby>選<rt>えら</rt></ruby>ぶプログラムで、「バニラ・コーン」「チョコレート・カップ」など、いろんな<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせをチェックする。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6934" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test06.png" alt="組み合わせ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test06.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h4 id="item05">プログラムが通るすべてのルートを確認する</h4>
<p>プログラムに「もし…ならこうする」や「そうでなければこうする」などの<ruby>命令<rt>めいれい</rt></ruby>で<ruby>処理<rt>しょり</rt></ruby>が<ruby>分<rt>わ</rt></ruby>かれる<ruby>場合<rt>ばあい</rt></ruby>、それぞれのルートをテストします。</p>
<p><ruby>例<rt>れい</rt></ruby>：<ruby>温度<rt>おんど</rt></ruby>によってネコが<ruby>話<rt>はな</rt></ruby>す<ruby>内容<rt>ないよう</rt></ruby>が<ruby>変<rt>か</rt></ruby>わる<ruby>場合<rt>ばあい</rt></ruby>、それぞれのルートをテストします。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test07.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6935" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test07.png" alt="カバレッジ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test07.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h3><span id="toc4">どのようにテストするか考えよう</span></h3>
<p><ruby>次<rt>つぎ</rt></ruby>に、テストのやり<ruby>方<rt>かた</rt></ruby>を<ruby>具体的<rt>ぐたいてき</rt></ruby>に<ruby>考<rt>かんが</rt></ruby>えてみましょう。これを「テストケース」といいます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/08/scratch-test08.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6936" src="https://living-maou.com/wp-content/uploads/2024/08/scratch-test08.png" alt="テストケース" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/08/scratch-test08.png 800w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/08/scratch-test08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ol>
<li>どこをチェックするか<ruby>決<rt>き</rt></ruby>めよう</li>
<li><ruby>何<rt>なに</rt></ruby>を<ruby>入力<rt>にゅうりょく</rt></ruby>してどう<ruby>動<rt>うご</rt></ruby>かすかを<ruby>考<rt>かんが</rt></ruby>えよう</li>
<li>こうなるハズという<ruby>結果<rt>けっか</rt></ruby>を<ruby>予想<rt>よそう</rt></ruby>しよう</li>
</ol>
</div>
<p>&nbsp;</p>
<h4 id="case01">どこをチェックするか決めよう</h4>
<p>テスト<ruby>項目<rt>こうもく</rt></ruby>をもとに、プログラムのどの<ruby>部分<rt>ぶぶん</rt></ruby>をチェックするか<ruby>決<rt>き</rt></ruby>めます。</p>
<p>たとえば、「<ruby>計算<rt>けいさん</rt></ruby>が<ruby>正<rt>ただ</rt></ruby>しくできるか」「0を<ruby>入力<rt>にゅうりょく</rt></ruby>したらどうなるか」などです。</p>
<p>&nbsp;</p>
<h4 id="case02">何を入力してどう動かすかを考えよう</h4>
<p><ruby>次<rt>つぎ</rt></ruby>に、どんなデータを<ruby>入<rt>い</rt></ruby>れて、どう<ruby>操作<rt>そうさ</rt></ruby>するかを<ruby>決<rt>き</rt></ruby>めます。</p>
<p><ruby>例<rt>たと</rt></ruby>えば、「7を<ruby>入力<rt>にゅうりょく</rt></ruby>してEnterキーを<ruby>押<rt>お</rt></ruby>す」といった<ruby>具体的<rt>ぐたいてき</rt></ruby>な<ruby>値<rt>あたい</rt></ruby>や<ruby>操作<rt>そうさ</rt></ruby>です。</p>
<p>&nbsp;</p>
<h4 id="case03">こうなるハズという結果を予想しよう</h4>
<p>その<ruby>操作<rt>そうさ</rt></ruby>をしたら、プログラムがどう<ruby>動<rt>うご</rt></ruby>くべきか、<ruby>期待<rt>きたい</rt></ruby>される<ruby>結果<rt>けっか</rt></ruby>を<ruby>考<rt>かんが</rt></ruby>えます。</p>
<p><ruby>入力<rt>にゅうりょく</rt></ruby>した<ruby>数字<rt>すうじ</rt></ruby>を3<ruby>倍<rt>ばい</rt></ruby>にするプログラムだったら、「ネコのスプライトが&#8221;7の3<ruby>倍<rt>ばい</rt></ruby>は21&#8243;と2<ruby>秒<rt>びょう</rt></ruby><ruby>言<rt>い</rt></ruby>う」になるハズと<ruby>予想<rt>よそう</rt></ruby>します。</p>
<p>&nbsp;</p>
<h2><span id="toc5">プログラムを動かして確認してみよう</span></h2>
<p><ruby>準備<rt>じゅんび</rt></ruby>が<ruby>整<rt>ととの</rt></ruby>ったら、いよいよテストしてみましょう。</p>
<p>テスト<ruby>項目<rt>こうもく</rt></ruby>とテストケースに<ruby>従<rt>したが</rt></ruby>って、プログラムを<ruby>実際<rt>じっさい</rt></ruby>に<ruby>動<rt>うご</rt></ruby>かします。</p>
<h3><span id="toc6">結果を記録しよう</span></h3>
<p><ruby>入力<rt>にゅうりょく</rt></ruby>した<ruby>内容<rt>ないよう</rt></ruby>と<ruby>実行<rt>じっこう</rt></ruby><ruby>結果<rt>けっか</rt></ruby>をスクリーンショットや<ruby>写真<rt>しゃしん</rt></ruby>、<ruby>動画<rt>どうが</rt></ruby>などで<ruby>記録<rt>きろく</rt></ruby>しておきましょう。</p>
<p><ruby>後<rt>ご</rt></ruby>でプログラムが<ruby>正<rt>ただ</rt></ruby>しく<ruby>動<rt>うご</rt></ruby>いたかどうかをふり<ruby>返<rt>かえ</rt></ruby>るときに<ruby>役立<rt>やくだ</rt></ruby>ちます。</p>
<p>スクリーンショットの<ruby>撮<rt>と</rt></ruby>り<ruby>方<rt>かた</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li>Windows：「Print Screen」や「prt sc」と<ruby>書<rt>か</rt></ruby>いてあるキーをおす</li>
<li>chromebook：「Ctrl」キー＋「ウィンドウを<ruby>表示<rt>ひょうじ</rt></ruby>」キー（□||）</li>
<li>Mac：「shift」キー＋「Command」キー＋「3」</li>
</ul>
</div>
<p>&nbsp;</p>
<h2><span id="toc7">結果を見て評価しよう</span></h2>
<p>テストが<ruby>終<rt>お</rt></ruby>わったら、<ruby>結果<rt>けっか</rt></ruby>が<ruby>期待<rt>きたい</rt></ruby>した<ruby>通<rt>とお</rt></ruby>りになっているか<ruby>確認<rt>かくにん</rt></ruby>します。</p>
<p><ruby>以下<rt>いか</rt></ruby>の<ruby>手順<rt>てじゅん</rt></ruby>で<ruby>進<rt>すす</rt></ruby>めましょう。</p>
<div class="blank-box bb-blue">
<ol>
<li>メモを<ruby>取<rt>と</rt></ruby>ろう</li>
<li>バグを<ruby>特定<rt>とくてい</rt></ruby>しよう</li>
<li>バグを<ruby>修正<rt>しゅうせい</rt></ruby>しよう</li>
<li>もう<ruby>一度<rt>いちど</rt></ruby>テストしよう</li>
</ol>
</div>
<p>&nbsp;</p>
<h4 id="evaluation01">メモを取ろう</h4>
<p><ruby>確認<rt>かくにん</rt></ruby>した<ruby>内容<rt>ないよう</rt></ruby>をメモしておきましょう。</p>
<p><ruby>後<rt>あと</rt></ruby>でふり<ruby>返<rt>かえ</rt></ruby>りたい<ruby>時<rt>とき</rt></ruby>に、どこを<ruby>見<rt>み</rt></ruby>て<ruby>何<rt>なに</rt></ruby>を<ruby>確認<rt>かくにん</rt></ruby>したのかすぐにわかります。</p>
<p>&nbsp;</p>
<h4 id="evaluation02">バグを特定しよう</h4>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/03/scratch-error05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6567" src="https://living-maou.com/wp-content/uploads/2024/03/scratch-error05.png" alt="間違っている場所を特定する" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/03/scratch-error05.png 800w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>もし、<ruby>問題<rt>もんだい</rt></ruby>が<ruby>見<rt>み</rt></ruby>つかったら、プログラムのどこが まちがっているのかを<ruby>見<rt>み</rt></ruby>つけます。</p>
<p>ブロックの<ruby>順番<rt>じゅんばん</rt></ruby>や<ruby>判定<rt>はんてい</rt></ruby><ruby>条件<rt>じょうけん</rt></ruby>、<ruby>変数<rt>へんすう</rt></ruby>の<ruby>動<rt>うご</rt></ruby>きなど くわしく<ruby>確認<rt>かくにん</rt></ruby>しましょう。</p>
<p>&nbsp;</p>
<h4 id="evaluation03">バグを修正しよう</h4>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/03/scratch-error06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6568" src="https://living-maou.com/wp-content/uploads/2024/03/scratch-error06.png" alt="解決案を考える" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/03/scratch-error06.png 800w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/03/scratch-error06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>まちがっている<ruby>場所<rt>ばしょ</rt></ruby>を<ruby>見<rt>み</rt></ruby>つけたら、どのように<ruby>修正<rt>しゅうせい</rt></ruby>すれば<ruby>正<rt>ただ</rt></ruby>しい<ruby>結果<rt>けっか</rt></ruby>になるのかを<ruby>考<rt>かんが</rt></ruby>えて<ruby>直<rt>なお</rt></ruby>しましょう。</p>
<p><ruby>解決策<rt>かいけつさく</rt></ruby>が<ruby>一<rt>ひと</rt></ruby>つではない<ruby>場合<rt>ばあい</rt></ruby>もあるので、いくつか<ruby>方法<rt>ほうほう</rt></ruby>を<ruby>考<rt>かんが</rt></ruby>えてみてください。</p>
<p>&nbsp;</p>
<h4 id="evaluation04">もう一度テストしよう</h4>
<p>バグを<ruby>修正<rt>しゅうせい</rt></ruby>したら、もう<ruby>一度<rt>いちど</rt></ruby>テストします。</p>
<p><ruby>修正<rt>しゅうせい</rt></ruby>によって <ruby>新<rt>あたら</rt></ruby>しいバグが<ruby>発生<rt>はっせい</rt></ruby>しているかもしれないからです。</p>
<p>このようにテストをくり<ruby>返<rt>かえ</rt></ruby>すことで、プログラムの<ruby>完成<rt>かんせい</rt></ruby><ruby>度<rt>ど</rt></ruby>をさらに<ruby>高<rt>たか</rt></ruby>めることができます。</p>
<p>&nbsp;</p>
<h2><span id="toc8">まとめ</span></h2>
<p>プログラムが<ruby>正<rt>ただ</rt></ruby>しく<ruby>動<rt>うご</rt></ruby>くかどうかを<ruby>確認<rt>かくにん</rt></ruby>する テストの<ruby>手順<rt>てじゅん</rt></ruby>について <ruby>解説<rt>かいせつ</rt></ruby>しました。</p>
<p>プログラムを<ruby>作<rt>つく</rt></ruby>るだけでなく、しっかりとテストすることで、より<ruby>良<rt>よ</rt></ruby>い<ruby>作品<rt>さくひん</rt></ruby>ができます。</p>
<p><ruby>自分<rt>じぶん</rt></ruby>のプログラムが <ruby>思<rt>おも</rt></ruby>った<ruby>通<rt>とお</rt></ruby>りに<ruby>動<rt>うご</rt></ruby>く<ruby>瞬間<rt>しゅんかん</rt></ruby>の<ruby>達成感<rt>たっせいかん</rt></ruby>をぜひ<ruby>味<rt>あじ</rt></ruby>わってください！</p>
<p>&nbsp;</p>
<p><ruby>下<rt>した</rt></ruby>の<ruby>記事<rt>きじ</rt></ruby>では、エラーの<ruby>原因<rt>げんいん</rt></ruby>を<ruby>見<rt>み</rt></ruby>つけて <ruby>修正<rt>しゅうせい</rt></ruby>する<ruby>力<rt>ちから</rt></ruby>を <ruby>身<rt>み</rt></ruby>につけたい<ruby>人<rt>ひと</rt></ruby>に おすすめの『<a rel="noopener" target="_self" href="https://living-maou.com/scratch-err/">エラーで学ぶScratch まちがいを<ruby>見<rt>み</rt></ruby>つけてプログラミング<ruby>初心者<rt>しょしんしゃ</rt></ruby>から<ruby>抜<rt>ぬ</rt></ruby>け<ruby>出<rt>だ</rt></ruby>そう<span class="fa fa-external-link internal-icon anchor-icon"></span></a>』という<ruby>本<rt>ほん</rt></ruby>を<ruby>紹介<rt>しょうかい</rt></ruby>しています。</p>
<p><ruby>興味<rt>きょうみ</rt></ruby>がある<ruby>人<rt>ひと</rt></ruby>はぜひ<ruby>読<rt>よ</rt></ruby>んでみてくださいね。</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/scratch-err/" title="【エラーで学ぶScratch】バグを自分で解決！デバッグの基礎を学ぼう" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2024/03/eyecatch-scratch-error.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【エラーで学ぶScratch】バグを自分で解決！デバッグの基礎を学ぼう</div><div class="blogcard-snippet internal-blogcard-snippet">『エラーで学ぶScratch まちがいを見つけてプログラミング初心者から抜け出そう』は、Scratchでよくあるエラーを見つけて修正することで、プログラミング力を高める問題集。Scratch経験のある小学生～プログラミング初心者の大人の方におすすめな一冊です。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<h3><span id="toc9">用語集</span></h3>
<ul>
<li>バグ　　：プログラムのエラーやまちがい</li>
<li>デバッグ：プログラムのまちがいを<ruby>見<rt>み</rt></ruby>つけて<ruby>修正<rt>しゅうせい</rt></ruby>する<ruby>作業<rt>さぎょう</rt></ruby></li>
<li>ホワイトボックステスト：プログラム（ソースコード）の<ruby>中身<rt>なかみ</rt></ruby>を<ruby>見<rt>み</rt></ruby>てテストする<ruby>方法<rt>ほうほう</rt></ruby></li>
<li>ブラックボックステスト：プログラムの<ruby>中身<rt>なかみ</rt></ruby>を<ruby>見<rt>み</rt></ruby>ずに、<ruby>入力<rt>にゅうりょく</rt></ruby>と<ruby>出力<rt>しゅつりょく</rt></ruby>だけ<ruby>見<rt>み</rt></ruby>てテストする<ruby>方法<rt>ほうほう</rt></ruby></li>
<li>テスト項目　：プログラムの<ruby>何<rt>なに</rt></ruby>をチェックするかのリスト</li>
<li>テストケース：<ruby>具体的<rt>ぐたいてき</rt></ruby>なテストのやり<ruby>方<rt>かた</rt></ruby>や<ruby>手順<rt>てじゅん</rt></ruby></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/scratch-test/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】インターネットのしくみを分かりやすく解説</title>
		<link>https://living-maou.com/internet-mechanism/</link>
					<comments>https://living-maou.com/internet-mechanism/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Tue, 20 Feb 2024 01:08:58 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=6401</guid>

					<description><![CDATA[インターネットは、世界中せかいじゅうのコンピュータをつなぐ とても大おおきなネットワークです。 ニュースや天気てんき予報よほう、ショッピング、SNSでのコミュニケーション、オンライン学習がくしゅうやゲームなど、さまざまな [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6402" src="https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism.jpg 800w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>インターネット</b></span>は、<ruby>世界中<rt>せかいじゅう</rt></ruby>のコンピュータをつなぐ とても<ruby>大<rt>おお</rt></ruby>きなネットワークです。</p>
<p>ニュースや<ruby>天気<rt>てんき</rt></ruby><ruby>予報<rt>よほう</rt></ruby>、ショッピング、SNSでのコミュニケーション、オンライン<ruby>学習<rt>がくしゅう</rt></ruby>やゲームなど、さまざまな<ruby>活動<rt>かつどう</rt></ruby>ができるようになり、<ruby>私<rt>わたし</rt></ruby>たちの<ruby>生活<rt>せいかつ</rt></ruby>に<ruby>欠<rt>か</rt></ruby>かせないものになりました。</p>
<p>しかし、インターネットの<ruby>基本的<rt>きほんてき</rt></ruby>なしくみや、Webページがどのようにして<ruby>表示<rt>ひょうじ</rt></ruby>されるのか <ruby>理解<rt>りかい</rt></ruby>している<ruby>人<rt>ひと</rt></ruby>は <ruby>少<rt>すく</rt></ruby>ないのではないでしょうか。</p>
<p>そこで<ruby>今回<rt>こんかい</rt></ruby>は、インターネットのしくみを<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>けに<ruby>分<rt>わ</rt></ruby>かりやすく<ruby>解説<rt>かいせつ</rt></ruby>していきます。</p>
<p>コンピュータ<ruby>同士<rt>どうし</rt></ruby>が どのようにつながるのか、Webページが<ruby>表示<rt>ひょうじ</rt></ruby>されるしくみを<ruby>例<rt>れい</rt></ruby>に<ruby>学<rt>まな</rt></ruby>んでいきましょう。</p>
<h2><span id="toc1">LANとWAN</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6403" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01.png" alt="LANとWAN" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism01-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>ネットワーク</b></span>とは、たくさんのコンピュータや<ruby>機器<rt>きき</rt></ruby>をつなげて、<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>共有<rt>きょうゆう</rt></ruby>し<ruby>合<rt>あ</rt></ruby>ったり、コミュニケーションをとるためのしくみです。</p>
<p>カバーするエリアによって <ruby>大<rt>おお</rt></ruby>まかに2つに<ruby>分<rt>わ</rt></ruby>かれます。</p>
<div class="blank-box bb-blue">
<ul>
<li>LAN：<b>せまいエリア</b>の コンピュータを カバーする ネットワーク</li>
<li>WAN：はなれた<ruby>場所<rt>ばしょ</rt></ruby>や <b>広いエリア</b>を カバーする ネットワーク</li>
</ul>
</div>
<p><span style="color: #ff6600;"><b>LAN（ラン）</b></span>は、<ruby>学校<rt>がっこう</rt></ruby>や<ruby>会社<rt>かいしゃ</rt></ruby>、<ruby>家庭<rt>かてい</rt></ruby>などの<span class="marker-under-red">せまいエリアのコンピュータをつなげるネットワーク</span>です。</p>
<p>LANでつながることで、クラスでファイルを<ruby>共有<rt>きょうゆう</rt></ruby>したり、プリンターをみんなで<ruby>使<rt>つか</rt></ruby>ったりできるようになります。</p>
<p><span style="color: #ff6600;"><b>WAN（ワン）</b></span>は、LAN<ruby>同士<rt>どうし</rt></ruby>を<ruby>接続<rt>せつぞく</rt></ruby>して<span class="marker-under-red">はなれた<ruby>場所<rt>ばしょ</rt></ruby>や<ruby>広<rt>ひろ</rt></ruby>いエリアをカバーするネットワーク</span>。</p>
<p><span class="marker-under-red"><span style="color: #ff6600;"><b>インターネット</b></span>は、<ruby>世界中<rt>せかいじゅう</rt></ruby>のLANを<ruby>接続<rt>せつぞく</rt></ruby>したWANの<ruby>一種<rt>いっしゅ</rt></ruby>です。</span></p>
<p>インターネットのおかげで、<ruby>遠<rt>とお</rt></ruby>くに<ruby>住<rt>す</rt></ruby>んでいる<ruby>友達<rt>ともだち</rt></ruby>や <ruby>海外<rt>かいがい</rt></ruby>の<ruby>人<rt>ひと</rt></ruby>とも、コンピュータで<ruby>情報<rt>じょうほう</rt></ruby>をやりとりできます。</p>
<p>&nbsp;</p>
<h2><span id="toc2">ネットワークを作る3つの要素</span></h2>
<p>ネットワークは、3つの<ruby>要素<rt>ようそ</rt></ruby>が組み合わさってできています。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>機器<rt>きき</rt></ruby>　　　　　：ネットワークにつながるコンピュータや<b><ruby>機械<rt>きかい</rt></ruby></b></li>
<li>ケーブルや<ruby>無線<rt>むせん</rt></ruby>：<ruby>機器<rt>きき</rt></ruby>をつなげて<ruby>通信<rt>つうしん</rt></ruby>するための<b><ruby>道<rt>みち</rt></ruby></b></li>
<li><ruby>通信<rt>つうしん</rt></ruby>プロトコル：データをやり取りするときの<b>ルール</b></li>
</ul>
</div>
<p>&nbsp;</p>
<h3><span id="toc3">クライアントとサーバー</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6404" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02.png" alt="クライアントとサーバー" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism02-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ネットワークにつながる<ruby>機器<rt>きき</rt></ruby>には、<ruby>大<rt>おお</rt></ruby>まかに2つの<ruby>役割<rt>やくわり</rt></ruby>があります。</p>
<div class="blank-box bb-blue">
<ul>
<li>クライアント：データやサービスを<b><ruby>利用<rt>りよう</rt></ruby>する</b>コンピュータ</li>
<li>サーバー　　：データやサービスを<b><ruby>提供<rt>ていきょう</rt></ruby>する</b>コンピュータ</li>
</ul>
</div>
<p><span style="color: #ff6600;"><b>クライアント</b></span>は、<span class="marker-under-red">データやサービスを<b><ruby>利用<rt>りよう</rt></ruby>する<ruby>側<rt>がわ</rt></ruby></b>のコンピュータ</span>。<ruby>今<rt>いま</rt></ruby>、あなたが<ruby>使<rt>つか</rt></ruby>っているパソコンやスマートフォン、タブレットは、クライアントです。</p>
<p>これらは、Webサイトを<ruby>見<rt>み</rt></ruby>たり、メールを<ruby>送<rt>おく</rt></ruby>ったり、オンラインゲームをしたりするときに、<ruby>必要<rt>ひつよう</rt></ruby>な<ruby>情報<rt>じょうほう</rt></ruby>やサービスを サーバーから<ruby>受<rt>う</rt></ruby>け<ruby>取<rt>と</rt></ruby>ります。</p>
<p><span style="color: #ff6600;"><b>サーバー</b></span>は、<span class="marker-under-red">データやサービスを<b><ruby>提供<rt>ていきょう</rt></ruby>する<ruby>側<rt>がわ</rt></ruby></b>のコンピュータ</span>です。</p>
<p>クライアントが<ruby>欲<rt>ほ</rt></ruby>しい <ruby>情報<rt>じょうほう</rt></ruby>やサービスを<ruby>保存<rt>ほぞん</rt></ruby>しておいて、<ruby>必要<rt>ひつよう</rt></ruby>な時にそれを<ruby>提供<rt>ていきょう</rt></ruby>する<ruby>役割<rt>やくわり</rt></ruby>を<ruby>果<rt>は</rt></ruby>たしています。</p>
<p><ruby>身近<rt>みぢか</rt></ruby>なものに<ruby>例<rt>たと</rt></ruby>えると、クライアントは「お<ruby>客<rt>きゃく</rt></ruby>さん」で、サーバーは「お<ruby>店<rt>みせ</rt></ruby>」のような<ruby>関係<rt>かんけい</rt></ruby>です。</p>
<p>クライアントが<ruby>欲<rt>ほ</rt></ruby>しい<ruby>情報<rt>じょうほう</rt></ruby>をリクエストすると、サーバーがそれを<ruby>提供<rt>ていきょう</rt></ruby>してくれます。</p>
<p>このしくみによって、<ruby>私<rt>わたし</rt></ruby>たちはインターネットを通じてさまざまな<ruby>情報<rt>じょうほう</rt></ruby>やサービスを<ruby>利用<rt>りよう</rt></ruby>することができます。</p>
<p>&nbsp;</p>
<h3><span id="toc4">ケーブルや無線</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6405" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03.png" alt="有線接続と無線接続" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ケーブルや<ruby>無線<rt>むせん</rt></ruby>は、<ruby>機器<rt>きき</rt></ruby><ruby>同士<rt>どうし</rt></ruby>をつなぐための<ruby>道<rt>みち</rt></ruby>です。</p>
<p><b><ruby>有線接続<rt>ゆうせんせつぞく</rt></ruby></b>は、LANケーブルやUSBケーブルなどのケーブルを<ruby>使<rt>つか</rt></ruby>って、<ruby>機器<rt>きき</rt></ruby><ruby>同士<rt>どうし</rt></ruby>を<ruby>直接<rt>ちょくせつ</rt></ruby><ruby>接続<rt>せつぞく</rt></ruby>する<ruby>方法<rt>ほうほう</rt></ruby>です。</p>
<p><b><ruby>無線接続<rt>むせんせつぞく</rt></ruby></b>では、Wi-FiやBluetoothなどの<ruby>電波<rt>でんぱ</rt></ruby>を<ruby>使<rt>つか</rt></ruby>って、<ruby>機器<rt>きき</rt></ruby><ruby>同士<rt>どうし</rt></ruby>を<ruby>接続<rt>せつぞく</rt></ruby>します。</p>
<p><ruby>有線<rt>ゆうせん</rt></ruby><ruby>接続<rt>せつぞく</rt></ruby>は、<ruby>通信<rt>つうしん</rt></ruby>の<ruby>安定性<rt>あんていせい</rt></ruby>が<ruby>高<rt>たか</rt></ruby>いですが、<ruby>設置<rt>せっち</rt></ruby>に<ruby>手間<rt>てま</rt></ruby>がかかります。</p>
<p><ruby>無線<rt>むせん</rt></ruby><ruby>接続<rt>せつぞく</rt></ruby>は、<ruby>楽<rt>らく</rt></ruby>に<ruby>設置<rt>せっち</rt></ruby>できますが、カベや<ruby>障害物<rt>しょうがいぶつ</rt></ruby>のえいきょうを<ruby>受<rt>う</rt></ruby>けやすいです。</p>
<p>&nbsp;</p>
<h3><span id="toc5">通信プロトコル</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6406" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04.png" alt="通信プロトコル" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b><ruby>通信<rt>つうしん</rt></ruby>プロトコル</b></span>は、<span class="marker-under-red"><ruby>機器<rt>きき</rt></ruby><ruby>同士<rt>どうし</rt></ruby>がデータ<ruby>通信<rt>つうしん</rt></ruby>をするときの<b>ルール</b></span>です。</p>
<p><ruby>郵便物<rt>ゆうびんぶつ</rt></ruby>や<ruby>宅<rt>たく</rt></ruby><ruby>配物<rt>くばりもの</rt></ruby>を<ruby>送<rt>おく</rt></ruby>りたい<ruby>時<rt>とき</rt></ruby>、<ruby>郵便<rt>ゆうびん</rt></ruby><ruby>番<rt>ばん</rt></ruby><ruby>号<rt>ごう</rt></ruby>や<ruby>住所<rt>じゅうしょ</rt></ruby>を<ruby>書<rt>か</rt></ruby>いたり、<ruby>重<rt>おも</rt></ruby>さや<ruby>大<rt>おお</rt></ruby>きさによって<ruby>料金<rt>りょうきん</rt></ruby>が<ruby>変<rt>か</rt></ruby>わったり、ルールがありますよね。</p>
<p>これらのルールは、<ruby>郵便物<rt>ゆうびんぶつ</rt></ruby>や<ruby>宅配物<rt>たくはいぶつ</rt></ruby>を<ruby>送<rt>おく</rt></ruby>り<ruby>手<rt>て</rt></ruby>と<ruby>受<rt>う</rt></ruby>け<ruby>手<rt>て</rt></ruby>がスムーズにやり<ruby>取<rt>と</rt></ruby>りできるようにするためのものです。</p>
<p>データ<ruby>通信<rt>つうしん</rt></ruby>をするときも<ruby>同<rt>おな</rt></ruby>じように、データの<ruby>送信<rt>そうしん</rt></ruby>と<ruby>受信<rt>じゅしん</rt></ruby>の<ruby>方法<rt>ほうほう</rt></ruby>、<ruby>通信<rt>つうしん</rt></ruby><ruby>相手<rt>あいて</rt></ruby>を<ruby>見分<rt>みわ</rt></ruby>ける<ruby>方法<rt>ほうほう</rt></ruby>、データの<ruby>形式<rt>けいしき</rt></ruby>や<ruby>内容<rt>ないよう</rt></ruby>など、スムーズにやり<ruby>取<rt>と</rt></ruby>りするためのルールがあります。</p>
<p><ruby>通信<rt>つうしん</rt></ruby>プロトコルは<ruby>目的<rt>もくてき</rt></ruby>によって、さまざまな<ruby>種類<rt>しゅるい</rt></ruby>があります。<ruby>代表的<rt>だいひょうてき</rt></ruby>な<ruby>通信<rt>つうしん</rt></ruby>プロトコルは、<ruby>以下<rt>いか</rt></ruby>の通りです。</p>
<div class="blank-box bb-blue">
<ul>
<li>TCP/IP：インターネット<ruby>上<rt>じょう</rt></ruby>でデータを<ruby>送受信<rt>そうじゅしん</rt></ruby>するためのプロトコル</li>
<li>HTTP  ：Webページなどをブラウザとサーバー<ruby>間<rt>かん</rt></ruby>でやりとりするためのプロトコル</li>
<li>FTP   ：ファイルをダウンロードしたりアップロードしたりするためのプロトコル</li>
</ul>
</div>
<p>&nbsp;</p>
<h2><span id="toc6">Webページが表示されるまでのしくみ</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6412" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png" alt="Webページを見るしくみ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>コンピュータ<ruby>同士<rt>どうし</rt></ruby>が<ruby>具体的<rt>ぐたいてき</rt></ruby>にどのようにつながるのか、Webページが<ruby>表示<rt>ひょうじ</rt></ruby>されるしくみを<ruby>例<rt>れい</rt></ruby>に<ruby>紹介<rt>しょうかい</rt></ruby>します。</p>
<p>インターネットでWebページを<ruby>見<rt>み</rt></ruby>るために、<ruby>以下<rt>いか</rt></ruby>のような<ruby>処理<rt>しょり</rt></ruby>が<ruby>行<rt>おこな</rt></ruby>われています。</p>
<div class="blank-box bb-blue">
<ol>
<li><a href="#browser"><span>ブラウザ</span><span>を</span><ruby>開<rt>ひら</rt></ruby><span>く</span></a></li>
<li><a href="#url">U<span>RL</span><span>を</span><ruby>入力<rt>にゅうりょく</rt></ruby><span>する</span></a></li>
<li><a href="#dns"><span>DNS</span><span>サーバー</span><span>に</span><span>IP</span><span>アドレス</span><span>を</span><ruby>聞<rt>き</rt></ruby><span>く</span></a></li>
<li><a href="#send">サーバーがデータを<ruby>送信<rt>そうしん</rt></ruby>する</a></li>
<li><a href="#display">Webページを<ruby>表示<rt>ひょうじ</rt></ruby>する</a></li>
</ol>
</div>
<p>&nbsp;</p>
<h3 id="browser"><span id="toc7">ブラウザを開く</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6407" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05.png" alt="ブラウザ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>まず、インターネットに<ruby>接続<rt>せつぞく</rt></ruby>したパソコンやスマートフォンで「ブラウザ」を<ruby>開<rt>ひら</rt></ruby>きます。</p>
<p><span style="color: #ff6600;"><b>ブラウザ</b></span>は、インターネット<ruby>上<rt>じょう</rt></ruby>のWebページを<ruby>見<rt>み</rt></ruby>るためのソフトウェアです。</p>
<p><ruby>今<rt>いま</rt></ruby>、このページを<ruby>見<rt>み</rt></ruby>ているソフトもブラウザです。</p>
<p>ブラウザには、「<a rel="noopener" target="_blank" href="https://www.google.com/intl/ja_jp/chrome/">Google Chrome<span class="fa fa-external-link external-icon anchor-icon"></span></a>」「<a rel="noopener" target="_blank" href="https://www.microsoft.com/ja-jp/edge?form=MA13FJ">Microsoft Edge<span class="fa fa-external-link external-icon anchor-icon"></span></a>」「<a rel="noopener" target="_blank" href="https://www.mozilla.org/ja/firefox/new/">Mozilla Firefox<span class="fa fa-external-link external-icon anchor-icon"></span></a>」「<a rel="noopener" target="_blank" href="https://www.apple.com/jp/safari/">Safari<span class="fa fa-external-link external-icon anchor-icon"></span></a>」など、さまざまな<ruby>種類<rt>しゅるい</rt></ruby>があります。</p>
<p>&nbsp;</p>
<h3 id="url"><span id="toc8">URLを入力する</span></h3>
<p><ruby>次<rt>つぎ</rt></ruby>に、Webページのアドレスを<ruby>入<rt>い</rt></ruby>れるところに、<ruby>見<rt>み</rt></ruby>たいWebページの<b>URL</b>を<ruby>入力<rt>にゅうりょく</rt></ruby>します。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6506" src="https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11.png" alt="アドレスバー" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11.png 800w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/02/internet-mechanism11-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<p><span style="color: #ff6600;"><b>URL（ユーアールエル）</b></span>は、<span class="marker-under-red">インターネット<ruby>上<rt>じょう</rt></ruby>で Webページなどの<ruby>情報<rt>じょうほう</rt></ruby>が どこにあるかを<ruby>示<rt>しめ</rt></ruby>すアドレス</span>です。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6408" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06.png" alt="URL" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>たとえば、このページのURLは「https://living-maou.com/internet-mechanism/」です。</p>
<p>URLは、3つの<ruby>部分<rt>ぶぶん</rt></ruby>で<ruby>構成<rt>こうせい</rt></ruby>されています。</p>
<div class="blank-box bb-blue">
<ul>
<li>プロトコル：Webページのデータを<ruby>送受信<rt>そうじゅしん</rt></ruby>するルール</li>
<li>ドメイン名：Webサイトがどこにあるかを<ruby>表<rt>あらわ</rt></ruby>す<ruby>住所</ruby></li>
<li>ファイル・パス：Webサーバーのどこにあるどのファイルか</li>
</ul>
</div>
<p>URLの<ruby>最初<rt>さいしょ</rt></ruby>にある「HTTP」や「HTTPS」は、Webページのデータを<ruby>送受信<rt>そうじゅしん</rt></ruby>する<b>プロトコル</b>を<ruby>表<rt>あらわ</rt></ruby>します。「HTTPS」は「HTTP」より<ruby>安全<rt>あんぜん</rt></ruby>な<ruby>通信<rt>つうしん</rt></ruby>を<ruby>意味<rt>いみ</rt></ruby>します</p>
<p>このページのURLの「living-maou.com」が<span style="color: #ff6600;"><b>ドメイン<ruby>名<rt>めい</rt></ruby></b></span>です。</p>
<p>ドメイン<ruby>名<rt>めい</rt></ruby>は<span class="marker-under-red">、Webサイトがどこにあるかを<ruby>表<rt>あらわ</rt></ruby>す<ruby>住所<rt>じゅうしょ</rt></ruby></span>にあたり、アルファベット、<ruby>数字<rt>すうじ</rt></ruby>、ハイフンの<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせで<ruby>構成<rt>こうせい</rt></ruby>されています。</p>
<p>URLの<ruby>最後<rt>さいご</rt></ruby>の「internet-mechanism」は、Webサーバーの<b>どこにあるどのファイルか</b>を<ruby>示<rt>しめ</rt></ruby>します。</p>
<p>&nbsp;</p>
<h3 id="dns"><span id="toc9">DNSサーバーにIPアドレスを聞く</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6409" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07.png" alt="DNSサーバー、ドメイン名、IPアドレス" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ブラウザにURLを<ruby>入<rt>い</rt></ruby>れると、<b>DNSサーバー</b>に<ruby>問<rt>と</rt></ruby>い<ruby>合<rt>あ</rt></ruby>わせて WebサイトのIPアドレスを <ruby>手<rt>て</rt></ruby>に<ruby>入<rt>い</rt></ruby>れます。</p>
<p>コンピュータは、ドメイン<ruby>名<rt>めい</rt></ruby>を<ruby>直接<rt>ちょくせつ</rt></ruby><ruby>理解<rt>りかい</rt></ruby>することができません。</p>
<p>そのため、<ruby>人間<rt>にんげん</rt></ruby>が<ruby>入力<rt>にゅうりょく</rt></ruby>したURLのドメイン<ruby>名<rt>めい</rt></ruby>を、コンピュータが<ruby>理解<rt>りかい</rt></ruby>できる<span style="color: #ff6600;"><b>IPアドレス</b></span>に<ruby>変換<rt>へんかん</rt></ruby>する<ruby>必要<rt>ひつよう</rt></ruby>があります。</p>
<div class="blank-box bb-blue">
<ul>
<li>ドメイン<ruby>名<rt>めい</rt></ruby>：ネット<ruby>上<rt>じょう</rt></ruby>の<ruby>住所<rt>じゅうしょ</rt></ruby>を<b><ruby>人間<rt>にんげん</rt></ruby>に<ruby>分<rt>わ</rt></ruby>かりやすい</b><ruby>文字列<rt>もじれつ</rt></ruby>で<ruby>表現<rt>ひょうげん</rt></ruby></li>
<li>IPアドレス：ネット<ruby>上<rt>じょう</rt></ruby>の<ruby>住所<rt>じゅうしょ</rt></ruby>を<b>コンピュータが<ruby>理解<rt>りかい</rt></ruby>できる</b><ruby>数字<rt>すうじ</rt></ruby>の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせで<ruby>表現<rt>ひょうげん</rt></ruby></li>
</ul>
</div>
<p><span style="color: #ff6600;"><b>DNS（ディーエヌエス）サーバー</b></span>は、<span class="marker-under-red">ドメイン<ruby>名<rt>めい</rt></ruby>をIPアドレスに<ruby>変換<rt>へんかん</rt></ruby>したり、<ruby>逆<rt>ぎゃく</rt></ruby>にIPアドレスをドメイン<ruby>名<rt>めい</rt></ruby>に<ruby>変換<rt>へんかん</rt></ruby>したりするコンピュータ</span>です。</p>
<p>&nbsp;</p>
<h3 id="send"><span id="toc10">サーバーがデータを送信する</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6410" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08.png" alt="パケット通信" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ブラウザは<ruby>手<rt>て</rt></ruby>に<ruby>入<rt>い</rt></ruby>れたIPアドレスを<ruby>使<rt>つか</rt></ruby>って、Webページが<ruby>保存<rt>ほぞん</rt></ruby>されているサーバーに<ruby>接続<rt>せつぞく</rt></ruby>します。</p>
<p>サーバーとの<ruby>接続<rt>せつぞく</rt></ruby>に<ruby>成功<rt>せいこう</rt></ruby>すると、サーバーはブラウザにWebページのデータを<ruby>送<rt>おく</rt></ruby>ります。</p>
<p>この<ruby>時<rt>とき</rt></ruby>、データを<span style="color: #ff6600;"><b>パケット</b></span>という<ruby>小<rt>ちい</rt></ruby>さなかたまりに<ruby>分割<rt>ぶんかつ</rt></ruby>し、<ruby>送信元<rt>そうしんもと</rt></ruby>や<ruby>送信<rt>そうしん</rt></ruby>先のIPアドレスや<ruby>順番<rt>じゅんばん</rt></ruby>などの<ruby>情報<rt>じょうほう</rt></ruby>をつけて<ruby>送<rt>おく</rt></ruby>ります。パケットとは「<ruby>小包<rt>こづつみ</rt></ruby>」という<ruby>意味<rt>いみ</rt></ruby>です。</p>
<p>パケットはデータ<ruby>部<rt>ぶ</rt></ruby>とヘッダ<ruby>部<rt>ぶ</rt></ruby>で<ruby>構成<rt>こうせい</rt></ruby>されていて、データ<ruby>部<rt>ぶ</rt></ruby>は<ruby>送<rt>おく</rt></ruby>りたいデータ、ヘッダ<ruby>部<rt>ぶ</rt></ruby>はIPアドレスなど<ruby>転送<rt>てんそう</rt></ruby>に<ruby>必要<rt>ひつよう</rt></ruby>な<ruby>情報<rt>じょうほう</rt></ruby>が<ruby>保存<rt>ほぞん</rt></ruby>されています。</p>
<p>&nbsp;</p>
<h3 id="display"><span id="toc11">Webページを表示する</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6411" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09.png" alt="Webページを作る言語" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism09-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>Webページは、HTMLやCSS、JavaScriptなどの プログラミング<ruby>言語<rt>げんご</rt></ruby>で<ruby>書<rt>か</rt></ruby>かれています。</p>
<div class="blank-box bb-blue">
<ul>
<li>HTML      ：Webページのつくりや<ruby>内容<rt>ないよう</rt></ruby>を<ruby>記述<rt>きじゅつ</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
<li>CSS       ：Webページの<ruby>見<rt>み</rt></ruby>た<ruby>目<rt>め</rt></ruby>を<ruby>指定<rt>してい</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
<li>JavaScript：Webページの<ruby>動<rt>うご</rt></ruby>きや<ruby>機能<rt>きのう</rt></ruby>を<ruby>追加<rt>ついか</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
</ul>
</div>
<p>ブラウザは<ruby>受<rt>う</rt></ruby>け<ruby>取<rt>と</rt></ruby>ったデータをもとに、これらのプログラミング<ruby>言語<rt>げんご</rt></ruby>を<ruby>解<rt>ほぐ</rt></ruby>して、<ruby>私<rt>わたし</rt></ruby>たちが<ruby>見<rt>み</rt></ruby>ることのできるWebページを<ruby>画面<rt>がめん</rt></ruby><ruby>上<rt>じょう</rt></ruby>に<ruby>表示<rt>ひょうじ</rt></ruby>します。</p>
<p>&nbsp;</p>
<h2><span id="toc12">まとめ</span></h2>
<p>インターネットの<ruby>基本的<rt>きほんてき</rt></ruby>なしくみと、Webページが<ruby>表示<rt>ひょうじ</rt></ruby>されるまでのしくみについて<ruby>解説<rt>かいせつ</rt></ruby>しました。</p>
<p><ruby>最後<rt>さいご</rt></ruby>に、<ruby>出<rt>で</rt></ruby>てきた<ruby>用語<rt>ようご</rt></ruby>をまとめておきます。<span style="color: #ff6600;">オレンジ色の<ruby>用語<rt>ようご</rt></ruby></span>だけでもおさえておきましょう。</p>
<p>ネットワークの<ruby>種類<rt>しゅるい</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff6600;">LAN</span>：せまいエリアのコンピュータをつなげるネットワーク</li>
<li><span style="color: #ff6600;">WAN</span>：はなれた<ruby>場所<rt>ばしょ</rt></ruby>や<ruby>広<rt>ひろ</rt></ruby>いエリアをカバーするネットワーク</li>
</ul>
</div>
<p>&nbsp;</p>
<p>ネットワークにつながるコンピュータ</p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff6600;">クライアント</span>：データやサービスを<ruby>利用<rt>りよう</rt></ruby>するコンピュータ</li>
<li><span style="color: #ff6600;">サーバー</span>　　：データやサービスを<ruby>提供<rt>ていきょう</rt></ruby>するコンピュータ</li>
</ul>
</div>
<p>&nbsp;</p>
<p><ruby>通信<rt>つうしん</rt></ruby>プロトコル：データをやりとりするときのルール</p>
<div class="blank-box bb-blue">
<ul>
<li>TCP/IP：インターネット<ruby>上<rt>じょう</rt></ruby>でデータを<ruby>送受信<rt>そうじゅしん</rt></ruby>するためのプロトコル</li>
<li>HTTP  ：Webページなどをブラウザとサーバー<ruby>間<rt>かん</rt></ruby>でやりとりするためのプロトコル</li>
<li>FTP   ：ファイルをダウンロードしたりアップロードしたりするためのプロトコル</li>
</ul>
</div>
<p>&nbsp;</p>
<p>Webページが<ruby>表示<rt>ひょうじ</rt></ruby>されるまでのしくみ</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6412" src="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png" alt="Webページを見るしくみ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10.png 800w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-500x281.png 500w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-300x169.png 300w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-768x432.png 768w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-120x68.png 120w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-160x90.png 160w, https://living-maou.com/wp-content/uploads/2024/01/internet-mechanism10-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff6600;">ブラウザ</span>  ：Webページなどを<ruby>見<rt>み</rt></ruby>るためのソフトウェア</li>
<li><span style="color: #ff6600;">URL</span>       ：Webページなどの<ruby>情報<rt>じょうほう</rt></ruby>がどこにあるかをしめすアドレス</li>
<li>ドメイン<ruby>名<rt>めい</rt></ruby>：ネット<ruby>上<rt>じょう</rt></ruby>の<ruby>住所<rt>じゅうしょ</rt></ruby>（<ruby>人間<rt>にんげん</rt></ruby>に<ruby>分<rt>わ</rt></ruby>かりやすい<ruby>文字列<rt>もじれつ</rt></ruby>）</li>
<li>IPアドレス：ネット<ruby>上<rt>じょう</rt></ruby>の<ruby>住所<rt>じゅうしょ</rt></ruby>（コンピュータが<ruby>理解<rt>りかい</rt></ruby>できる<ruby>数字<rt>すうじ</rt></ruby>の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせ）</li>
<li>DNS       ：ドメイン<ruby>名<rt>めい</rt></ruby>をIPアドレスに<ruby>変換<rt>へんかん</rt></ruby>したり、その<ruby>逆<rt>ぎゃく</rt></ruby>をしたりするシステム</li>
<li>パケット  ：データを<ruby>小<rt>ちい</rt></ruby>さなかたまりに<ruby>分割<rt>ぶんかつ</rt></ruby>したもの</li>
</ul>
</div>
<p>&nbsp;</p>
<p>Webページを<ruby>作<rt>つく</rt></ruby>るプログラミング<ruby>言語<rt>げんご</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li>HTML      ：Webページのつくりや<ruby>内容<rt>ないよう</rt></ruby>を<ruby>記述<rt>きじゅつ</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
<li>CSS       ：Webページの<ruby>見<rt>み</rt></ruby>た<ruby>目<rt>め</rt></ruby>を<ruby>指定<rt>してい</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
<li>JavaScript：Webページの<ruby>動<rt>うご</rt></ruby>きや<ruby>機能<rt>きのう</rt></ruby>を<ruby>追加<rt>ついか</rt></ruby>するための<ruby>言語<rt>げんご</rt></ruby></li>
</ul>
</div>
<p>&nbsp;</p>
<p><ruby>下<rt>した</rt></ruby><span>の</span><ruby>記事<rt>きじ</rt></ruby><span>で</span>は、<a rel="noopener" target="_self" href="https://living-maou.com/how-search-works/"><ruby>検索<rt>けんさく</rt></ruby><span>エンジン</span><span>の</span><span>しくみ</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a><span>を</span><ruby>解説<rt>かいせつ</rt></ruby><span>し</span><span>て</span><span>い</span><span>ます</span><span>。</span><span>ぜひ</span><ruby>合<rt>あ</rt></ruby><span>わせ</span><span>て</span><ruby>読<rt>よ</rt></ruby><span>ん</span><span>で</span><span>み</span><span>て</span><span>ください</span><span>。</span></p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/how-search-works/" title="【子ども向け】検索エンジンのしくみ：ブラウザとのちがいも解説" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】検索エンジンのしくみ：ブラウザとのちがいも解説</div><div class="blogcard-snippet internal-blogcard-snippet">検索エンジンのしくみについて解説。【リビングの魔王】では小学生のお子さんにも分かりやすいよう図解を使いつつ、検索エンジンのしくみについて丁寧に紹介します。検索で出てきた情報が正しいか判断するポイントもあわせて紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】図をながめるだけでも理解が進みます！／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"コンピューターってどんなしくみ?: デジタルテクノロジーやインターネットの世界を超図解 (子供の科学★ミライサイエンス)","b":"","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51lOb7mJigL._SL500_.jpg","/51CB0whYvXL._SL500_.jpg","/51vdz1SAUIL._SL500_.jpg","/51srSZY1N6L._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4416518064","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4416518064","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"7qde0","s":"s"});
</script>
<div id="msmaflink-7qde0">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/internet-mechanism/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】プログラミングの基本構造とは？順次、分岐、反復について学ぼう！</title>
		<link>https://living-maou.com/control-structure/</link>
					<comments>https://living-maou.com/control-structure/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Fri, 19 Jan 2024 23:16:01 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=6318</guid>

					<description><![CDATA[プログラミングの基本きほん構造こうぞうとは、プログラミングの流ながれを決きめる3つの考かんがえ方かたです。 順次じゅんじ：順番じゅんばんに命令めいれいを実行じっこうすること 分岐ぶんき：条件じょうけんによって処理しょりを [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6319" src="https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure.jpg 800w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2023/12/eyecatch-basic-structure-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>プログラミングの<ruby>基本<rt>きほん</rt></ruby><ruby>構造<rt>こうぞう</rt></ruby></b></span>とは、プログラミングの<ruby>流<rt>なが</rt></ruby>れを<ruby>決<rt>き</rt></ruby>める3つの<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<div class="blank-box bb-blue">
<ul>
<li><a href="#sequential"><ruby>順次<rt>じゅんじ</rt></ruby>：<ruby>順番<rt>じゅんばん</rt></ruby>に<ruby>命令<rt>めいれい</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>すること</a></li>
<li><a href="#conditional"><ruby>分岐<rt>ぶんき</rt></ruby>：<ruby>条件<rt>じょうけん</rt></ruby>によって<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えること</a></li>
<li><a href="#iterative"><ruby>反復<rt>はんぷく</rt></ruby>：<ruby>同<rt>おな</rt></ruby>じ<ruby>処理<rt>しょり</rt></ruby>をくり<ruby>返<rt>かえ</rt></ruby>すこと</a></li>
</ul>
</div>
<p>これらの<ruby>基本<rt>きほん</rt></ruby><ruby>構造<rt>こうぞう</rt></ruby>を<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせることで、さまざまなプログラムを<ruby>作<rt>つく</rt></ruby>ることができます。</p>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、<ruby>順次<rt>じゅんじ</rt></ruby>・<ruby>分岐<rt>ぶんき</rt></ruby>・<ruby>反復<rt>はんぷく</rt></ruby>の3つの<ruby>構造<rt>こうぞう</rt></ruby>について、<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>けに<ruby>身近<rt>みぢか</rt></ruby>な<ruby>例<rt>れい</rt></ruby>を<ruby>交<rt>まじ</rt></ruby>えて<ruby>解説<rt>かいせつ</rt></ruby>します。</p>
<p>&nbsp;</p>
<h2><span id="toc1">プログラミングとは</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6320" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01.png" alt="プログラミングとは" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-01-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>プログラミング</b></span>とは、<span class="marker-under-red">コンピュータに「<ruby>何<rt>なに</rt></ruby>をすればいいのか」を<ruby>教<rt>おし</rt></ruby>えるための<ruby>手順<rt>てじゅん</rt></ruby>を<ruby>作<rt>つく</rt></ruby>る</span>ことです。</p>
<p><span>スマホ</span><span>や</span><span>パソコン</span><span>、</span><ruby>多<rt>おお</rt></ruby><span>く</span><span>の</span><ruby>家電<rt>かでん</rt></ruby><ruby>製品<rt>せいひん</rt></ruby><span>など</span><span>は</span><span>、</span><ruby>人間<rt>にんげん</rt></ruby><span>が</span><ruby>書<rt>か</rt></ruby><span>い</span><span>た</span><span>プログラム</span><ruby>通<rt>どお</rt></ruby><span>り</span><span>に</span><ruby>動<rt>うご</rt></ruby><span>い</span><span>て</span><span>い</span><span>ます</span><span>。</span></p>
<p>たとえば、パソコンでゲームをすると、ゲーム<ruby>画面<rt>がめん</rt></ruby>が<ruby>動<rt>うご</rt></ruby>いたり、<ruby>音<rt>おと</rt></ruby>が<ruby>鳴<rt>な</rt></ruby>ったりしますね。</p>
<p>これは、ゲームのプログラムがパソコンに<ruby>命令<rt>めいれい</rt></ruby>を<ruby>送<rt>おく</rt></ruby>っているからです。</p>
<p>&nbsp;</p>
<h2><span id="toc2">プログラミングの基本構造とは</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6321" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02.png" alt="プログラミングの基本構造" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-02-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>プログラミングにはプログラムの<ruby>流<rt>なが</rt></ruby>れを<ruby>決<rt>き</rt></ruby>める3つの<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>（<ruby>基本<rt>きほん</rt></ruby><ruby>構造<rt>こうぞう</rt></ruby>）があります。</p>
<div class="blank-box bb-blue">
<ul>
<li><a href="#sequential"><ruby>順次<rt>じゅんじ</rt></ruby>：<ruby>順番<rt>じゅんばん</rt></ruby>に<ruby>命令<rt>めいれい</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>すること</a></li>
<li><a href="#conditional"><ruby>分岐<rt>ぶんき</rt></ruby>：<ruby>条件<rt>じょうけん</rt></ruby>によって<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えること</a></li>
<li><a href="#iterative"><ruby>反復<rt>はんぷく</rt></ruby>：<ruby>同<rt>おな</rt></ruby>じ<ruby>処理<rt>しょり</rt></ruby>をくり<ruby>返<rt>かえ</rt></ruby>すこと</a></li>
</ul>
</div>
<p>どんなに<ruby>複雑<rt>ふくざつ</rt></ruby>なプログラムも、<span class="marker-under-red"><ruby>基本的<rt>きほんてき</rt></ruby>に<ruby>順次<rt>じゅんじ</rt></ruby>・<ruby>分岐<rt>ぶんき</rt></ruby>・<ruby>反復<rt>はんぷく</rt></ruby>の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせで<ruby>作<rt>つく</rt></ruby>られています</span>。</p>
<p>これらをうまく<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせて、コンピュータにさまざまな<ruby>動<rt>うご</rt></ruby>きや<ruby>作業<rt>さぎょう</rt></ruby>をさせているのです。</p>
<p>これらの3つの<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>を<ruby>理解<rt>りかい</rt></ruby>することは、プログラミングの<ruby>基本<rt>きほん</rt></ruby>を<ruby>学<rt>まな</rt></ruby>ぶうえでとても<ruby>大切<rt>たいせつ</rt></ruby>です。</p>
<p>&nbsp;</p>
<h2 id="sequential"><span id="toc3">順次</span></h2>
<h3><span id="toc4">順次とは順番に命令を実行すること</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6322" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03.png" alt="順次" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b><ruby>順次<rt>じゅんじ</rt></ruby></b></span>とは、コンピュータが<ruby>受<rt>う</rt></ruby>けた<ruby>指示<rt>しじ</rt></ruby>や<ruby>命令<rt>めいれい</rt></ruby>を、<span class="marker-under-red">書かれた<ruby>順番<rt>じゅんばん</rt></ruby>どおりに<ruby>一<rt>ひと</rt></ruby>つずつ<ruby>実行<rt>じっこう</rt></ruby>する</span>ことです。</p>
<p>たとえば、カップラーメンを<ruby>作<rt>つく</rt></ruby>る<ruby>手順<rt>てじゅん</rt></ruby>をプログラムするなら、</p>
<div class="blank-box bb-blue">
<ol>
<li>お<ruby>湯<rt>ゆ</rt></ruby>をわかす</li>
<li>カップラーメンにお<ruby>湯<rt>ゆ</rt></ruby>を<ruby>注<rt>そそ</rt></ruby>ぐ</li>
<li>3<ruby>分<rt>ぷん</rt></ruby><ruby>待<rt>ま</rt></ruby>つ</li>
</ol>
</div>
<p>というように、<ruby>順番<rt>じゅんばん</rt></ruby>に<ruby>命令<rt>めいれい</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>します。</p>
<p>&nbsp;</p>
<h3><span id="toc5">順次のプログラムを作ってみよう！</span></h3>
<p><ruby>順次<rt>じゅんじ</rt></ruby>のプログラムを<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6323" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06.png" alt="順次のプログラム" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ol>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li>50<ruby>歩<rt>ぽ</rt></ruby><ruby>動<rt>うご</rt></ruby>かす</li>
<li>1<ruby>秒<rt>びょう</rt></ruby><ruby>待<rt>ま</rt></ruby>つ</li>
<li>こんにちは! と2<ruby>秒<rt>びょう</rt></ruby><ruby>言<rt>い</rt></ruby>う</li>
<li>1<ruby>秒<rt>びょう</rt></ruby><ruby>待<rt>ま</rt></ruby>つ</li>
<li>ニャーの<ruby>音<rt>おと</rt></ruby>を<ruby>鳴<rt>な</rt></ruby>らす</li>
</ol>
</div>
<p>ハタをおして<ruby>実行<rt>じっこう</rt></ruby>したとき、ネコが<ruby>右<rt>みぎ</rt></ruby>に<ruby>動<rt>うご</rt></ruby>いた<ruby>後<rt>あと</rt></ruby>、こんにちは!と<ruby>言<rt>い</rt></ruby>って、ニャーと<ruby>音<rt>おと</rt></ruby>が<ruby>鳴<rt>な</rt></ruby>るはずです。</p>
<p>このように、プログラムは<ruby>上<rt>うえ</rt></ruby>から<ruby>順番<rt>じゅんばん</rt></ruby>に<ruby>命令<rt>めいれい</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>していることが<ruby>分<rt>わ</rt></ruby>かります。</p>
<p>&nbsp;</p>
<h2 id="conditional"><span id="toc6">分岐</span></h2>
<h3><span id="toc7">分岐とは条件によって処理を変えること</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6324" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04.png" alt="分岐" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b><ruby>分岐<rt>ぶんき</rt></ruby></b></span>とは、<span class="marker-under-red"><ruby>条件<rt>じょうけん</rt></ruby>によって、<ruby>実行<rt>じっこう</rt></ruby>する<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えること</span>です。</p>
<p>たとえば、<ruby>天気<rt>てんき</rt></ruby>によって、ぼうしをかぶるか、カサをさすかを<ruby>決<rt>き</rt></ruby>めるプログラムなら、</p>
<div class="blank-box bb-blue">
<ol>
<li><ruby>天気<rt>てんき</rt></ruby>をみる</li>
<li><ruby>雨<rt>あめ</rt></ruby>なら、カサをさす</li>
<li><ruby>雨<rt>あめ</rt></ruby>でなければ、ぼうしをかぶる</li>
</ol>
</div>
<p>というように、<ruby>条件<rt>じょうけん</rt></ruby>に<ruby>応<rt>おう</rt></ruby>じて、<ruby>実行<rt>じっこう</rt></ruby>する<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えます。</p>
<p>&nbsp;</p>
<h3><span id="toc8">分岐のプログラムを作ってみよう！</span></h3>
<p><ruby>分岐<rt>ぶんき</rt></ruby>のプログラムを<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6325" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07.png" alt="分岐のプログラム1" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ol>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li><ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>と<ruby>言<rt>い</rt></ruby>う</li>
<li>もし<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby> &gt; 30なら<br />
<em>　</em><ruby>色<rt>いろ</rt></ruby>の<ruby>効果<rt>こうか</rt></ruby>を25ずつ<ruby>変<rt>か</rt></ruby>える</li>
</ol>
</div>
<p><span style="color: #4cbfe6;"><b>「<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>」</b></span>ブロックは<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>を<ruby>調<rt>しら</rt></ruby>べるブロックです。<ruby>調<rt>しら</rt></ruby>べるカテゴリにある<span style="color: #4cbfe6;"><b>「<ruby>現在<rt>げんざい</rt></ruby>の<ruby>年<rt>とし</rt></ruby>」</b></span>ブロックを<ruby>出<rt>だ</rt></ruby>し、<ruby>年<rt>とし</rt></ruby>の<ruby>部分<rt>ぶぶん</rt></ruby>をクリックして、<ruby>秒<rt>びょう</rt></ruby>に<ruby>変<rt>か</rt></ruby>えましょう。</p>
<p><span style="color: #ffab19;"><b>「もし〇〇なら」</b></span>ブロックは、〇〇で<ruby>指定<rt>してい</rt></ruby>した<ruby>条件<rt>じょうけん</rt></ruby>を<ruby>満<rt>み</rt></ruby>たしている<ruby>場合<rt>ばあい</rt></ruby>に<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>します。</p>
<p>もし<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>が30より<ruby>大<rt>おお</rt></ruby>きかった<ruby>場合<rt>ばあい</rt></ruby>、ネコの<ruby>色<rt>いろ</rt></ruby>が<ruby>変<rt>か</rt></ruby>わります。<br />
そうでない<ruby>場合<rt>ばあい</rt></ruby>（<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>が30<ruby>以下<rt>いか</rt></ruby>）は<ruby>何<rt>なに</rt></ruby>もしません。</p>
<p>&nbsp;</p>
<p>もうひとつ<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6326" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08.png" alt="分岐のプログラム2" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ol>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li><ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>と<ruby>言<rt>い</rt></ruby>う</li>
<li>もし<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby> &gt; 30なら<br />
<em>　</em><ruby>色<rt>いろ</rt></ruby>の<ruby>効果<rt>こうか</rt></ruby>を25ずつ<ruby>変<rt>か</rt></ruby>える</li>
<li>でなければ<br />
<em>　</em><ruby>右<rt>みぎ</rt></ruby>に90<ruby>度<rt>ど</rt></ruby><ruby>回<rt>まわ</rt></ruby>す</li>
</ol>
</div>
<p><span style="color: #ffab19;"><b>「もし〇〇なら／でなければ」</b></span>ブロックは、<ruby>条件<rt>じょうけん</rt></ruby>を<ruby>満<rt>み</rt></ruby>たしている<ruby>場合<rt>ばあい</rt></ruby>とそれ<ruby>以外<rt>いがい</rt></ruby>の<ruby>場合<rt>ばあい</rt></ruby>で、<ruby>処理<rt>しょり</rt></ruby>を<ruby>分<rt>わ</rt></ruby>ける<ruby>時<rt>とき</rt></ruby>に<ruby>使<rt>つか</rt></ruby>います。</p>
<p>もし<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>が30より<ruby>大<rt>おお</rt></ruby>きかった<ruby>場合<rt>ばあい</rt></ruby>、ネコの<ruby>色<rt>いろ</rt></ruby>が<ruby>変<rt>か</rt></ruby>わります。<br />
そうでない<ruby>場合<rt>ばあい</rt></ruby>（<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby>が30<ruby>以下<rt>いか</rt></ruby>）はネコが90<ruby>度<rt>ど</rt></ruby><ruby>回転<rt>かいてん</rt></ruby>します。</p>
<p>このように、<ruby>条件<rt>じょうけん</rt></ruby>によって<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えることができます。</p>
<p>&nbsp;</p>
<h2 id="iterative"><span id="toc9">反復（ループ）</span></h2>
<h3><span id="toc10">反復とは同じ処理をくり返すこと</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6327" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05.png" alt="反復（ループ）" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b><ruby>反復<rt>はんぷく</rt></ruby></b></span>とは、<span class="marker-under-red">同じ<ruby>処理<rt>しょり</rt></ruby>をくり<ruby>返<rt>かえ</rt></ruby>す</span>ことです。<span style="color: #ff6600;"><b>ループ</b></span>とも<ruby>言<rt>い</rt></ruby>います。</p>
<p>たとえば、1<ruby>時間<rt>じかん</rt></ruby>ゲームした<ruby>後<rt>あと</rt></ruby>、<ruby>勉強<rt>べんきょう</rt></ruby>をする<ruby>行動<rt>こうどう</rt></ruby>をプログラムするなら、</p>
<div class="blank-box bb-blue">
<ol>
<li>ゲームをする</li>
<li>プレイした<ruby>時間<rt>じかん</rt></ruby>をみる</li>
<li>プレイ<ruby>時間<rt>じかん</rt></ruby>が1<ruby>時間<rt>じかん</rt></ruby><ruby>以上<rt>いじょう</rt></ruby>なら、ループをぬけて4へ<br />
プレイ<ruby>時間<rt>じかん</rt></ruby>が1<ruby>時間<rt>じかん</rt></ruby><ruby>未満<rt>みまん</rt></ruby>なら、1にもどる</li>
<li><ruby>勉強<rt>べんきょう</rt></ruby>をする</li>
</ol>
</div>
<p><ruby>同<rt>おな</rt></ruby>じ<ruby>行動<rt>こうどう</rt></ruby>（ゲームをする）を、<ruby>条件<rt>じょうけん</rt></ruby>（プレイ<ruby>時間<rt>じかん</rt></ruby>が1<ruby>時間<rt>じかん</rt></ruby><ruby>以上<rt>いじょう</rt></ruby>なら）を<ruby>満<rt>み</rt></ruby>たすまでくり<ruby>返<rt>かえ</rt></ruby>します。</p>
<p>&nbsp;</p>
<h3><span id="toc11">反復のプログラムを作ってみよう！</span></h3>
<p><ruby>反復<rt>はんぷく</rt></ruby>のプログラムを<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6328" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09.png" alt="反復のプログラム1" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-09-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ul>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li>10<ruby>回<rt>かい</rt></ruby><ruby>繰<rt>く</rt></ruby>り<ruby>返<rt>かえ</rt></ruby>す</li>
<li><em>　</em>10<ruby>歩<rt>ぽ</rt></ruby><ruby>動<rt>うご</rt></ruby>かす</li>
<li><em>　</em>36<ruby>度<rt>ど</rt></ruby><ruby>回<rt>まわ</rt></ruby>す</li>
</ul>
</div>
<p>プログラムを<ruby>実行<rt>じっこう</rt></ruby>すると、「10<ruby>歩<rt>ぽ</rt></ruby><ruby>動<rt>うご</rt></ruby>かす」と「36<ruby>度<rt>ど</rt></ruby><ruby>回<rt>まわ</rt></ruby>す」<ruby>命令<rt>めいれい</rt></ruby>を10<ruby>回<rt>かい</rt></ruby>くり<ruby>返<rt>かえ</rt></ruby>して、ネコを1<ruby>回転<rt>かいてん</rt></ruby>させます。</p>
<p><span style="color: #ffab19;"><b>「10<ruby>回<rt>かい</rt></ruby><ruby>繰<rt>くり</rt></ruby>くり<ruby>返<rt>かえ</rt></ruby>かえす」</b></span>ブロックは、<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>を<ruby>指定<rt>してい</rt></ruby>した<ruby>回数<rt>かいすう</rt></ruby>くり<ruby>返<rt>かえ</rt></ruby>します。</p>
<p>&nbsp;</p>
<p>「10<ruby>歩<rt>ぽ</rt></ruby><ruby>動<rt>うご</rt></ruby>かす」と「36<ruby>度<rt>ど</rt></ruby><ruby>回<rt>まわ</rt></ruby>す」<ruby>命令<rt>めいれい</rt></ruby>を10<ruby>回<rt>かい</rt></ruby>つなげると、<ruby>下<rt>した</rt></ruby>の<ruby>画像<rt>がぞう</rt></ruby>（<ruby>右<rt>みぎ</rt></ruby>）のようになります。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6329" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10.png" alt="ループを使わないと…" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-10-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>繰<rt>く</rt></ruby>り<ruby>返<rt>かえ</rt></ruby>しブロックを<ruby>使<rt>つか</rt></ruby>った<ruby>方<rt>ほう</rt></ruby>が、<span class="marker-under-red"><ruby>同<rt>おな</rt></ruby>じブロックをたくさん<ruby>出<rt>だ</rt></ruby>す<ruby>手間<rt>てま</rt></ruby>が<ruby>省<rt>はぶ</rt></ruby>けます</span>し、<span class="marker-under-red"><ruby>内容<rt>ないよう</rt></ruby>が<ruby>分<rt>わ</rt></ruby>かりやすい</span>です。</p>
<p>また、10<ruby>歩<rt>ほ</rt></ruby><ruby>動<rt>うご</rt></ruby>かすを20<ruby>歩<rt>ほ</rt></ruby><ruby>動<rt>うご</rt></ruby>かすに<ruby>変<rt>か</rt></ruby>えたくなった<ruby>時<rt>とき</rt></ruby>、<ruby>繰<rt>く</rt></ruby>り<ruby>返<rt>かえ</rt></ruby>しブロックを<ruby>使<rt>つか</rt></ruby>わないプログラムは10か<ruby>所<rt>しょ</rt></ruby><ruby>変<rt>か</rt></ruby>える<ruby>必要<rt>ひつよう</rt></ruby>がありますが、<ruby>繰<rt>く</rt></ruby>り<ruby>返<rt>かえ</rt></ruby>しブロックを<ruby>使<rt>つか</rt></ruby>ったプログラムは1か<ruby>所<rt>しょ</rt></ruby>の<ruby>変更<rt>へんこう</rt></ruby>ですみます。</p>
<p>このように<ruby>繰<rt>く</rt></ruby>り<ruby>返<rt>かえ</rt></ruby>しブロックを<ruby>使<rt>つか</rt></ruby>うと、<span class="marker-under-red"><ruby>修正<rt>しゅうせい</rt></ruby>がかんたんになります</span>。</p>
<p>&nbsp;</p>
<p>もうひとつ<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6330" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11.png" alt="反復のプログラム2" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-11-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ul>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li>ずっと<br />
<em>　</em><ruby>現在<rt>げんざい</rt></ruby>の<ruby>時<rt>とき</rt></ruby>と<ruby>現在<rt>げんざい</rt></ruby>の<ruby>分<rt>ぶん</rt></ruby>と<ruby>言<rt>い</rt></ruby>う</li>
</ul>
</div>
<p><span style="color: #ffab19;"><b>「ずっと」</b></span>ブロックは、<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>をずっとくり<ruby>返<rt>かえ</rt></ruby>します。</p>
<p>ずーっとくり<ruby>返<rt>かえ</rt></ruby>しているので、<ruby>時刻<rt>じこく</rt></ruby>が<ruby>変<rt>か</rt></ruby>わると<ruby>自動的<rt>じどうてき</rt></ruby>にネコのセリフが<ruby>変<rt>か</rt></ruby>わります。</p>
<p>&nbsp;</p>
<h2><span id="toc12">順次、分岐、反復を組み合わせてみよう！</span></h2>
<p><ruby>順次<rt>じゅんじ</rt></ruby>、<ruby>分岐<rt>ぶんき</rt></ruby>、<ruby>反復<rt>はんぷく</rt></ruby>を<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせると、さらに<ruby>複雑<rt>ふくざつ</rt></ruby>なプログラムを<ruby>作<rt>つく</rt></ruby>れます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6331" src="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12.png" alt="順次・分岐・反復 組み合わせ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12.png 800w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-500x281.png 500w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-300x169.png 300w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-768x432.png 768w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-120x68.png 120w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-160x90.png 160w, https://living-maou.com/wp-content/uploads/2023/12/basic-structure-12-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="blank-box bb-blue">
<ul>
<li>ハタが<ruby>押<rt>お</rt></ruby>されたとき</li>
<li>ずっと<br />
<em>　</em><ruby>現在<rt>げんざい</rt></ruby>の<ruby>時<rt>とき</rt></ruby>と<ruby>現在<rt>げんざい</rt></ruby>の<ruby>分<rt>ぶん</rt></ruby>と<ruby>言<rt>い</rt></ruby>う</li>
<li><em>　</em>もし<ruby>現在<rt>げんざい</rt></ruby>の<ruby>秒<rt>びょう</rt></ruby> = 0 なら<br />
<em>　　</em><ruby>終<rt>お</rt></ruby>わるまでニャーの<ruby>音<rt>おと</rt></ruby>を<ruby>鳴<rt>な</rt></ruby>らす</li>
</ul>
</div>
<p>このプログラムは、ずっとネコが<ruby>何時<rt>なんじ</rt></ruby><ruby>何分<rt>なんぷん</rt></ruby>か<ruby>言<rt>い</rt></ruby>って、1<ruby>分<rt>ふん</rt></ruby>たつごとに（<ruby>秒<rt>びょう</rt></ruby>が0の<ruby>時<rt>とき</rt></ruby>）ニャーと<ruby>音<rt>おと</rt></ruby>を<ruby>鳴<rt>な</rt></ruby>らします。</p>
<p>ぜひ<ruby>処理<rt>しょり</rt></ruby>を<ruby>追加<rt>ついか</rt></ruby>して、もっと<ruby>便利<rt>べんり</rt></ruby>で<ruby>楽<rt>たの</rt></ruby>しいプログラムにしてみてくださいね。</p>
<p>&nbsp;</p>
<h2><span id="toc13">まとめ</span></h2>
<p><ruby>今回<rt>こんかい</rt></ruby>はプログラミングの<ruby>基本<rt>きほん</rt></ruby>である<ruby>順次<rt>じゅんじ</rt></ruby>、<ruby>分岐<rt>ぶんき</rt></ruby>、<ruby>反復<rt>はんぷく</rt></ruby>について<ruby>解説<rt>かいせつ</rt></ruby>しました。</p>
<div class="blank-box bb-blue">
<ul>
<li><a href="#sequential"><ruby>順次<rt>じゅんじ</rt></ruby>：<ruby>順番<rt>じゅんばん</rt></ruby>に<ruby>命令<rt>めいれい</rt></ruby>を<ruby>実行<rt>じっこう</rt></ruby>すること</a></li>
<li><a href="#conditional"><ruby>分岐<rt>ぶんき</rt></ruby>：<ruby>条件<rt>じょうけん</rt></ruby>によって<ruby>処理<rt>しょり</rt></ruby>を<ruby>変<rt>か</rt></ruby>えること</a></li>
<li><a href="#iterative"><ruby>反復<rt>はんぷく</rt></ruby>：<ruby>同<rt>おな</rt></ruby>じ<ruby>処理<rt>しょり</rt></ruby>をくり<ruby>返<rt>かえ</rt></ruby>すこと</a></li>
</ul>
</div>
<p>これらの<ruby>基本<rt>きほん</rt></ruby>を<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせれば、さまざまなプログラムが<ruby>作<rt>つく</rt></ruby>れます。</p>
<p>プログラミングは<ruby>最初<rt>さいしょ</rt></ruby>は<ruby>難<rt>むずか</rt></ruby>しそうに<ruby>見<rt>み</rt></ruby>えるかもしれませんが、<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>けのプログラミング<ruby>言語<rt>げんご</rt></ruby>や<ruby>学習<rt>がくしゅう</rt></ruby>プラットフォームがたくさんあります。</p>
<p><ruby>下<rt>した</rt></ruby>の<ruby>記事<rt>きじ</rt></ruby>では、<ruby>小学生<rt>しょうがくせい</rt></ruby>の<a rel="noopener" target="_self" href="https://living-maou.com/teaching-material/">プログラミング<ruby>教材<rt>きょうざい</rt></ruby>を<ruby>選<rt>えら</rt></ruby>ぶポイントと、オススメの<ruby>教材<rt>きょうざい</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>を<ruby>紹介<rt>しょうかい</rt></ruby>しています。<br />
ぜひあわせて<ruby>読<rt>よ</rt></ruby>んでみてください。</p>
<div class="blogcard-type bct-detail">

<a rel="noopener" target="_self" href="https://living-maou.com/teaching-material/" title="学び好きな子に育つ！考えて作る楽しさを味わえるプログラミング玩具7選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2020/02/eyecatch-teaching-material02.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">学び好きな子に育つ！考えて作る楽しさを味わえるプログラミング玩具7選</div><div class="blogcard-snippet internal-blogcard-snippet">子ども向けのプログラミング教材やおもちゃは種類や難易度がさまざま。どれを選べばいいのか迷ってしまいませんか？【リビングの魔王】では年齢や興味関心に合わせて選ぶポイントや、おすすめの教材・おもちゃを紹介。プログラミング学習の参考にしてみてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/control-structure/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】コンピュータと色の話。光の三原色(RGB)とカラーコードを分かりやすく解説</title>
		<link>https://living-maou.com/color-rgb/</link>
					<comments>https://living-maou.com/color-rgb/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Thu, 15 Dec 2022 05:28:56 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Sphero]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=4780</guid>

					<description><![CDATA[画用紙がようしに絵えの具ぐで絵えを描かくときは、色いろをなんとなく混まぜて作つくりますよね。 では、パソコンやタブレットの画面がめんはどのように色いろを決きめているのでしょうか。 コンピュータの中なかでは、色いろはきちん [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4781" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb01.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb01.jpg 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>画用紙<rt>がようし</rt></ruby>に<ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>で<ruby>絵<rt>え</rt></ruby>を<ruby>描<rt>か</rt></ruby>くときは、<ruby>色<rt>いろ</rt></ruby>をなんとなく<ruby>混<rt>ま</rt></ruby>ぜて<ruby>作<rt>つく</rt></ruby>りますよね。</p>
<p>では、パソコンやタブレットの<ruby>画面<rt>がめん</rt></ruby>はどのように<ruby>色<rt>いろ</rt></ruby>を<ruby>決<rt>き</rt></ruby>めているのでしょうか。</p>
<p>コンピュータの<ruby>中<rt>なか</rt></ruby>では、<ruby>色<rt>いろ</rt></ruby>はきちんとしたルールで<ruby>決<rt>き</rt></ruby>められています。</p>
<p>では、そのルールってどんなものなのでしょう？</p>
<div class="blank-box bb-blue">
<ul>
<li>コンピュータはどうやって<ruby>色<rt>いろ</rt></ruby>を<ruby>作<rt>つく</rt></ruby>るの？</li>
<li>RGBってなに？</li>
<li>カラーコードってなに？</li>
</ul>
</div>
<p><ruby>図<rt>ず</rt></ruby>を<ruby>使<rt>つか</rt></ruby>いながらやさしく<ruby>説明<rt>せつめい</rt></ruby>します。<br />
いっしょに<ruby>見<rt>み</rt></ruby>ていきましょう。</p>
<p>&nbsp;</p>
<h2 id="paints"><span id="toc1">絵の具の三原色（青・赤・黄）</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb02.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4782" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb02.jpg" alt="絵の具の三原色" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb02.jpg 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb02-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>まずは、<ruby>学校<rt>がっこう</rt></ruby>でおなじみの<ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>。</p>
<p><ruby>青<rt>あお</rt></ruby>・<ruby>赤<rt>あか</rt></ruby>・<ruby>黄<rt>き</rt></ruby>の3<ruby>色<rt>しょく</rt></ruby>を<ruby>混<rt>ま</rt></ruby>ぜると、さまざまな<ruby>色<rt>いろ</rt></ruby>が<ruby>作<rt>つく</rt></ruby>れますね。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>青<rt>あお</rt></ruby>＋<ruby>赤<rt>あか</rt></ruby>＝むらさき</li>
<li><ruby>青<rt>あお</rt></ruby>＋<ruby>黄<rt>き</rt></ruby>＝みどり</li>
<li><ruby>赤<rt>あか</rt></ruby>＋<ruby>黄<rt>き</rt></ruby>＝オレンジ</li>
</ul>
</div>
<p><ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>は<ruby>混<rt>ま</rt></ruby>ぜるほど<ruby>黒<rt>くろ</rt></ruby>に<ruby>近<rt>ちか</rt></ruby>づきます。</p>
<p>&nbsp;</p>
<h2><span id="toc2">じつは2種類ある「色の作り方」</span></h2>
<p><ruby>色<rt>いろ</rt></ruby>の<ruby>作<rt>つく</rt></ruby>り<ruby>方<rt>かた</rt></ruby>には、<ruby>大<rt>おお</rt></ruby>きく<ruby>分<rt>わ</rt></ruby>けて2つあります。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>のように<ruby>混<rt>ま</rt></ruby>ぜて<ruby>作<rt>つく</rt></ruby>る<ruby>色<rt>いろ</rt></ruby></li>
<li><ruby>光<rt>ひかり</rt></ruby>を<ruby>重<rt>かさ</rt></ruby>ねて<ruby>作<rt>つく</rt></ruby>る<ruby>色<rt>いろ</rt></ruby></li>
</ul>
</div>
<p>コンピュータやテレビは、「<ruby>光<rt>ひかり</rt></ruby>」を<ruby>重<rt>かさ</rt></ruby>ねて<ruby>色<rt>いろ</rt></ruby>を<ruby>作<rt>つく</rt></ruby>っています。</p>
<p>&nbsp;</p>
<h2 id="light"><span id="toc3">光の三原色(RGB)</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb04.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4784" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb04.jpg" alt="光の三原色" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb04.jpg 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb04-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>パソコンやタブレットの<ruby>画面<rt>がめん</rt></ruby>を<ruby>作<rt>つく</rt></ruby>っているのは、<ruby>目<rt>め</rt></ruby>に<ruby>見<rt>み</rt></ruby>えないほど<ruby>小<rt>ちい</rt></ruby>さな「<ruby>光<rt>ひかり</rt></ruby>のつぶ」です。</p>
<p><ruby>光<rt>ひかり</rt></ruby>のつぶをぐーんと<ruby>拡大<rt>かくだい</rt></ruby>してみると、<ruby>赤<rt>あか</rt></ruby>・<ruby>緑<rt>みどり</rt></ruby>・<ruby>青<rt>あお</rt></ruby>の<ruby>光<rt>ひかり</rt></ruby>がならんでいるのが<ruby>見<rt>み</rt></ruby>えてきます。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>赤<rt>あか</rt></ruby>（Red）</li>
<li><ruby>緑<rt>みどり</rt></ruby>（Green）</li>
<li><ruby>青<rt>あお</rt></ruby>（Blue）</li>
</ul>
</div>
<p>この3<ruby>色<rt>しょく</rt></ruby>を「<ruby>光<rt>ひかり</rt></ruby>の<ruby>三原色<rt>さんげんしょく</rt></ruby>」といいます。</p>
<p><ruby>頭文字<rt>かしらもじ</rt></ruby>をとって「<span style="color: #ff6600;"><b>RGB（アールジービー）</b></span>」」といいます。</p>
<p>この<span class="marker-under-red">3つの<ruby>光<rt>ひかり</rt></ruby>を<ruby>強<rt>つよ</rt></ruby>くしたり<ruby>弱<rt>よわ</rt></ruby>くしたりして、<ruby>画面<rt>がめん</rt></ruby>はたくさんの<ruby>色<rt>いろ</rt></ruby>を<ruby>生<rt>う</rt></ruby>み<ruby>出<rt>だ</rt></ruby>しているのです</span>。</p>
<ul>
<li><ruby>赤<rt>あか</rt></ruby>・<ruby>緑<rt>みどり</rt></ruby>・<ruby>青<rt>あお</rt></ruby>を<ruby>全部<rt>ぜんぶ</rt></ruby>いちばん<ruby>強<rt>つよ</rt></ruby>くすると → <ruby>白<rt>しろ</rt></ruby></li>
<li><ruby>全部<rt>ぜんぶ</rt></ruby><ruby>光<rt>ひか</rt></ruby>らせないと → <ruby>黒<rt>くろ</rt></ruby></li>
</ul>
<p><ruby>光<rt>ひかり</rt></ruby>は<ruby>混<rt>ま</rt></ruby>ぜれば<ruby>混<rt>ま</rt></ruby>ぜるほど<ruby>明<rt>あか</rt></ruby>るくなって、<ruby>最後<rt>さいご</rt></ruby>は「まぶしい<ruby>白<rt>しろ</rt></ruby>」になります。</p>
<p><ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>と<ruby>光<rt>ひかり</rt></ruby>では、<ruby>混<rt>ま</rt></ruby>ぜたときの<ruby>結果<rt>けっか</rt></ruby>がちがうのがおもしろいですね！</p>
<p>&nbsp;</p>
<h2 id="rgb"><span id="toc4">コンピュータでは数字で色を決める</span></h2>
<p>コンピュータでは、<span class="marker-under-red"><ruby>赤<rt>あか</rt></ruby>・<ruby>緑<rt>みどり</rt></ruby>・<ruby>青<rt>あお</rt></ruby>それぞれの<ruby>光<rt>ひかり</rt></ruby>の<ruby>強<rt>つよ</rt></ruby>さを 0～255の<ruby>数字<rt>すうじ</rt></ruby>で<ruby>表<rt>あらわ</rt></ruby>します</span>。</p>
<div class="blank-box bb-blue">
<ul>
<li><em> </em> 0：<ruby>光<rt>ひか</rt></ruby>らない</li>
<li>255：いちばん<ruby>強<rt>つよ</rt></ruby>い</li>
</ul>
</div>
<p>たとえば、こんなふうに<ruby>表<rt>あらわ</rt></ruby>します。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<th>色</th>
<th><ruby>赤<rt>あか</rt></ruby>(R)</th>
<th><ruby>緑<rt>みどり</rt></ruby>(G)</th>
<th><ruby>青<rt>あお</rt></ruby>(B)</th>
</tr>
<tr>
<td align="center"><ruby>赤<rt>あか</rt></ruby></td>
<td align="center">255</td>
<td align="center">0</td>
<td align="center">0</td>
</tr>
<tr>
<td align="center"><ruby>白<rt>しろ</rt></ruby></td>
<td align="center">255</td>
<td align="center">255</td>
<td align="center">255</td>
</tr>
<tr>
<td align="center"><ruby>黒<rt>くろ</rt></ruby></td>
<td align="center">0</td>
<td align="center">0</td>
<td align="center">0</td>
</tr>
</tbody>
</table></div>
<p><ruby>赤<rt>あか</rt></ruby>・<ruby>緑<rt>みどり</rt></ruby>・<ruby>青<rt>あお</rt></ruby>それぞれが256<ruby>通<rt>とお</rt></ruby>りの<ruby>強<rt>つよ</rt></ruby>さを<ruby>持<rt>も</rt></ruby>っていて、3つを<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせるので、<br />
256 × 256 × 256 ＝ <ruby>約<rt>やく</rt></ruby>1,670<ruby>万<rt>まん</rt></ruby><ruby>色<rt>しょく</rt></ruby> も<ruby>作<rt>つく</rt></ruby>ることができます！</p>
<div id="attachment_4793" style="width: 810px" class="wp-caption aligncenter"><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb07.png"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-4793" class="wp-image-4793 size-full" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb07.png" alt="SpheroのLEDの色を指定するプログラム" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb07.png 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a><p id="caption-attachment-4793" class="wp-caption-text">球体型ロボット(Sphero)のLEDの色をRGBで指定するプログラム</p></div>
<p>&nbsp;</p>
<h3 id="colorcode"><span id="toc5">カラーコードってなに？</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb05.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4787" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb05.jpg" alt="カラーコード" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb05.jpg 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb05-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ウェブデザインなどでは、<ruby>色<rt>いろ</rt></ruby>を「<b>#（ハッシュ）＋6ケタの<ruby>記号<rt>きごう</rt></ruby></b>」で<ruby>表<rt>あらわ</rt></ruby>すことがあります。</p>
<p>これを「<span style="color: #ff6600;"><b>カラーコード</b></span>」といいます。</p>
<p>カラーコードは「<ruby>色<rt>いろ</rt></ruby>の<ruby>正確<rt>せいかく</rt></ruby>なレシピ」のようなもの。</p>
<p>「<ruby>赤<rt>あか</rt></ruby>」と<ruby>言<rt>い</rt></ruby>っても、<ruby>人<rt>ひと</rt></ruby>によって<ruby>明<rt>あか</rt></ruby>るい<ruby>赤<rt>あか</rt></ruby>だったり<ruby>暗<rt>くら</rt></ruby>い<ruby>赤<rt>あか</rt></ruby>だったり、イメージする<ruby>赤<rt>あか</rt></ruby>はバラバラですよね。</p>
<p>でも、<ruby>数字<rt>すうじ</rt></ruby>で<ruby>指定<rt>してい</rt></ruby>すれば、どのコンピュータでもほぼ<ruby>同<rt>おな</rt></ruby>じ<ruby>色<rt>いろ</rt></ruby>を<ruby>作<rt>つく</rt></ruby>れます。</p>
<p>たとえば、こんなふうに<ruby>表<rt>あらわ</rt></ruby>します。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>赤<rt>あ　か</rt></ruby><span> </span>…<span> </span>#FF0000</li>
<li><ruby>緑<rt>みどり</rt></ruby><span> </span>…<span> </span>#00FF00</li>
<li><ruby>青<rt>あ　お</rt></ruby><span> </span>…<span> </span>#0000FF</li>
<li><ruby>白<rt>し　ろ</rt></ruby><span> </span>…<span> </span>#FFFFFF</li>
<li><ruby>黒<rt>く　ろ</rt></ruby><span> </span>…<span> </span>#000000</li>
</ul>
</div>
<p>これは、さっきのRGBの<ruby>数字<rt>すうじ</rt></ruby>（0～255）を、ちがう<ruby>書<rt>か</rt></ruby>き<ruby>方<rt>かた</rt></ruby>になおしたものです。</p>
<p>RGBそれぞれの<ruby>光<rt>ひかり</rt></ruby>の<ruby>強<rt>つよ</rt></ruby>さを、2ケタずつで<ruby>表<rt>あらわ</rt></ruby>しています。<br />
そのときに<ruby>使<rt>つか</rt></ruby>うのが、0～9とA～Fを<ruby>使<rt>つか</rt></ruby>った<ruby>特別<rt>とくべつ</rt></ruby>な<ruby>数字<rt>すうじ</rt></ruby>（16<ruby>進数<rt>しんすう</rt></ruby>）です。</p>
<ul>
<li><ruby>数字<rt>すうじ</rt></ruby>で<ruby>書<rt>か</rt></ruby>くと：rgb(255, 255, 0)（14<ruby>文字<rt>もじ</rt></ruby>）</li>
<li>カラーコードで<ruby>書<rt>か</rt></ruby>くと：#FFFF00（7<ruby>文字<rt>もじ</rt></ruby>）</li>
</ul>
<p><ruby>赤<rt>あか</rt></ruby>・<ruby>緑<rt>みどり</rt></ruby>・<ruby>青<rt>あお</rt></ruby>の3つぶんあるので、2ケタ × 3<ruby>色<rt>しょく</rt></ruby> ＝ <ruby>合計<rt>ごうけい</rt></ruby>6ケタになります。<br />
10<ruby>進数<rt>しんすう</rt></ruby>よりも <ruby>文字<rt>もじ</rt></ruby><ruby>数<rt>すう</rt></ruby>が<ruby>少<rt>すく</rt></ruby>なくてすみますね。</p>
<div id="attachment_4786" style="width: 810px" class="wp-caption aligncenter"><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb08.png"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-4786" class="wp-image-4786 size-full" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb08.png" alt="カラーコードを使って指定" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb08.png 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a><p id="caption-attachment-4786" class="wp-caption-text">グラフィックデザインツール(Canva)で素材の色を変える</p></div>
<p>&nbsp;</p>
<h3 id="hexadecimal"><span id="toc6">【まめちしき】カラーコードに出てくる「A〜F」って何？</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/12/color-rgb06.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4788" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb06.jpg" alt="16進数" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb06.jpg 800w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb06-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>カラーコードをよく<ruby>見<rt>み</rt></ruby>ると、0～9の<ruby>数字<rt>すうじ</rt></ruby>のほかに A～F のアルファベット が<ruby>出<rt>で</rt></ruby>てきます。</p>
<p>これは「<span style="color: #ff6600;"><b>16<ruby>進数<rt>しんすう</rt></ruby></b></span>」という<ruby>数<rt>かず</rt></ruby>の<ruby>書<rt>か</rt></ruby>き<ruby>方<rt>かた</rt></ruby>です。</p>
<p>ふつうの<ruby>数字<rt>すうじ</rt></ruby>（10<ruby>進数<rt>しんすう</rt></ruby>）は、9の<ruby>次<rt>つぎ</rt></ruby>は 10 になりますよね。</p>
<p>でも16<ruby>進数<rt>しんすう</rt></ruby>では、9の<ruby>次<rt>つぎ</rt></ruby>は A（＝10）、B（＝11）…と<ruby>続<rt>つづ</rt></ruby>き、F（＝15）の<ruby>次<rt>つぎ</rt></ruby>で 10 になります。</p>
<p>つまり、<span class="marker-under-red">16になるとケタが<ruby>上<rt>あ</rt></ruby>がります</span>。</p>
<p>16<ruby>進数<rt>しんすう</rt></ruby>は、コンピュータの<ruby>中<rt>なか</rt></ruby>でデータをあつかうときに<ruby>便利<rt>べんり</rt></ruby>なので、よく<ruby>使<rt>つか</rt></ruby>われています。</p>
<p>&nbsp;</p>
<h2><span id="toc7">まとめ</span></h2>
<div class="blank-box bb-blue">
<ul>
<li><ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>の<ruby>三原色<rt>さんげんしょく</rt></ruby>：<ruby>青<rt>あお</rt></ruby>・<ruby>赤<rt>あか</rt></ruby>・<ruby>黄<rt>き</rt></ruby>を<ruby>混<rt>ま</rt></ruby>ぜて<ruby>色<rt>いろ</rt></ruby>を<ruby>作<rt>つく</rt></ruby>る</li>
<li><ruby>光<rt>ひかり</rt></ruby>の<ruby>三原色<rt>さんげんしょく</rt></ruby>：<ruby>赤<rt>あか</rt></ruby>(R)・<ruby>緑<rt>みどり</rt></ruby>(G)・<ruby>青<rt>あお</rt></ruby>(B)の<ruby>光<rt>ひかり</rt></ruby>の<ruby>強<rt>つよ</rt></ruby>さで<ruby>色<rt>いろ</rt></ruby>を<ruby>作<rt>つく</rt></ruby>る</li>
<li>コンピュータでは<ruby>数字<rt>すうじ</rt></ruby>で<ruby>色<rt>いろ</rt></ruby>を<ruby>決<rt>き</rt></ruby>める：0～255の<ruby>数字<rt>すうじ</rt></ruby>を3つ<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせる</li>
<li>カラーコードはRGBの<ruby>別<rt>べつ</rt></ruby>の<ruby>書<rt>か</rt></ruby>き<ruby>方<rt>かた</rt></ruby>：「#」＋6ケタの<ruby>記号<rt>きごう</rt></ruby>で<ruby>表<rt>あらわ</rt></ruby>す</li>
</ul>
</div>
<p><ruby>絵<rt>え</rt></ruby>の<ruby>具<rt>ぐ</rt></ruby>だと<ruby>一発<rt>いっぱつ</rt></ruby><ruby>勝負<rt>しょうぶ</rt></ruby>ですが、パソコンやタブレットなら<ruby>納得<rt>なっとく</rt></ruby>する<ruby>色<rt>いろ</rt></ruby>ができるまで<ruby>何度<rt>なんど</rt></ruby>でも<ruby>試<rt>ため</rt></ruby>せるのがいいですね。</p>
<p>&nbsp;</p>
<p><ruby>球体<rt>きゅうたい</rt></ruby><ruby>型<rt>がた</rt></ruby>ロボット <a rel="noopener" target="_self" href="https://living-maou.com/spheromini-review/">Sphero（スフィロ）<span class="fa fa-external-link internal-icon anchor-icon"></span></a>は、RGBの<ruby>値<rt>あたい</rt></ruby>を<ruby>設定<rt>せってい</rt></ruby>してLEDを<ruby>好<rt>す</rt></ruby>きな<ruby>色<rt>いろ</rt></ruby>で<ruby>光<rt>ひか</rt></ruby>らせることができます。<br />
<ruby>実際<rt>じっさい</rt></ruby>にRGBを<ruby>使<rt>つか</rt></ruby>うプログラムを<ruby>体験<rt>たいけん</rt></ruby>できるので、<ruby>興味<rt>きょうみ</rt></ruby>がある<ruby>人<rt>ひと</rt></ruby>は<ruby>下<rt>した</rt></ruby>の<ruby>記事<rt>きじ</rt></ruby>もぜひ<ruby>読<rt>よ</rt></ruby>んでみてください！</p>
<div class="blogcard-type bct-pickup">

<a rel="noopener" target="_self" href="https://living-maou.com/spheromini-review/" title="【Sphero miniレビュー】プログラミング初心者から上級者まで楽しめる球体型ロボット" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2022/09/eyecatch-sphero-review.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Sphero miniレビュー】プログラミング初心者から上級者まで楽しめる球体型ロボット</div><div class="blogcard-snippet internal-blogcard-snippet">「Sphero mini」は、6,000円前後で手に入る初心者向けのプログラミングロボット。おうちでプログラミングを学ぶのにピッタリの玩具です。【リビングの魔王】ではSphero miniの特徴や使い方をレビューします。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/color-rgb/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Scratchではじめる機械学習】スクラッチでお手軽に人工知能(AI)を体験！</title>
		<link>https://living-maou.com/scratch-teachablemachine/</link>
					<comments>https://living-maou.com/scratch-teachablemachine/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Tue, 15 Mar 2022 05:16:18 +0000</pubDate>
				<category><![CDATA[Scratch]]></category>
		<category><![CDATA[人工知能(AI)]]></category>
		<category><![CDATA[本]]></category>
		<category><![CDATA[用語]]></category>
		<category><![CDATA[自由研究]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=3250</guid>

					<description><![CDATA[最近、人工知能(AI)や機械学習というワードを聞く機会が増えました。 子どもに「人工知能(AI)って何？」ときかれて、困った経験はないでしょうか？ 何となく知っているけれど、言葉で説明するのは難しいですよね。 &#038;nbsp [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3251" src="https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine.jpg" alt="Scratchではじめる機械学習" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine.jpg 800w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/03/eyecatch-teachablemachine-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div class="information-box common-icon-box"><span class="fz-14px">このページにはアフィリエイトリンクが含まれています。</span></div>
<p><!-- リンクを介して商品を購入した場合、当ブログに報酬が支払われることがあります。またリンクから購入しても読者様のご負担はございません。 --></p>

<p>最近、人工知能(AI)や機械学習というワードを聞く機会が増えました。</p>
<p>子どもに<b>「人工知能(AI)って何？」</b>ときかれて、困った経験はないでしょうか？</p>
<p>何となく知っているけれど、言葉で説明するのは難しいですよね。</p>
<p>&nbsp;</p>
<p>本記事では『<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4873119189">Scratchではじめる機械学習<span class="fa fa-external-link external-icon anchor-icon"></span></a><img loading="lazy" decoding="async" style="border: 0px;" src="//i.moshimo.com/af/i/impression?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" />』という本を紹介します。</p>
<p>この本は、<b>小学校高学年くらいから読める</b>機械学習の超入門書。</p>
<p>敷居の高い機械学習をお手軽に体験することができますよ。</p>
<p>子どもだけでなく、</p>
<div class="blank-box bb-blue">
<ul>
<li>機械学習のしくみを知りたい。</li>
<li>AIや機械学習の本ってむずかしい！ムリ！</li>
<li>数学…統計学…うっあたまが……</li>
<li>Pythonなどのプログラミング言語をイチから勉強するのはちょっと……</li>
</ul>
</div>
<p>という大人にもオススメの本です。</p>
<p>Scratchでゲーム以外のプログラムを作ってみたい人にもオススメですよ。</p>
<h2><span id="toc1">Scratchの拡張機能を使って機械学習のしくみを学べる</span></h2>
<p>今回紹介するのは、</p>
<div class="blank-box bb-blue">『<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4873119189">Scratchではじめる機械学習<span class="fa fa-external-link external-icon anchor-icon"></span></a><img loading="lazy" decoding="async" style="border: 0px;" src="//i.moshimo.com/af/i/impression?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" />』<br />
（著者：石原 淳也、倉本 大資／監修：阿部 和広）</div>
<p>という本です。</p>
<p><!-- START MoshimoAffiliateEasyLink --><br />
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");
msmaflink({"n":"Scratchではじめる機械学習 ―作りながら楽しく学べるAIプログラミング (オライリー・ジャパン)","b":"オライリー・ジャパン","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51A4QayV8kL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4873119189","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4873119189","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/Scratch%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%20%E2%80%95%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8C%E3%82%89%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B9%E3%82%8BAI%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%20(%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3)\/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https:\/\/shopping.yahoo.co.jp\/search?first=1\u0026p=Scratch%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%20%E2%80%95%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8C%E3%82%89%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B9%E3%82%8BAI%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%20(%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"5ICj3","s":"s"});
</script></p>
<div id="msmaflink-5ICj3">リンク</div>
<p>&nbsp;</p>
<p>Scratchの拡張機能を使って、画像認識や音声認識などを利用したプログラムを作り、<b>機械学習のしくみを学ぶ</b>ことができます。</p>
<div class="blank-box bb-blue">
<ul>
<li>1章：画像認識編　ジャンケンゲームを作ろう</li>
<li>2章：音声認識編　声を聞き分けるデジタルペットを作ろう</li>
<li>3章：姿勢推定編　体を使ったプログラムを作ろう</li>
<li>4章：知識編　機械学習について学ぼう</li>
<li>5章：上級編　遺伝的アルゴリズムでネコの動きを進化させよう</li>
</ul>
</div>
<p>&nbsp;</p>
<h2><span id="toc2">数学の知識不要、プログラミング初心者でもOK！</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3261" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07.jpg 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine07-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>1～3章では、画像認識や音声認識、姿勢推定のしくみを使った<b>プログラムを作って機械学習を体験</b>することができます。</p>
<p><span class="marker-under-red"><b>細かい説明は後！まずはやってみよう！</b></span>ということですね。</p>
<p>プログラムは、少しでもScratchを使ったことがある人なら問題なく作れるレベルです。</p>
<p>&nbsp;</p>
<p>機械学習についての解説は4章になっています。</p>
<p>機械学習の本というと、数学や統計学の話が出てきてチンプンカンプンになってしまいますが、こちらの本では分かりやすく説明されていました。</p>
<p>&nbsp;</p>
<p>5章は上級編。</p>
<p>コンピューターが学習するための動作をScratchを使ってプログラムします。機械学習の理解をさらに深めたい人向けの内容です。</p>
<p>&nbsp;</p>
<h2><span id="toc3">そもそも機械学習って何？</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3252" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01.jpg 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>そもそも<span class="marker-under-red"><b>機械学習</b></span>とは何でしょう？</p>
<p>『<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4873119189">Scratchではじめる機械学習<span class="fa fa-external-link external-icon anchor-icon"></span></a><img loading="lazy" decoding="async" style="border: 0px;" src="//i.moshimo.com/af/i/impression?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" />』では、</p>
<blockquote><p>大量のデータを高速に処理することができる「機械」（コンピューター）を使って、<br />
人間が得る「経験」の代わりに、データを使って「学習」する技術</p></blockquote>
<p>と説明しています。</p>
<p>&nbsp;</p>
<p>どのようにコンピューターが学習するのかというと、</p>
<p>例えば、コンピューターにネコとイヌの写真を見分けてもらおうとした場合、</p>
<div class="blank-box bb-blue">
<ol>
<li>たくさんのネコの写真のデータを使って、<br />
コンピューターに「これはネコです」と教える。<br />
<em>　</em></li>
<li>同じようにたくさんのイヌの写真のデータを使って、<br />
コンピューターに「これはイヌです」と教える。<br />
<em>　</em></li>
<li>学習に使わなかったネコかイヌの写真をコンピューターに見せる。<br />
<em>　</em></li>
<li>コンピューターは学習したデータからネコとイヌの特徴を見つけ出し、<br />
導き出した特徴を元にネコかイヌか判定する。</li>
</ol>
</div>
<p>このように、コンピューターに正解のデータを教えてあげます。<b>「教師あり学習」</b>という方法です。</p>
<p>他にも<b>「教師なし学習」</b>や<b>「強化学習」</b>という方法もあります。</p>
<p>&nbsp;</p>
<h3><span id="toc4">人工知能(AI)、機械学習、深層学習（ディープラーニング）のちがい</span></h3>
<p><b>機械学習</b>とセットでよくきく言葉、<span class="marker-under-red"><b>人工知能(AI)</b></span>や<span class="marker-under-red"><b>深層学習（ディープラーニング）</b></span>とのちがいもおさえておきましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-4194" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208.jpg" alt="人工知能と機械学習の違い" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208.jpg 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine02-2208-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<div class="blank-box bb-blue">
<ul>
<li><b>人工知能(AI)</b><br />
人間に代わって知的な活動を行うことのできる人工的な知能を作ろうとする研究分野。<br />
<em> </em></li>
<li><b>機械学習</b><br />
人工知能にふくまれるひとつの分野で、特定の問題だけを解決するための人工知能。<br />
大量のデータを使ってコンピューターに学ばせ、特徴を見つけ出す。<br />
<em> </em></li>
<li><b>深層学習（ディープラーニング）</b><br />
機械学習にふくまれるひとつの技術。<br />
人間の脳のしくみをマネして作られている（人工ニューラルネットワーク）</li>
</ul>
</div>
<p><span class="marker-under-red"><b>人工知能(AI)＞機械学習＞深層学習（ディープラーニング）</b></span>の関係であることを<br />
おさえておきましょう。</p>
<p>&nbsp;</p>
<h3><span id="toc5">人工知能はどんなことに使われている？</span></h3>
<p>人工知能は、</p>
<div class="blank-box bb-blue">
<ul>
<li>検索エンジン</li>
<li>ショッピングサイトなどの おすすめ（レコメンド）機能</li>
<li>お掃除ロボット</li>
<li>自動車の自動運転</li>
</ul>
</div>
<p>などなど、私たちの生活の身近なものに活用されています。</p>
<p>&nbsp;</p>
<h2><span id="toc6">じゃんけんゲームを作ってみた！</span></h2>
<p>1章で紹介されている「じゃんけんゲーム」を紹介します。</p>
<p>この章では<b>「ML2Scratch」</b>という拡張機能を使って、機械学習による画像認識を体験することができますよ。</p>
<p>&nbsp;</p>
<p>拡張機能は<a rel="noopener" target="_blank" href="https://stretch3.github.io/">カスタマイズされたScratch<span class="fa fa-external-link external-icon anchor-icon"></span></a>から使うことができます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3254" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03.png" alt="カスタマイズされたScratch" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03.png 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>見た目は普通のScratchとほぼ同じです。</p>
<p>&nbsp;</p>
<p>拡張機能「ML2Scratch」を追加します。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3255" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04.png" alt="拡張機能「ML2Scratch」" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04.png 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<p>パソコンのカメラに、グー、チョキ、パーを見せて学習させます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3256" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05.png" alt="ジャンケンの手をコンピューターに学習させる" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05.png 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>スプライトで顔をかくしたので手がちょっと見えにくくなってます。ごめんなさい。</p>
<p>「ラベルを学習する」というブロックでグー、チョキ、パーそれぞれ20枚ほど学習。</p>
<p>その後、カメラに手を写すと、学習したデータから一番近いものをコンピューターが判断して、そのラベルの番号を表示します。</p>
<p>&nbsp;</p>
<p>これで画像認識できるようになりました。</p>
<p>あとはジャンケンゲームをプログラミングして完成！</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3257" src="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06.png" alt="ジャンケンゲームをプログラミング" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06.png 800w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2022/03/Scratch-teachablemachine06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h2><span id="toc7">まとめ：子どもだけでなく大人も読む価値アリ！</span></h2>
<p>『<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4873119189">Scratchではじめる機械学習<span class="fa fa-external-link external-icon anchor-icon"></span></a><img loading="lazy" decoding="async" style="border: 0px;" src="//i.moshimo.com/af/i/impression?a_id=1826192&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" />』という本を紹介しました。</p>
<p>数学の知識がない私でも、アレルギーを起こすことなく読み進めることができました。</p>
<p>敷居の高い機械学習をお手軽に体験できるので、子どもだけでなく大人も読む価値があると思います。</p>
<p><!-- START MoshimoAffiliateEasyLink --><br />
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");
msmaflink({"n":"Scratchではじめる機械学習 ―作りながら楽しく学べるAIプログラミング (オライリー・ジャパン)","b":"オライリー・ジャパン","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51A4QayV8kL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4873119189","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4873119189","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/Scratch%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%20%E2%80%95%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8C%E3%82%89%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B9%E3%82%8BAI%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%20(%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3)\/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https:\/\/shopping.yahoo.co.jp\/search?first=1\u0026p=Scratch%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%20%E2%80%95%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8C%E3%82%89%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B9%E3%82%8BAI%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%20(%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"5ICj3","s":"s"});
</script></p>
<div id="msmaflink-5ICj3">リンク</div>
<p><!-- MoshimoAffiliateEasyLink END --></p>
<p>&nbsp;</p>
<div class="blogcard-type bct-related">

<a rel="noopener" target="_self" href="https://living-maou.com/scratch-experiment/" title="【Scratchで科学実験】プログラミングを活かした実験が17種類　自由研究にピッタリ！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_scratch_experiment.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Scratchで科学実験】プログラミングを活かした実験が17種類　自由研究にピッタリ！</div><div class="blogcard-snippet internal-blogcard-snippet">本記事では『理科がもっとおもしろくなる Scratchで科学実験』という本を紹介します。この本には自由研究にも使えるプログラミングを活かした実験がたくさん載っています。小学校中学年以降の自由研究は、これ1冊あればテーマ選びに悩むことはありません！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/scratch-teachablemachine/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】検索エンジンのしくみ：ブラウザとのちがいも解説</title>
		<link>https://living-maou.com/how-search-works/</link>
					<comments>https://living-maou.com/how-search-works/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Fri, 25 Feb 2022 04:29:14 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[プログラミング教育]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=3195</guid>

					<description><![CDATA[インターネットを使つかうときに欠かかせない「検索けんさくエンジン」と「ブラウザ」。この二ふたつの道具はどのようにして私わたしたちの生活せいかつを便利べんりにしているのでしょうか？ この記事きじでは、検索けんさくエンジンと [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3196" src="https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks.jpg 800w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/02/eyecatch-HowSearchWorks-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>インターネットを<ruby>使<rt>つか</rt></ruby>うときに<ruby>欠<rt>か</rt></ruby>かせない「<ruby>検索<rt>けんさく</rt></ruby>エンジン」と「ブラウザ」。この<ruby>二<rt>ふた</rt></ruby>つの<ruby>道具</ruby>はどのようにして<ruby>私<rt>わたし</rt></ruby>たちの<ruby>生活<rt>せいかつ</rt></ruby>を<ruby>便利<rt>べんり</rt></ruby>にしているのでしょうか？</p>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、<ruby>検索<rt>けんさく</rt></ruby>エンジンとブラウザのちがいから<ruby>基本的<rt>きほんてき</rt></ruby>な<ruby>仕組<rt>しく</rt></ruby>みまで、<ruby>小学生<rt>しょうがくせい</rt></ruby>でもわかりやすく<ruby>解説<rt>かいせつ</rt></ruby>します。</p>
<p>さらに、<ruby>検索<rt>けんさく</rt></ruby>エンジンがどのように<ruby>情報<rt>じょうほう</rt></ruby>を集めて<ruby>検索<rt>けんさく</rt></ruby><ruby>結果<rt>けっか</rt></ruby>を<ruby>表示<rt>ひょうじ</rt></ruby>するのか、その<ruby>裏側<rt>うらがわ</rt></ruby>も<ruby>探<rt>さぐ</rt></ruby>ってみましょう。</p>
<p>正しい<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>見極<rt>みきわ</rt></ruby>めるポイントも<ruby>紹介<rt>しょうかい</rt></ruby>するので、ぜひ<ruby>最後<rt>さいご</rt></ruby>まで<ruby>読<rt>よ</rt></ruby>んでみてください。</p>
<p>&nbsp;</p>
<h2><span id="toc1">検索エンジンとブラウザのちがい</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2664" src="https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920.jpg" alt="パソコン(google)" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920.jpg 800w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/10/internet-search-engine-gfadcc62ac_1920-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>インターネットを<ruby>利用<rt>りよう</rt></ruby>する時に「<b>ブラウザ</b>」と「<b><ruby>検索<rt>けんさく</rt></ruby>エンジン</b>」という<ruby>言葉<rt>ことば</rt></ruby>をよく<ruby>聞<rt>き</rt></ruby>きますが、そのちがいを<ruby>理解<rt>りかい</rt></ruby>している<ruby>人<rt>ひと</rt></ruby>は<ruby>少<rt>すく</rt></ruby>ないかもしれません。</p>
<p>かんたんに<ruby>言<rt>い</rt></ruby>うと、<span class="marker-under-red">ブラウザはインターネットの<ruby>情報<rt>じょうほう</rt></ruby>を「<ruby>見<rt>み</rt></ruby>る」ための<ruby>道具<rt>どうぐ</rt></ruby>で、<ruby>検索<rt>けんさく</rt></ruby>エンジンはインターネットで<ruby>情報<rt>じょうほう</rt></ruby>を「<ruby>探<rt>さが</rt></ruby>す」ための</span><ruby><span class="marker-under-red">道具</span><rt>どうぐ</rt></ruby>です。</p>
<p>&nbsp;</p>
<h3><span id="toc2">ブラウザはインターネットを見るためのソフト</span></h3>
<p><span style="color: #ff6600;"><b>ブラウザ</b></span>とは、インターネット<ruby>上<rt>じょう</rt></ruby>の<span class="marker-under-red">Webページを<ruby>見<rt>み</rt></ruby>るためのソフトウェア</span>です。</p>
<p><ruby>今<rt>いま</rt></ruby>、このページを<ruby>見<rt>み</rt></ruby>ているソフトもブラウザです。</p>
<p><ruby>代表的<rt>だいひょうてき</rt></ruby>なブラウザには「<a rel="noopener" target="_blank" href="https://www.google.com/intl/ja_jp/chrome/">Chrome<span class="fa fa-external-link external-icon anchor-icon"></span></a>」や「<a rel="noopener" target="_blank" href="https://www.apple.com/jp/safari/">Safari<span class="fa fa-external-link external-icon anchor-icon"></span></a>」、「<a rel="noopener" target="_blank" href="https://www.microsoft.com/ja-jp/edge?form=MA13FJ">Edge<span class="fa fa-external-link external-icon anchor-icon"></span></a>」などさまざまなものがあります。</p>
<p>&nbsp;</p>
<h3><span id="toc3">検索エンジンは情報を探すためのシステム</span></h3>
<p><span style="color: #ff6600;"><b>検索（けんさく）エンジン</b></span>は、<span class="marker-under-red"><ruby>情報<rt>じょうほう</rt></ruby>を<ruby>探<rt>さが</rt></ruby>すための<ruby>便利<rt>べんり</rt></ruby>なツール</span>。</p>
<p>キーワードを<ruby>入力<rt>にゅうりょく</rt></ruby>すると、インターネット<ruby>上<rt>じょう</rt></ruby>にあるたくさんのウェブページから<ruby>関係<rt>かんけい</rt></ruby>のあるページを<ruby>探<rt>さが</rt></ruby>してくれるシステムです。</p>
<p><ruby>代表的<rt>だいひょうてき</rt></ruby>な<ruby>検索<rt>けんさく</rt></ruby>エンジンには、「<a rel="noopener" target="_blank" href="https://www.google.com/?hl=ja">Google<span class="fa fa-external-link external-icon anchor-icon"></span></a>」や「<a rel="noopener" target="_blank" href="https://www.yahoo.co.jp/">Yahoo!<span class="fa fa-external-link external-icon anchor-icon"></span></a>」、「<a rel="noopener" target="_blank" href="https://www.bing.com/?cc=jp">Bing<span class="fa fa-external-link external-icon anchor-icon"></span></a>」などがあります。</p>
<p><ruby>他<rt>ほか</rt></ruby>にもたくさんの<ruby>検索<rt>けんさく</rt></ruby>エンジンがありますが、<ruby>日本<rt>にほん</rt></ruby><ruby>国内<rt>こくない</rt></ruby>ではこの3つの<ruby>検索<rt>けんさく</rt></ruby>エンジンが<ruby>大<rt>おお</rt></ruby>きなシェアをしめています。</p>
<p>&nbsp;</p>
<h2><span id="toc4">検索エンジン（ロボット型）のしくみ</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3197" src="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01.jpg" alt="ロボット型の検索エンジンのしくみ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01.jpg 800w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>GoogleやYahoo!で<ruby>導入<rt>どうにゅう</rt></ruby>されている<b>ロボット<ruby>型<rt>がた</rt></ruby></b>の<ruby>検索<rt>けんさく</rt></ruby>エンジンのしくみについて<ruby>解説<rt>かいせつ</rt></ruby>します。</p>
<div class="blank-box bb-blue">
<ol>
<li>クローラーがウェブページの<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>集<rt>あつ</rt></ruby>める（クローリング）</li>
<li><ruby>集<rt>あつ</rt></ruby>めた<ruby>情報<rt>じょうほう</rt></ruby>をデータベースに<ruby>登録<rt>とうろく</rt></ruby>する（インデックス）</li>
<li><ruby>登録<rt>とうろく</rt></ruby>された<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>元<rt>もと</rt></ruby>に<ruby>検索結果<rt>けんさくけっか</rt></ruby>を<ruby>表示<rt>ひょうじ</rt></ruby>する</li>
</ol>
</div>
<p>&nbsp;</p>
<h3><span id="toc5">クローラーがウェブページの情報を集める（クローリング）</span></h3>
<p>まず、データベースに<ruby>登録<rt>とうろく</rt></ruby>するウェブページの<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>集<rt>あつ</rt></ruby>めます。</p>
<p><ruby>検索<rt>けんさく</rt></ruby>エンジンは、<span style="color: #ff0000;"><b>クローラー</b></span>と<ruby>呼<rt>よ</rt></ruby>ばれるロボット（プログラム）を<ruby>使<rt>つか</rt></ruby>って、インターネット<ruby>上<rt>じょう</rt></ruby>にある<span class="marker-under-red">ウェブページの<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>集<rt>あつ</rt></ruby>めています</span>。</p>
<p>クローラーは、ウェブページにあるリンクをたどって、<ruby>新<rt>あたら</rt></ruby>しいページや<ruby>更新<rt>こうしん</rt></ruby>されたページを<ruby>探<rt>さが</rt></ruby>すことからスパイダーとも<ruby>言<rt>い</rt></ruby>われています。<br />
<em>　</em></p>
<div class="blank-box bb-tab bb-memo bb-red"><span style="color: #ff0000;"><b>リンク</b></span>とは、<ruby>文字<rt>もじ</rt></ruby>や<ruby>画像<rt>がぞう</rt></ruby>などをクリックして<ruby>同<rt>おな</rt></ruby>じページの<ruby>別<rt>べつ</rt></ruby>の<ruby>場所<rt>ばしょ</rt></ruby>や､<ruby>他<rt>ほか</rt></ruby>のページへ<ruby>移動<rt>いどう</rt></ruby>できるようにしたものです｡</div>
<p>&nbsp;</p>
<h3><span id="toc6">集めた情報をデータベースに登録する（インデックス）</span></h3>
<p>クローラーが<ruby>集<rt>あつ</rt></ruby>めてきた<ruby>情報<rt>じょうほう</rt></ruby>は、<span class="marker-under-red"><ruby>検索<rt>けんさく</rt></ruby>エンジンのデータベースに<ruby>登録<rt>とうろく</rt></ruby></span>されます。<br />
<em>　</em></p>
<div class="blank-box bb-tab bb-memo bb-red"><span style="color: #ff0000;"><b>データベース</b></span>とは、たくさんのデータをコンピューターであつかいやすいように<ruby>整理<rt>せいり</rt></ruby>し<ruby>記憶<rt>きおく</rt></ruby>したものです。</div>
<p>&nbsp;</p>
<h3><span id="toc7">検索結果を表示する</span></h3>
<p><ruby>検索<rt>けんさく</rt></ruby>エンジンにキーワードを<ruby>入力<rt>にゅうりょく</rt></ruby>すると、<span class="marker-under-red">データベースに<ruby>登録<rt>とうろく</rt></ruby>された<ruby>情報<rt>じょうほう</rt></ruby>の<ruby>中<rt>なか</rt></ruby>からキーワードと<ruby>関係<rt>かんけい</rt></ruby>のあるページのリストを<ruby>返<rt>かえ</rt></ruby>します</span>。</p>
<p>リストの<ruby>順番<rt>じゅんばん</rt></ruby>は<ruby>検索<rt>けんさく</rt></ruby>アルゴリズムによって<ruby>決<rt>き</rt></ruby>まり、<ruby>検索<rt>けんさく</rt></ruby>した<ruby>人<rt>ひと</rt></ruby>の<ruby>役<rt>やく</rt></ruby>に<ruby>立<rt>た</rt></ruby>ちそうなページから<ruby>順<rt>じゅん</rt></ruby>に<ruby>表示<rt>ひょうじ</rt></ruby>しています。<br />
<em>　</em></p>
<div class="blank-box bb-tab bb-memo bb-red"><span style="color: #ff0000;"><b>アルゴリズム</b></span>とは<ruby>問題<rt>もんだい</rt></ruby>を<ruby>解決<rt>かいけつ</rt></ruby>するための<ruby>手順<rt>てじゅん</rt></ruby>や<ruby>計算<rt>けいさん</rt></ruby><ruby>方法<rt>ほうほう</rt></ruby>のことです。</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-9126458450711382"
  data-ad-slot="2965068638"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc8">上位にあるページの情報が正しいとはかぎらない</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3198" src="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02.jpg 800w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/02/HowSearchWorks02-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>検索結果<rt>けんさくけっか</rt></ruby>の<ruby>上位<rt>じょうい</rt></ruby>にあるページは、<ruby>正<rt>ただ</rt></ruby>しいことが<ruby>書<rt>か</rt></ruby>いてあるのでしょうか？</p>
<h3><span id="toc9">検索エンジンはそれっぽいページを出しているだけ</span></h3>
<p><ruby>検索<rt>けんさく</rt></ruby>エンジンは、<ruby>文章<rt>ぶんしょう</rt></ruby>の<ruby>意味<rt>いみ</rt></ruby>を<ruby>正<rt>ただ</rt></ruby>しく<ruby>理解<rt>りかい</rt></ruby>できません。</p>
<p>キーワードと<ruby>関係<rt>かんけい</rt></ruby>のある<b><ruby>役<rt>やく</rt></ruby>に<ruby>立<rt>た</rt></ruby>ちそうな</b>ページを<ruby>表示<rt>ひょうじ</rt></ruby>してくれるだけです。</p>
<p>なので、そのページに書いてあることが<ruby>正<rt>ただ</rt></ruby>しい・まちがっている、いいこと・<ruby>悪<rt>わる</rt></ruby>いことの<ruby>判断<rt>はんだん</rt></ruby>はできません。</p>
<p><span class="marker-under-red"><ruby>検索<rt>けんさく</rt></ruby>した人が <ruby>情報<rt>じょうほう</rt></ruby>が<ruby>正<rt>ただ</rt></ruby>しいか<ruby>判断<rt>はんだん</rt></ruby>する</span><ruby>必要<rt>ひつよう</rt></ruby>があります。</p>
<p>&nbsp;</p>
<h3><span id="toc10">正しい情報か判断するポイント</span></h3>
<p><ruby>正<rt>ただ</rt></ruby><span>し</span>い<ruby>情報<rt>じょうほう</rt></ruby>か<ruby>判断<rt>はんだん</rt></ruby>するポイントは、</p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff6600;"><b>だれが<ruby>書<rt>か</rt></ruby>いているのか<ruby>分<rt>わ</rt></ruby>からない<ruby>情報<rt>じょうほう</rt></ruby>は<ruby>基本的<rt>きほんてき</rt></ruby>に<ruby>信<rt>しん</rt></ruby>じない</b></span><br />
<ruby>友<rt>とも</rt></ruby>だちから<ruby>発信<rt>はっしん</rt></ruby>された<ruby>情報<rt>じょうほう</rt></ruby>でも、<ruby>情報源<rt>じょうほうげん</rt></ruby>を<ruby>確認<rt>かくにん</rt></ruby>しましょう！<br />
<em>　</em></li>
<li><b>ほかのメディア（<ruby>新聞<rt>しんぶん</rt></ruby>、テレビ、ニュースサイトなど）も<ruby>見<rt>み</rt></ruby>てみる</b><br />
<em>　</em></li>
<li><b><ruby>情報<rt>じょうほう</rt></ruby>の<ruby>種類<rt>しゅるい</rt></ruby>（<ruby>事実<rt>じじつ</rt></ruby>、<ruby>意見<rt>いけん</rt></ruby>や<ruby>感想<rt>かんそう</rt></ruby>、<ruby>広告<rt>こうこく</rt></ruby>）を<ruby>区別<rt>くべつ</rt></ruby>する</b><br />
<em>　</em></li>
<li><b><ruby>記事<rt>きじ</rt></ruby>や<ruby>動画<rt>どうが</rt></ruby>のタイトルだけで<ruby>判断<rt>はんだん</rt></ruby>しない（つりかも？）</b><br />
「～らしい」「～と<ruby>思<rt>おも</rt></ruby>われる」「～か！？」のような<ruby>表現<rt>ひょうげん</rt></ruby>に<ruby>注意<rt>ちゅうい</rt></ruby>！</li>
</ul>
</div>
<p><ruby>分<rt>わ</rt></ruby>かっていても<ruby>見分<rt>みわ</rt></ruby>けるのはむずかしいです。</p>
<p><ruby>日<rt>ひ</rt></ruby>ごろから<ruby>親子<rt>おやこ</rt></ruby>で<ruby>気<rt>き</rt></ruby>になった<ruby>記事<rt>きじ</rt></ruby>やSNSの<ruby>投<rt>とう</rt></ruby>こうを<ruby>読<rt>よ</rt></ruby>みあって、<ruby>正<rt>ただ</rt></ruby>しい<ruby>情報<rt>じょうほう</rt></ruby>なのか<ruby>考<rt>かんが</rt></ruby>えるクセをつけるようにしてくださいね。</p>
<p>「<a rel="noopener" target="_self" href="https://living-maou.com/search-engine/"><ruby>子供<rt>こども</rt></ruby>が<ruby>安全<rt>あんぜん</rt></ruby>にインターネットを<ruby>閲覧<rt>えつらん</rt></ruby>するために。<ruby>検索<rt>けんさく</rt></ruby>のコツと<ruby>教<rt>おし</rt></ruby>えておくべきこと<span class="fa fa-external-link internal-icon anchor-icon"></span></a>」では、<ruby>検索<rt>けんさく</rt></ruby>のコツや<ruby>安全<rt>あんぜん</rt></ruby>にネットを<ruby>見<rt>み</rt></ruby>るために<ruby>知<rt>し</rt></ruby>っておきたいことをまとめています。よかったらあわせて<ruby>読<rt>よ</rt></ruby>んでみてください。</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/search-engine/" title="子供が安全にインターネットを閲覧するために。検索のコツと教えておくべきこと" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-SearchEngine02.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">子供が安全にインターネットを閲覧するために。検索のコツと教えておくべきこと</div><div class="blogcard-snippet internal-blogcard-snippet">子どもに教えておきたい「安全にインターネットを閲覧するコツ」を解説。【リビングの魔王】では検索のテクニックや安全に閲覧するために知っておきたいこと、見てほしくないコンテンツを検索から除外する方法を紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<h2><span id="toc11">まとめ</span></h2>
<p><ruby>検索<rt>けんさく</rt></ruby>エンジンのしくみについて<ruby>解説<rt>かいせつ</rt></ruby>しました。</p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff0000;"><b>検索（けんさく）エンジン</b></span>は、<br />
キーワードを<ruby>入力<rt>にゅうりょく</rt></ruby>すると、インターネット<ruby>上<rt>じょう</rt></ruby>にあるたくさんのウェブページから<br />
<ruby>関係<rt>かんけい</rt></ruby>のあるページを<ruby>探<rt>さが</rt></ruby>してくれるシステム。<br />
<em>　</em></li>
<li>ロボット<ruby>型<rt>がた</rt></ruby>の<ruby>検索<rt>けんさく</rt></ruby>エンジンのしくみ<br />
1.<span style="color: #ff0000;"><b>クローラー</b></span>がウェブページの<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>集<rt>あつ</rt></ruby><span>め</span>る<br />
2.<ruby>集<rt>あつ</rt></ruby><span>め</span>た<ruby>情報<rt>じょうほう</rt></ruby>をデータベースに<ruby>登録<rt>とうろく</rt></ruby>する<br />
3.<ruby>登録<rt>とうろく</rt></ruby>された<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>元<rt>もと</rt></ruby>に<ruby>検索結果<rt>けんさくけっか</rt></ruby>を<ruby>表示<rt>ひょうじ</rt></ruby>する<br />
<em>　</em></li>
<li><ruby>検索<rt>けんさく</rt></ruby>エンジンは、<ruby>役<rt>やく</rt></ruby>に<ruby>立<rt>た</rt></ruby>ちそうなページを<ruby>表示<rt>ひょうじ</rt></ruby>してくれるだけ。<br />
<ruby>検索結果<rt>けんさくけっか</rt></ruby>の<ruby>上位<rt>じょうい</rt></ruby>にあるページの<ruby>情報<rt>じょうほう</rt></ruby>が<ruby>正<rt>ただ</rt></ruby>しいとはかぎらない。<br />
<em>　</em></li>
<li><span class="marker-under-red"><ruby>検索<rt>けんさく</rt></ruby>した<ruby>人<rt>ひと</rt></ruby>が<ruby>情報<rt>じょうほう</rt></ruby>が<ruby>正<rt>ただ</rt></ruby>しいか<ruby>判断<rt>はんだん</rt></ruby>しよう！</span></li>
</ul>
</div>
<p>&nbsp;</p>
<p>「<a rel="noopener" target="_self" href="https://living-maou.com/internet-mechanism/">【<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>け】インターネットのしくみを<ruby>分<rt>わ</rt></ruby>かりやすく<ruby>解説<rt>かいせつ</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>」では、インターネットの<ruby>基本的<rt>きほんてき</rt></ruby>な<ruby>仕組<rt>しく</rt></ruby>みや、Webページがどのようにして<ruby>表示<rt>ひょうじ</rt></ruby>されるのかを<ruby>解説<rt>かいせつ</rt></ruby>しています。あわせて<ruby>読<rt>よ</rt></ruby>むと、より<ruby>理解<rt>りかい</rt></ruby>が<ruby>深<rt>ふか</rt></ruby>まりますよ。</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/internet-mechanism/" title="【子ども向け】インターネットのしくみを分かりやすく解説" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2024/01/eyecatch-internet-mechanism.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】インターネットのしくみを分かりやすく解説</div><div class="blogcard-snippet internal-blogcard-snippet">インターネットのしくみを解説。【リビングの魔王】では小学生のお子さんにも分かりやすいよう図解を使いつつ、インターネットやWebページがブラウザに表示されるしくみを紹介します。子どもにインターネットのしくみを教える時の参考にしてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】図をながめるだけでも理解が進みます！／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"コンピューターってどんなしくみ?: デジタルテクノロジーやインターネットの世界を超図解 (子供の科学★ミライサイエンス)","b":"","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51lOb7mJigL._SL500_.jpg","/51CB0whYvXL._SL500_.jpg","/51vdz1SAUIL._SL500_.jpg","/51srSZY1N6L._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4416518064","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4416518064","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"7qde0","s":"s"});
</script>
<div id="msmaflink-7qde0">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/how-search-works/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】ファイルとフォルダのちがいは？分かりやすく解説</title>
		<link>https://living-maou.com/filefolder/</link>
					<comments>https://living-maou.com/filefolder/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Tue, 26 Oct 2021 06:07:15 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[パソコン操作]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=2717</guid>

					<description><![CDATA[「ファイル」と聞きくと、プリントを入いれる「プラスチックの入いれ物もの」を思おもいうかべるかもしれませんね。 でも、パソコンの世界せかいでは、文房具ぶんぼうぐのファイルとはぜんぜん意味いみがちがいます。 文房具ぶんぼうぐ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2718" src="https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder.jpg 800w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/10/eyecatch-FileFolder-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>「ファイル」と<ruby>聞<rt>き</rt></ruby>くと、プリントを<ruby>入<rt>い</rt></ruby>れる「プラスチックの<ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>」を<ruby>思<rt>おも</rt></ruby>いうかべるかもしれませんね。</p>
<p>でも、パソコンの<ruby>世界<rt>せかい</rt></ruby>では、<ruby>文房具<rt>ぶんぼうぐ</rt></ruby>のファイルとはぜんぜん<ruby>意味<rt>いみ</rt></ruby>がちがいます。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>文房具<rt>ぶんぼうぐ</rt></ruby>のファイル 　＝ プリントを<ruby>入<rt>い</rt></ruby>れる「<ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>」</li>
<li>パソコンのファイル ＝ プリントの「<ruby>中身<rt>なかみ</rt></ruby>（データ）」そのもの</li>
</ul>
</div>
<p>では、パソコンの“<ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>”は<ruby>何<rt>なに</rt></ruby>かというと…それが「フォルダ」です。</p>
<p>フォルダには、たくさんのファイルをまとめて<ruby>入<rt>い</rt></ruby>れておけます。</p>
<p><ruby>最初<rt>さいしょ</rt></ruby>は「え？<ruby>逆<rt>ぎゃく</rt></ruby>なの？」とびっくりするかもしれませんが、<ruby>中身<rt>なかみ</rt></ruby>＝ファイル、<ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>＝フォルダと<ruby>覚<rt>おぼ</rt></ruby>えてしまえば、どんなパソコンでも<ruby>迷<rt>まよ</rt></ruby>わなくなります。</p>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、ファイルとフォルダのちがいを、ていねいに<ruby>解説<rt>かいせつ</rt></ruby>していきます。</p>
<p>&nbsp;</p>
<h2><span id="toc1">ファイルとフォルダのちがい</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder01.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder01.png" alt="ファイルとフォルダの違い" width="800" height="450" class="aligncenter size-full wp-image-8029" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder01.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder01-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>パソコンやタブレットを<ruby>使<rt>つか</rt></ruby>いこなすために、まずはこの<ruby>言葉<rt>ことば</rt></ruby>のセットを<ruby>覚<rt>おぼ</rt></ruby>えましょう。</p>
<div class="blank-box bb-blue">
<ul>
<li>ファイル ＝ <ruby>中身<rt>なかみ</rt></ruby>（データ）</li>
<li>フォルダ ＝ <ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>（しまう<ruby>場所<rt>ばしょ</rt></ruby>）</li>
</ul>
</div>
<p>これがわかれば、パソコンの<ruby>中<rt>なか</rt></ruby>をきれいに<ruby>整理<rt>せいり</rt></ruby><ruby>整頓<rt>せいとん</rt></ruby>できるようになるための<ruby>第一歩<rt>だいいっぽ</rt></ruby>です。</p>
<p>&nbsp;</p>
<h3><span id="toc2">パソコンの「ファイル」は“中身”のこと</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder02.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder02.png" alt="ファイルと拡張子" width="800" height="450" class="aligncenter size-full wp-image-8030" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder02.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder02-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>ファイル</b></span>とは、「ひとまとまりのデータ」のこと。</p>
<p><span class="marker-under-red">パソコンで<ruby>絵<rt>え</rt></ruby>をかいたり、<ruby>文章<rt>ぶんしょう</rt></ruby>を<ruby>書<rt>か</rt></ruby>いたりして<ruby>保存<rt>ほぞん</rt></ruby>したときの<ruby>基本的<rt>きほんてき</rt></ruby>な<ruby>単位<rt>たんい</rt></ruby></span>です。</p>
<p>ファイル（file）は<ruby>英語<rt>えいご</rt></ruby>で「<ruby>書類<rt>しょるい</rt></ruby>」という<ruby>意<rt>い</rt></ruby><ruby>味<rt>あじ</rt></ruby>があります。 パソコンの「ファイル」は、その<ruby>名<rt>な</rt></ruby>の<ruby>通<rt>とお</rt></ruby>りデジタルな<ruby>書類<rt>しょるい</rt></ruby>やノートそのものを<ruby>指<rt>さ</rt></ruby>します。</p>
<p>ファイルの<ruby>例<rt>れい</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>絵<rt>え</rt></ruby>　→ <ruby>画像<rt>がぞう</rt></ruby>ファイル</li>
<li><ruby>文章<rt>ぶんしょう</rt></ruby>　→ テキストファイル</li>
<li><ruby>音楽<rt>おんがく</rt></ruby>　→ <ruby>音声<rt>おんせい</rt></ruby>ファイル</li>
<li>Scratchの<ruby>作品<rt>さくひん</rt></ruby>　→ プロジェクトファイル</li>
</ul>
</div>
<p>&nbsp;</p>
<h4>【まめちしき】ファイルの種類を見分ける「拡張子」</h4>
<p>ファイル<ruby>名<rt>めい</rt></ruby>の<ruby>最後<rt>さいご</rt></ruby>にある「.（ピリオド）」に<ruby>続<rt>つづ</rt></ruby>く<ruby>英数字<rt>えいすうじ</rt></ruby>を<span style="color: #ff6600;"><b>拡張子（かくちょうし）</b></span>と<ruby>呼<rt>よ</rt></ruby>びます。</p>
<p>これは<span class="marker-under-red">ファイルの<ruby>種類<rt>しゅるい</rt></ruby>を<ruby>教<rt>おし</rt></ruby>えてくれる「<ruby>目印<rt>めじるし</rt></ruby>」</span>です。</p>
<p><ruby>拡張子<rt>かくちょうし</rt></ruby><span>の</span><ruby>例<rt>れい</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li>txt … テキストファイル（<ruby>メモ<rt>めも</rt></ruby><ruby>帳<rt>ちょう</rt></ruby>など）</li>
<li>jpg、png … <ruby>画像<rt>がぞう</rt></ruby>ファイル（<ruby>写真<rt>しゃしん</rt></ruby>や<ruby>絵<rt>え</rt></ruby>）</li>
<li>mp3 … <ruby>音声<rt>おんせい</rt></ruby>ファイル（<ruby>音楽<rt>おんがく</rt></ruby>）</li>
<li>mp4 … <ruby>動画<rt>どうが</rt></ruby>ファイル</li>
<li>sb3 … Scratchの<ruby>作品<rt>さくひん</rt></ruby>ファイル</li>
</ul>
</div>
<p>この<ruby>目印<rt>めじるし</rt></ruby>があるおかげで、パソコンは「これは<ruby>絵<rt>え</rt></ruby>だから、このアプリで<ruby>開<rt>ひら</rt></ruby>こう！」と<ruby>自動<rt>じどう</rt></ruby>で<ruby>判断<rt>はんだん</rt></ruby>できます。</p>
<p>&nbsp;</p>
<h3><span id="toc3">パソコンの「フォルダ」は“入れ物”のこと</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder03.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder03.png" alt="フォルダ" width="800" height="450" class="aligncenter size-full wp-image-8031" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder03.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><span style="color: #ff6600;"><b>フォルダ</b></span>とは、ファイルを<ruby>整理<rt>せいり</rt></ruby>するための「<ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>」です。</p>
<p>フォルダ(folder)は<ruby>英語<rt>えいご</rt></ruby>で「<ruby>紙<rt>かみ</rt></ruby>ばさみ」という<ruby>意味<rt>いみ</rt></ruby>。<ruby>文房具<rt>ぶんぼうぐ</rt></ruby>でいうクリアファイルやバインダーのような<ruby>役割<rt>やくわり</rt></ruby>です。</p>
<p>フォルダには<ruby>名前<rt>なまえ</rt></ruby>をつけることができ、<span class="marker-under-red">たくさんのファイルをある<ruby>共通点<rt>きょうつうてん</rt></ruby>ごとに<ruby>仕分<rt>しわ</rt></ruby>けして<ruby>管理<rt>かんり</rt></ruby></span>しやすくできます。</p>
<p>フォルダには<ruby>自由<rt>じゆう</rt></ruby>に<ruby>名前<rt>なまえ</rt></ruby>をつけることができます。<br />
また、フォルダの<ruby>中<rt>なか</rt></ruby>に さらに<ruby>別<rt>べつ</rt></ruby>のフォルダ（サブフォルダ）を<ruby>作<rt>つく</rt></ruby>ることもできます。</p>
<p>&nbsp;</p>
<h2><span id="toc4">どうしてフォルダが必要なの？</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder04.jpg"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder04.jpg" alt="" width="800" height="450" class="aligncenter size-full wp-image-8032" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder04.jpg 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder04-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>もしフォルダがなかったら、パソコンの<ruby>中<rt>なか</rt></ruby>はすぐに<ruby>散<rt>ち</rt></ruby>らかってしまいます。</p>
<p>それはまるで、<ruby>机<rt>つくえ</rt></ruby>の<ruby>上<rt>うえ</rt></ruby>に<ruby>何<rt>なに</rt></ruby>百<ruby>枚<rt>まい</rt></ruby>ものプリントを<ruby>出<rt>だ</rt></ruby>しっぱなしにしている<ruby>状態<rt>じょうたい</rt></ruby>と<ruby>同<rt>おな</rt></ruby>じです。</p>
<p><ruby>宿題<rt>しゅくだい</rt></ruby>、<ruby>図工<rt>ずこう</rt></ruby>の<ruby>絵<rt>え</rt></ruby>、ゲームのスクリーンショット……<ruby>全部<rt>ぜんぶ</rt></ruby>がバラバラに<ruby>並<rt>なら</rt></ruby>んでいたら、<ruby>後<rt>あと</rt></ruby>から<ruby>探<rt>さが</rt></ruby>すのが<ruby>大変<rt>たいへん</rt></ruby>ですよね。</p>
<p>フォルダを<ruby>使<rt>つか</rt></ruby>って、</p>
<ul>
<li><ruby>写真<rt>しゃしん</rt></ruby>は「<ruby>写真<rt>しゃしん</rt></ruby>フォルダ」へ</li>
<li>Scratchは「<ruby>作品<rt>さくひん</rt></ruby>フォルダ」へ</li>
<li><ruby>宿題<rt>しゅくだい</rt></ruby>は「<ruby>勉強<rt>べんきょう</rt></ruby>フォルダ」へ</li>
</ul>
<p>というふうに<ruby>分<rt>わ</rt></ruby>けておけば、<ruby>次<rt>つぎ</rt></ruby>に<ruby>使<rt>つか</rt></ruby>いたいときにすぐに<ruby>見<rt>み</rt></ruby>つけることができて、<ruby>作業<rt>さぎょう</rt></ruby>がとても<ruby>楽<rt>らく</rt></ruby>になります。</p>
<p>&nbsp;</p>
<h2><span id="toc5">フォルダで整理してみよう（考え方の練習）</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder05.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder05.png" alt="フォルダ整理" width="800" height="450" class="aligncenter size-full wp-image-8033" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder05.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>どんなふうにフォルダを<ruby>分<rt>わ</rt></ruby>けると<ruby>便利<rt>べんり</rt></ruby>か、<ruby>例<rt>れい</rt></ruby>を<ruby>見<rt>み</rt></ruby>てみましょう。</p>
<p><ruby>写真<rt>しゃしん</rt></ruby>：「いつ」で<ruby>分<rt>わ</rt></ruby>ける</p>
<div class="blank-box bb-green"><ruby>写真<rt>しゃしん</rt></ruby><br />
┗ 2024<br />
┗ 2025<br />
┗ 2026</div>
<p><ruby>宿題<rt>しゅくだい</rt></ruby>：<ruby>状態<rt>じょうたい</rt></ruby>で<ruby>分<rt>わ</rt></ruby>ける</p>
<div class="blank-box bb-green"><ruby>宿題<rt>しゅくだい</rt></ruby><br />
┗ 01_これから<br />
┗ 02_いまやってる<br />
┗ 03_おわった！</div>
<p><ruby>勉強<rt>べんきょう</rt></ruby>：<ruby>教科<rt>きょうか</rt></ruby>で<ruby>分<rt>わ</rt></ruby>ける</p>
<div class="blank-box bb-green"><ruby>勉強<rt>べんきょう</rt></ruby><br />
┗ 01_<ruby>算数<rt>さんすう</rt></ruby><br />
┗ 02_<ruby>国語<rt>こくご</rt></ruby><br />
┗ 03_<ruby>英語<rt>えいご</rt></ruby></div>
<p><ruby>自分<rt>じぶん</rt></ruby>が「どうやって<ruby>探<rt>さが</rt></ruby>すのが<ruby>一番<rt>いちばん</rt></ruby><ruby>早<rt>はや</rt></ruby>いかな？」と<ruby>考<rt>かんが</rt></ruby>えて、<ruby>共通点<rt>きょうつうてん</rt></ruby>を<ruby>見<rt>み</rt></ruby>つけてみましょう。</p>
<p>&nbsp;</p>
<h2><span id="toc6">フォルダを作ってみよう！（Windows 11の場合）</span></h2>
<p><ruby>実際<rt>じっさい</rt></ruby>にWindows 11でフォルダを<ruby>作<rt>つく</rt></ruby>り、ファイルを<ruby>入<rt>い</rt></ruby>れる<ruby>手順<rt>てじゅん</rt></ruby>です。</p>
<p>1.フォルダ（エクスプローラー）を<ruby>開<rt>ひら</rt></ruby>く</p>
<p>タスクバーにある、<ruby>黄色<rt>きいろ</rt></ruby>いフォルダのアイコンをクリックします。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder06.jpg"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder06.jpg" alt="エクスプローラーを開く" width="800" height="450" class="aligncenter size-full wp-image-8034" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder06.jpg 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder06-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<p>2.<ruby>新<rt>あたら</rt></ruby>しいフォルダを<ruby>作<rt>つく</rt></ruby>る</p>
<p><ruby>画面<rt>がめん</rt></ruby>の<ruby>上<rt>うえ</rt></ruby>の<ruby>方<rt>ほう</rt></ruby>にある「<ruby>新規<rt>しんき</rt></ruby><ruby>作成<rt>さくせい</rt></ruby>」をクリックし、「フォルダー」を<ruby>選<rt>えら</rt></ruby>びます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder07.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder07.png" alt="新しいフォルダを作る" width="800" height="450" class="aligncenter size-full wp-image-8035" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder07.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>何<rt>なに</rt></ruby>もないところで<ruby>右<rt>みぎ</rt></ruby>クリックして、「<ruby>新規<rt>しんき</rt></ruby><ruby>作成<rt>さくせい</rt></ruby>」→「フォルダー」でもOK。</p>
<p>&nbsp;</p>
<p>3.フォルダに<ruby>名前<rt>なまえ</rt></ruby>をつける</p>
<p><ruby>新<rt>あたら</rt></ruby>しいフォルダができると、<ruby>名前<rt>なまえ</rt></ruby>が<ruby>青<rt>あお</rt></ruby>くなります。<br />
そのまま、<ruby>好<rt>す</rt></ruby>きな<ruby>名前<rt>なまえ</rt></ruby>を<ruby>入力<rt>にゅうりょく</rt></ruby>しましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder08.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder08.png" alt="フォルダに名前をつける" width="800" height="450" class="aligncenter size-full wp-image-8036" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder08.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>名前<rt>なまえ</rt></ruby>を<ruby>変<rt>か</rt></ruby>えたいときは、<br />
・フォルダの<ruby>名前<rt>なまえ</rt></ruby>をクリックして、もう<ruby>一度<rt>いちど</rt></ruby>クリック<br />
・フォルダを<ruby>右<rt>みぎ</rt></ruby>クリック →「<ruby>名前<rt>なまえ</rt></ruby>の<ruby>変更<rt>へんこう</rt></ruby>」</p>
<p>どちらでもOKです。</p>
<p>&nbsp;</p>
<p>4.ファイルをフォルダに<ruby>入<rt>い</rt></ruby>れる</p>
<p><ruby>入<rt>い</rt></ruby>れたいファイルを、フォルダのアイコンの<ruby>上<rt>うえ</rt></ruby>までマウスでズルズルと<ruby>引<rt>ひ</rt></ruby>っ<ruby>張<rt>ぱ</rt></ruby>って（ドラッグして）はなします。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder09.jpg"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder09.jpg" alt="ファイルをフォルダに入れる" width="800" height="450" class="aligncenter size-full wp-image-8037" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder09.jpg 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder09-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ほかにも、<br />
①ファイルを<ruby>右<rt>みぎ</rt></ruby>クリック →「<ruby>切<rt>き</rt></ruby>り<ruby>取<rt>と</rt></ruby>り」<br />
②フォルダの<ruby>中<rt>なか</rt></ruby>で<ruby>右<rt>みぎ</rt></ruby>クリック →「<ruby>貼<rt>は</rt></ruby>り<ruby>付<rt>つ</rt></ruby>け」<br />
という<ruby>方法<rt>ほうほう</rt></ruby>もあります。</p>
<p>&nbsp;</p>
<p>5.いらないものはゴミ<ruby>箱<rt>ばこ</rt></ruby>へ</p>
<p>いらないファイルやフォルダは、ファイルをクリックして<ruby>選択<rt>せんたく</rt></ruby>し「delete」キーでゴミ<ruby>箱<rt>ばこ</rt></ruby>へ。</p>
<p><ruby>右<rt>みぎ</rt></ruby>クリックして「ゴミ<ruby>箱<rt>ばこ</rt></ruby>のアイコン（<ruby>削除<rt>さくじょ</rt></ruby>）」でもOKです。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder10.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder10.png" alt="右クリックメニュー" width="800" height="450" class="aligncenter size-full wp-image-8038" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder10.png 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder10-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-tips bb-blue">ゴミ<ruby>箱<rt>ばこ</rt></ruby>に<ruby>入<rt>い</rt></ruby>れただけでは、まだパソコンの<ruby>中<rt>なか</rt></ruby>に<ruby>残<rt>のこ</rt></ruby>っています。<ruby>本当<rt>ほんとう</rt></ruby>に<ruby>消<rt>け</rt></ruby>したいときはゴミ<ruby>箱<rt>ばこ</rt></ruby>を<ruby>空<rt>から</rt></ruby>にしましょう。</div>
<p>&nbsp;</p>
<h2><span id="toc7">ファイル整理が上手になる4つのコツ</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/file-folder11.jpg"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/file-folder11.jpg" alt="" width="800" height="450" class="aligncenter size-full wp-image-8039" srcset="https://living-maou.com/wp-content/uploads/2020/02/file-folder11.jpg 800w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2020/02/file-folder11-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3><span id="toc8">デスクトップにたくさん置かない</span></h3>
<p>パソコンの<ruby>最初<rt>さいしょ</rt></ruby>の<ruby>画面<rt>がめん</rt></ruby>（デスクトップ）は「<ruby>机<rt>つくえ</rt></ruby>の<ruby>上<rt>うえ</rt></ruby>」と<ruby>同<rt>おな</rt></ruby>じです。<br />
ここに<ruby>何<rt>なん</rt></ruby>でも<ruby>置<rt>お</rt></ruby>くと<ruby>作業<rt>さぎょう</rt></ruby>がしにくくなります。</p>
<p><ruby>使<rt>つか</rt></ruby>い<ruby>終<rt>お</rt></ruby>わったらフォルダにしまいましょう。</p>
<p>&nbsp;</p>
<h3><span id="toc9">名前のルールを決めよう</span></h3>
<p><ruby>名前<rt>なまえ</rt></ruby>がテキトーだと、<ruby>中身<rt>なかみ</rt></ruby>が<ruby>分<rt>わ</rt></ruby>からなくなります。</p>
<p><ruby>名前<rt>なまえ</rt></ruby>をつけるルールを<ruby>決<rt>き</rt></ruby>めておくと、<ruby>後<rt>あと</rt></ruby>で<ruby>探<rt>さが</rt></ruby>すのが<ruby>楽<rt>らく</rt></ruby>になります。</p>
<p><ruby>例<rt>れい</rt></ruby></p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>日付<rt>ひづけ</rt></ruby>を<ruby>入<rt>い</rt></ruby>れる　　：20250615-<ruby>算数<rt>さんすう</rt></ruby></li>
<li><ruby>大事<rt>だいじ</rt></ruby>なことを<ruby>先<rt>さき</rt></ruby>に：【<ruby>提出<rt>ていしゅつ</rt></ruby><ruby>済<rt>ずみ</rt></ruby>】<ruby>作文<rt>さくぶん</rt></ruby></li>
<li><ruby>番号<rt>ばんごう</rt></ruby>をつける　　：Scratch<ruby>作品<rt>さくひん</rt></ruby>-01</li>
</ul>
</div>
<p>&nbsp;</p>
<h3><span id="toc10">フォルダを深くしすぎない</span></h3>
<p>「フォルダの<ruby>中<rt>なか</rt></ruby>の、フォルダの<ruby>中<rt>なか</rt></ruby>の、そのまたフォルダ……」と<ruby>深<rt>ふか</rt></ruby>くしすぎると、クリックするのが<ruby>大変<rt>たいへん</rt></ruby>です。</p>
<p>3<ruby>回<rt>かい</rt></ruby>くらいのクリックで<ruby>見<rt>み</rt></ruby>つかるのが<ruby>理想<rt>りそう</rt></ruby>。</p>
<p>&nbsp;</p>
<h3><span id="toc11">ためこまない</span></h3>
<p><ruby>使<rt>つか</rt></ruby>わなくなったファイルは、<ruby>学期末<rt>がっきまつ</rt></ruby>や<ruby>長<rt>なが</rt></ruby>い<ruby>休<rt>やす</rt></ruby>みのときに<ruby>見直<rt>みなお</rt></ruby>して、ゴミ<ruby>箱<rt>ばこ</rt></ruby>へ<ruby>入<rt>い</rt></ruby>れるクセをつけましょう。</p>
<p>&nbsp;</p>
<h2><span id="toc12">まとめ</span></h2>
<div class="blank-box bb-blue">
<ul>
<li>ファイル ＝ <ruby>中身<rt>なかみ</rt></ruby>（データ）</li>
<li>フォルダ ＝ <ruby>入<rt>い</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>（しまう<ruby>場所<rt>ばしょ</rt></ruby>）</li>
</ul>
</div>
<p>ファイル<ruby>整理<rt>せいり</rt></ruby>の<ruby>合言葉<rt>あいことば</rt></ruby>は、「<ruby>未来<rt>みらい</rt></ruby>の<ruby>自分<rt>じぶん</rt></ruby>がラクになるように」です。</p>
<p><ruby>最初<rt>さいしょ</rt></ruby>から<ruby>完璧<rt>かんぺき</rt></ruby>にしようと<ruby>思<rt>おも</rt></ruby>わなくて<ruby>大丈夫<rt>だいじょうぶ</rt></ruby>。</p>
<p><ruby>少<rt>すこ</rt></ruby>しずつ、<ruby>自分<rt>じぶん</rt></ruby>だけの<ruby>使<rt>つか</rt></ruby>いやすいルールを<ruby>作<rt>つく</rt></ruby>っていってくださいね。</p>
<p>&nbsp;</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/computer-composition/" title="【子ども向け】コンピュータのしくみを分かりやすく解説（五大装置）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer.jpg 800w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】コンピュータのしくみを分かりやすく解説（五大装置）</div><div class="blogcard-snippet internal-blogcard-snippet">コンピュータのしくみについて解説。【リビングの魔王】では小学生のお子さんにも分かりやすいよう図解を使いつつ、コンピュータを構成する五大装置について丁寧に紹介します。子どもにパソコンやコンピュータのしくみを教える時の参考にしてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】図をながめるだけでも理解が進みます！／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"コンピューターってどんなしくみ?: デジタルテクノロジーやインターネットの世界を超図解 (子供の科学★ミライサイエンス)","b":"","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51lOb7mJigL._SL500_.jpg","/51CB0whYvXL._SL500_.jpg","/51vdz1SAUIL._SL500_.jpg","/51srSZY1N6L._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4416518064","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4416518064","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"7qde0","s":"s"});
</script>
<div id="msmaflink-7qde0">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/filefolder/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】論理演算（かつ・または・ではない）とは？Scratchを使ってわかりやすく解説</title>
		<link>https://living-maou.com/scratch-logicaloperation/</link>
					<comments>https://living-maou.com/scratch-logicaloperation/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Fri, 01 Oct 2021 04:50:27 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=2621</guid>

					<description><![CDATA[プログラミングをしていると、「もし～ならどうする？」という判断はんだんがたくさん出でてきます。 たとえば、 ボタンをおしたら動うごく ぶつかったら止とまる スコアが10以上いじょうになったらクリア のように、「条件じょう [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2622" src="https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation.jpg 800w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/09/eyecatch-LogicalOperation-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>プログラミングをしていると、「<b>もし～ならどうする？</b>」という<ruby>判断<rt>はんだん</rt></ruby>がたくさん<ruby>出<rt>で</rt></ruby>てきます。</p>
<p>たとえば、</p>
<ul>
<li>ボタンをおしたら<ruby>動<rt>うご</rt></ruby>く</li>
<li>ぶつかったら<ruby>止<rt>と</rt></ruby>まる</li>
<li>スコアが10<ruby>以上<rt>いじょう</rt></ruby>になったらクリア</li>
</ul>
<p>のように、「<b><ruby>条件<rt>じょうけん</rt></ruby></b>」によって<ruby>動<rt>うご</rt></ruby>きを<ruby>変<rt>か</rt></ruby>える<ruby>必要<rt>ひつよう</rt></ruby>があります。</p>
<p>&nbsp;</p>
<p>でも、<ruby>条件<rt>じょうけん</rt></ruby>が2つ<ruby>以上<rt>いじょう</rt></ruby>になると、</p>
<ul>
<li>こっちも、あっちも…どう<ruby>考<rt>かんが</rt></ruby>えればいいの？</li>
<li>「かつ」「または」「ではない」って<ruby>出<rt>で</rt></ruby>てきたけど、これっていったい<ruby>何<rt>なに</rt></ruby>？</li>
<li><ruby>言葉<rt>ことば</rt></ruby>の<ruby>意味<rt>いみ</rt></ruby>がにていて<ruby>混乱<rt>こんらん</rt></ruby>する</li>
</ul>
<p>と なやむことが あるかもしれません。</p>
<p>&nbsp;</p>
<p>そこで、この<ruby>記事<rt>きじ</rt></ruby>では<span style="color: #ff6600;"><b>論理演算（ろんりえんざん）</b></span>の<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>を、むずかしい<ruby>言葉<rt>ことば</rt></ruby>をできるだけ<ruby>使<rt>つか</rt></ruby>わずに<ruby>説明<rt>せつめい</rt></ruby>します。</p>
<p><ruby>論理<rt>ろんり</rt></ruby><ruby>演算<rt>えんざん</rt></ruby>は、</p>
<div class="blank-box bb-blue">
<ul>
<li><b><ruby>真<rt>しん</rt></ruby>（true） </b>＝はい・<ruby>正<rt>ただ</rt></ruby>しい</li>
<li><b><ruby>偽<rt>にせ</rt></ruby>（false）</b>＝いいえ・<ruby>正<rt>ただ</rt></ruby>しくない</li>
</ul>
</div>
<p>のどちらかで<ruby>考<rt>かんが</rt></ruby>えて、<ruby>物事<rt>ものごと</rt></ruby>を<ruby>決<rt>き</rt></ruby>めたり <ruby>考<rt>かんが</rt></ruby>えたりする<ruby>方法<rt>ほうほう</rt></ruby>です。</p>
<p>「<b>かつ（AND）</b>」「<b>または（OR）</b>」「<b>ではない（NOT）</b>」これら3つのルールを<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせることで、プログラムに「どんなときに<ruby>動<rt>うご</rt></ruby>くのか」「どんなときは<ruby>動<rt>うご</rt></ruby>かないのか」を、<ruby>伝<rt>つた</rt></ruby>えることができます。</p>
<p>&nbsp;</p>
<p>スクラッチで<ruby>例<rt>れい</rt></ruby>をあげながら、ひとつずつ<ruby>説明<rt>せつめい</rt></ruby>していくので、<ruby>安心<rt>あんしん</rt></ruby>して<ruby>読<rt>よ</rt></ruby>み<ruby>進<rt>すす</rt></ruby>めてくださいね。（MakeCodeなど<ruby>他<rt>ほか</rt></ruby>の<ruby>言語<rt>げんご</rt></ruby>でも<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>は<ruby>同<rt>おな</rt></ruby>じです）</p>
<p>&nbsp;</p>
<h2 id="true"><span id="toc1">真(true) と 偽(false)とは</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2623" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08.png" alt="真偽ブロック" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08.png 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>プログラミングでは、ものごとを「はい」「いいえ」で<ruby>判断<rt>はんだん</rt></ruby>するときに、</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>真<rt>しん</rt></ruby>（true）</li>
<li><ruby>偽<rt>ぎ</rt></ruby>（false）</li>
</ul>
</div>
<p>という2つの<ruby>値<rt>あたい</rt></ruby>を<ruby>使<rt>つか</rt></ruby>います。</p>
<p><span class="marker-under-red">「はい／いいえ」をそのまま<ruby>表<rt>あらわ</rt></ruby>す<ruby>値<rt>あたい</rt></ruby></span>だと<ruby>考<rt>かんが</rt></ruby>えると、イメージしやすいです。</p>
<p>&nbsp;</p>
<p>たとえば、</p>
<ul>
<li>「<ruby>今<rt>いま</rt></ruby>、<ruby>雨<rt>あめ</rt></ruby>がふっている？」 → ふっていれば<ruby>真<rt>しん</rt></ruby>、ふっていなければ<ruby>偽<rt>ぎ</rt></ruby></li>
<li>「<ruby>宿題<rt>しゅくだい</rt></ruby>をおわらせた？」 → おわっていれば<ruby>真<rt>しん</rt></ruby>、まだなら<ruby>偽<rt>ぎ</rt></ruby></li>
</ul>
<p>というように、<span class="marker-under-red">きかれたことが「<ruby>正<rt>ただ</rt></ruby>しいかどうか」を<ruby>判断<rt>はんだん</rt></ruby></span>して<ruby>使<rt>つか</rt></ruby>います。</p>
<p>&nbsp;</p>
<p>スクラッチでは、この「<ruby>真<rt>しん</rt></ruby>」か「<ruby>偽<rt>ぎ</rt></ruby>」かを<ruby>返<rt>かえ</rt></ruby>すブロックが<ruby>六角形<rt>ろっかくけい</rt></ruby>になっていて、「<b><ruby>真偽<rt>しんぎ</rt></ruby>ブロック</b>」と<ruby>呼<rt>よ</rt></ruby>ばれます。<br />
MakeCodeでも<ruby>真偽<rt>しんぎ</rt></ruby>ブロックは<ruby>六角形<rt>ろっかくけい</rt></ruby>になっています。</p>
<p>&nbsp;</p>
<h2><span id="toc2">論理演算 3つのルール</span></h2>
<p><ruby>論理<rt>ろんり</rt></ruby><ruby>演算<rt>えんざん</rt></ruby>には、<ruby>特<rt>とく</rt></ruby>に<ruby>大事<rt>だいじ</rt></ruby>な3つのルールがあります。</p>
<div class="blank-box bb-blue">
<ul>
<li>かつ（AND）　　：<ruby>両方<rt>りょうほう</rt></ruby>とも<ruby>正<rt>ただ</rt></ruby>しいときだけ、<ruby>結果<rt>けっか</rt></ruby>も<ruby>正<rt>ただ</rt></ruby>しい</li>
<li>または（OR）　 ：どちらか<ruby>一<rt>ひと</rt></ruby>つでも<ruby>正<rt>ただ</rt></ruby>しければ、<ruby>結果<rt>けっか</rt></ruby>は<ruby>正<rt>ただ</rt></ruby>しい</li>
<li>ではない（NOT）：<ruby>反対<rt>はんたい</rt></ruby>の<ruby>意味<rt>いみ</rt></ruby>にひっくり<ruby>返<rt>かえ</rt></ruby>す</li>
</ul>
</div>
<p>では、ひとつずつ<ruby>説明<rt>せつめい</rt></ruby>していきます。</p>
<p>&nbsp;</p>
<h2 id="and"><span id="toc3">かつ … AND（論理積）</span></h2>
<p>「<span style="color: #ff6600;"><b>かつ(AND)</b></span>」は、2つのことが <span class="marker-under-red">どちらも<ruby>真<rt>しん</rt></ruby>だったときにだけ OK（<ruby>真<rt>しん</rt></ruby>）になる</span><ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2625" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01.jpg" alt="論理演算 AND" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01.jpg 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3><span id="toc4">両方とも真の場合のみ、結果は真</span></h3>
<p>たとえば、</p>
<ul>
<li>「<ruby>雨<rt>あめ</rt></ruby>がふっている <b>かつ</b> <ruby>寒<rt>さむ</rt></ruby>い」</li>
<li>「<ruby>宿題<rt>しゅくだい</rt></ruby>ができている <b>かつ</b> お<ruby>手伝<rt>てつだ</rt></ruby>いもした」</li>
</ul>
<p>この2つのことが<ruby>両方<rt>りょうほう</rt></ruby>ほんとう（<ruby>真<rt>しん</rt></ruby>）なら、<ruby>結果<rt>けっか</rt></ruby>も<ruby>真<rt>しん</rt></ruby>になります。<br />
どちらかひとつでも できていなかったら<ruby>偽<rt>ぎ</rt></ruby>です。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<th style="width: 20%;">A</th>
<th style="width: 20%;">B</th>
<th style="width: 20%;">A かつ B</th>
</tr>
<tr>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
</tr>
</tbody>
</table></div>
<p><ruby>上<rt>うえ</rt></ruby>の<ruby>表<rt>ひょう</rt></ruby>は<b><ruby>真理値表<rt>しんりちひょう</rt></ruby></b>といいます。<ruby>条件<rt>じょうけん</rt></ruby>の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせと<ruby>結果<rt>けっか</rt></ruby>をまとめたものです。</p>
<p>&nbsp;</p>
<h3><span id="toc5">「かつ」ブロックの使用例</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2624" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05.png" alt="Scratch かつブロック" width="800" height="675" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05.png 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05-500x422.png 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05-300x253.png 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation05-768x648.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ネコのスプライトをクリックしたとき、ネコが「<ruby>赤<rt>あか</rt></ruby>」と「<ruby>黒<rt>くろ</rt></ruby>」のどちらにもふれているなら「おはよう！」と<ruby>言<rt>い</rt></ruby>うプログラムです。</p>
<p><span style="color: #40bf4a;"><b>「かつ」</b></span>ブロックは、2つの<ruby>条件<rt>じょうけん</rt></ruby>の<ruby>両方<rt>りょうほう</rt></ruby>が<ruby>真<rt>しん</rt></ruby>なら <ruby>真<rt>しん</rt></ruby>を<ruby>返<rt>かえ</rt></ruby>し、それ<ruby>以外<rt>いがい</rt></ruby>の<ruby>場合<rt>ばあい</rt></ruby>は <ruby>偽<rt>ぎ</rt></ruby>を<ruby>返<rt>かえ</rt></ruby>します。</p>
<p>そして<span style="color: #ffab19;"><b>「もし～なら」</b></span>は、<ruby>条件<rt>じょうけん</rt></ruby>（～の<ruby>部分<rt>ぶぶん</rt></ruby>）が<ruby>真<rt>しん</rt></ruby>のときに<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>を<ruby>動<rt>うご</rt></ruby>かすブロックです。</p>
<p>つまり、</p>
<div class="blank-box bb-blue">
<ol>
<li><ruby>赤<rt>あか</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた？ → はい（<b><ruby>真<rt>しん</rt></ruby></b>）</li>
<li><ruby>黒<rt>ぐろ</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた？ → はい（<b><ruby>真<rt>しん</rt></ruby></b>）</li>
<li>「<ruby>赤<rt>あか</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた（<b><ruby>真<rt>しん</rt></ruby></b>）」 <b>かつ</b> 「<ruby>黒<rt>くろ</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた（<b><ruby>真<rt>しん</rt></ruby></b>）」 → はい（<b><ruby>真<rt>しん</rt></ruby></b>）</li>
<li>「もし～なら」ブロックの「～」の<ruby>部分<rt>ぶぶん</rt></ruby>が<b><ruby>真<rt>しん</rt></ruby></b>になるので、<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>（「おはよう！」と<ruby>言<rt>い</rt></ruby>う）が<ruby>動<rt>うご</rt></ruby>く</li>
</ol>
</div>
<p>という<ruby>流<rt>なが</rt></ruby>れになっています。</p>
<p>2つの「はい（<ruby>真<rt>しん</rt></ruby>）」がそろったときだけ<ruby>真<rt>しん</rt></ruby>になるので、ネコは「<ruby>赤<rt>あか</rt></ruby>だけ」「<ruby>黒<rt>くろ</rt></ruby>だけ」のときには<ruby>何<rt>なに</rt></ruby>も<ruby>言<rt>い</rt></ruby>わない、というわけです。</p>
<p>&nbsp;</p>
<h2 id="or"><span id="toc6">または … OR（論理和）</span></h2>
<p>「<span style="color: #ffab19;"><b>または(OR)</b></span>」は、<span class="marker-under-red">どちらか1つでも<ruby>真<rt>しん</rt></ruby>ならOK（<ruby>真<rt>しん</rt></ruby>）</span>！ という<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2626" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02.jpg" alt="論理演算 OR" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02.jpg 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation02-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3><span id="toc7">どちらかひとつでも真の場合、結果は真</span></h3>
<p>たとえば、</p>
<ul>
<li><ruby>晴<rt>は</rt></ruby>れ <b>または</b> くもりなら <ruby>運動会<rt>うんどうかい</rt></ruby>をやる</li>
<li>ぼうしかぶる <b>または</b> <ruby>日焼<rt>ひや</rt></ruby>け<ruby>止<rt>ど</rt></ruby>めをぬって <ruby>外出<rt>がいしゅつ</rt></ruby>する</li>
</ul>
<p>どちらかひとつでもできていれば<ruby>真<rt>しん</rt></ruby>です。<br />
<ruby>両方<rt>りょうほう</rt></ruby>できていないときだけ<ruby>偽<rt>ぎ</rt></ruby>になります。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<th style="width: 20%;">A</th>
<th style="width: 20%;">B</th>
<th style="width: 20%;">A または B</th>
</tr>
<tr>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
</tr>
</tbody>
</table></div>
<p>&nbsp;</p>
<h3><span id="toc8">「または」ブロックの使用例</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2627" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06.png" alt="Scratch またはブロック" width="800" height="675" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06.png 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06-500x422.png 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06-300x253.png 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation06-768x648.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ネコのスプライトをクリックしたとき、ネコが<ruby>赤<rt>あか</rt></ruby>または<ruby>黒<rt>くろ</rt></ruby>にふれているなら「こんにちは！」と<ruby>言<rt>い</rt></ruby>うプログラムです。</p>
<p><span style="color: #40bf4a;"><b>「または」</b></span>ブロックは、2つの<ruby>条件<rt>じょうけん</rt></ruby>のどちらかひとつでも<ruby>真<rt>しん</rt></ruby>なら、<ruby>真<rt>しん</rt></ruby>を<ruby>返<rt>かえ</rt></ruby>します。<br />
なので、ふれているのが「<ruby>赤<rt>あか</rt></ruby>だけ」「<ruby>黒<rt>くろ</rt></ruby>だけ」のときでも「こんにちは！」と<ruby>言<rt>い</rt></ruby>います。</p>
<p>&nbsp;</p>
<h2 id="not"><span id="toc9">ではない … NOT（否定）</span></h2>
<p>「<span style="color: #ffab19;"><b>ではない(NOT)</b></span>」は、<span class="marker-under-red"><ruby>真<rt>しん</rt></ruby>と<ruby>偽<rt>ぎ</rt></ruby>を<ruby>反対<rt>はんたい</rt></ruby>にする</span><ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2629" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03.jpg" alt="論理演算 NOT" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03.jpg 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation03-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3><span id="toc10">真なら偽に、偽なら真に</span></h3>
<ul>
<li>「ライトが<ruby>消<rt>き</rt></ruby>えている ではない」 → ライトがついている</li>
<li>「<ruby>雨<rt>あめ</rt></ruby>がふっている ではない」 　　→ <ruby>雨<rt>あめ</rt></ruby>はふっていない</li>
</ul>
<p>このように、<ruby>反対<rt>はんたい</rt></ruby>の<ruby>意味<rt>いみ</rt></ruby>になります。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<th style="width: 50%;">A</th>
<th>Aではない</th>
</tr>
<tr>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
</tr>
<tr>
<td align="center"><ruby>偽<rt>ぎ</rt></ruby></td>
<td align="center"><ruby>真<rt>しん</rt></ruby></td>
</tr>
</tbody>
</table></div>
<p>&nbsp;</p>
<h3><span id="toc11">「ではない」ブロックの使用例</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2628" src="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07.png" alt="Scratch ではない" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07.png 800w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2021/09/LogicalOperation07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ネコのスプライトをクリックしたとき、ネコが<ruby>赤<rt>あか</rt></ruby>にふれていないなら「こんばんは！」と<ruby>言<rt>い</rt></ruby>うプログラムです。</p>
<p><span style="color: #40bf4a;"><b>「ではない」</b></span>ブロックは、<ruby>値<rt>あたい</rt></ruby>をひっくり<ruby>返<rt>かえ</rt></ruby>す（<ruby>真<rt>しん</rt></ruby>⇔<ruby>偽<rt>ぎ</rt></ruby>を<ruby>入<rt>い</rt></ruby>れかえる）ブロックです。</p>
<p>つまり、</p>
<div class="blank-box bb-blue">
<ol>
<li><ruby>赤<rt>あか</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた？ → いいえ（<b><ruby>偽<rt>ぎ</rt></ruby></b>）</li>
<li>「<ruby>赤<rt>あか</rt></ruby>に<ruby>触<rt>ふ</rt></ruby>れた（<b><ruby>偽<rt>ぎ</rt></ruby></b>）」<b>ではない</b> → <b><ruby>偽<rt>ぎ</rt></ruby></b>の<ruby>反対<rt>はんたい</rt></ruby>なので <b><ruby>真<rt>しん</rt></ruby></b></li>
<li>「もし ～ なら」ブロックの「～」が<b><ruby>真<rt>しん</rt></ruby></b>になるので、<ruby>中<rt>なか</rt></ruby>の<ruby>処理<rt>しょり</rt></ruby>（「こんばんは！」と<ruby>言<rt>い</rt></ruby>う）が<ruby>動<rt>うご</rt></ruby>く</li>
</ol>
</div>
<p>という<ruby>流<rt>なが</rt></ruby>れになります。</p>
<p><ruby>赤<rt>あか</rt></ruby>にふれているときは「<ruby>赤<rt>あか</rt></ruby>にふれた？ → はい（<b><ruby>真<rt>しん</rt></ruby></b>）」となるので、<br />
<b><ruby>真<rt>しん</rt></ruby></b> <b>ではない</b> → <b><ruby>偽<rt>ぎ</rt></ruby></b>となり、ネコは<ruby>何<rt>なに</rt></ruby>も<ruby>言<rt>い</rt></ruby>いません。</p>
<p>&nbsp;</p>
<h2><span id="toc12">まとめ</span></h2>
<p><ruby>真<rt>しん</rt></ruby>（true）と<ruby>偽<rt>ぎ</rt></ruby>（false）という2つの<ruby>値<rt>あたい</rt></ruby>を<ruby>使<rt>つか</rt></ruby>って<ruby>判断<rt>はんだん</rt></ruby>するしくみを、<b><ruby>論理<rt>ろんり</rt></ruby><ruby>演算<rt>えんざん</rt></ruby></b>といいます。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>真<rt>しん</rt></ruby>・<ruby>偽<rt>にせ</rt></ruby> → はい・いいえ を<ruby>表<rt>あらわ</rt></ruby>す</li>
<li>かつ（AND）　　：<ruby>両方<rt>りょうほう</rt></ruby>とも<ruby>正<rt>ただ</rt></ruby>しいときだけ、<ruby>結果<rt>けっか</rt></ruby>も<ruby>正<rt>ただ</rt></ruby>しい</li>
<li>または（OR）　 ：どちらか<ruby>一<rt>ひと</rt></ruby>つでも<ruby>正<rt>ただ</rt></ruby>しければ、<ruby>結果<rt>けっか</rt></ruby>は<ruby>正<rt>ただ</rt></ruby>しい</li>
<li>ではない（NOT）：<ruby>反対<rt>はんたい</rt></ruby>の<ruby>意味<rt>いみ</rt></ruby>にひっくり<ruby>返<rt>かえ</rt></ruby>す</li>
</ul>
</div>
<p><ruby>最初<rt>さいしょ</rt></ruby>は<ruby>少<rt>すこ</rt></ruby>しむずかしく<ruby>見<rt>み</rt></ruby>えるかもしれませんが、じつは<ruby>生活<rt>せいかつ</rt></ruby>の<ruby>中<rt>なか</rt></ruby>でも<ruby>自然<rt>しぜん</rt></ruby>と<ruby>使<rt>つか</rt></ruby>っている<ruby>考<rt>かんが</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<p><ruby>論理<rt>ろんり</rt></ruby><ruby>演算<rt>えんざん</rt></ruby>がわかると、プログラムに「どんなときに<ruby>動<rt>うご</rt></ruby>くのか」をはっきり<ruby>伝<rt>つた</rt></ruby>えられるようになります。</p>
<p>たとえばゲームなら、</p>
<ul>
<li><ruby>敵<rt>てき</rt></ruby>にぶつかっていなくて、ジャンプボタンをおしたら</li>
<li>スコアが10<ruby>以上<rt>いじょう</rt></ruby>または<ruby>宝石<rt>ほうせき</rt></ruby>をゲットしたら</li>
</ul>
<p>…といったように、<ruby>思<rt>おも</rt></ruby>いどおりのルールや<ruby>動<rt>うご</rt></ruby>きを<ruby>作<rt>つく</rt></ruby>れるようになります。</p>
<p><ruby>少<rt>すこ</rt></ruby>しずつ<ruby>練習<rt>れんしゅう</rt></ruby>していけば、きっと<ruby>自分<rt>じぶん</rt></ruby>の<ruby>作品<rt>さくひん</rt></ruby>がもっとおもしろく、もっと<ruby>自由<rt>じゆう</rt></ruby>になりますよ。<br />
あせらず、一<ruby>歩<rt>ぽ</rt></ruby>ずつ<ruby>進<rt>すす</rt></ruby>んでいきましょう！</p>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】オールカラー総ルビで読みやすい／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"親子でかんたん スクラッチプログラミングの図鑑 【Scratch 3.0対応版】 (まなびのずかん)","b":"技術評論社","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51D5vV0leAL._SL500_.jpg","/51I9F+1TEQL._SL500_.jpg","/51BhVl7E-HL._SL500_.jpg","/51mPDG9lNkL._SL500_.jpg","/51ig1G7K9mL._SL500_.jpg","/51iVGFIcHAL._SL500_.jpg","/51jKaYAAWWL._SL500_.jpg","/51BBffxliAL._SL500_.jpg","/51Gune3oVaL._SL500_.jpg","/51D0HzQYQgL._SL500_.jpg","/51Bn9pLYgxL._SL500_.jpg","/51SvC5syNbL._SL500_.jpg","/41WZYSG3QeL._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4297106868","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4297106868","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":29,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E8%A6%AA%E5%AD%90%E3%81%A7%E3%81%8B%E3%82%93%E3%81%9F%E3%82%93%20%E3%82%B9%E3%82%AF%E3%83%A9%E3%83%83%E3%83%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E5%9B%B3%E9%91%91%20%E3%80%90Scratch%203.0%E5%AF%BE%E5%BF%9C%E7%89%88%E3%80%91%20(%E3%81%BE%E3%81%AA%E3%81%B3%E3%81%AE%E3%81%9A%E3%81%8B%E3%82%93)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":30,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E8%A6%AA%E5%AD%90%E3%81%A7%E3%81%8B%E3%82%93%E3%81%9F%E3%82%93%20%E3%82%B9%E3%82%AF%E3%83%A9%E3%83%83%E3%83%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E5%9B%B3%E9%91%91%20%E3%80%90Scratch%203.0%E5%AF%BE%E5%BF%9C%E7%89%88%E3%80%91%20(%E3%81%BE%E3%81%AA%E3%81%B3%E3%81%AE%E3%81%9A%E3%81%8B%E3%82%93)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"aGNaj","s":"s"});
</script>
<div id="msmaflink-aGNaj">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/scratch-logicaloperation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】データ量の単位「ビット」と「バイト」をわかりやすく解説</title>
		<link>https://living-maou.com/computer-bitbyte/</link>
					<comments>https://living-maou.com/computer-bitbyte/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Sat, 07 Aug 2021 07:48:05 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=2396</guid>

					<description><![CDATA[わたしたちがものの長ながさを測はかるのにメートル（m）を使つかったり、重おもさを測はかるのにグラム（g）を使つかうように、コンピュータがあつかうデータにも大おおきさを表あらわす単位たんいがあります。 でも、データは目めに [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte.jpg"><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-2397" src="https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-800x450.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte.jpg 800w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>わたしたちがものの<ruby>長<rt>なが</rt></ruby>さを<ruby>測<rt>はか</rt></ruby>るのにメートル（m）を<ruby>使<rt>つか</rt></ruby>ったり、<ruby>重<rt>おも</rt></ruby>さを<ruby>測<rt>はか</rt></ruby>るのにグラム（g）を<ruby>使<rt>つか</rt></ruby>うように、コンピュータがあつかうデータにも<ruby>大<rt>おお</rt></ruby>きさを<ruby>表<rt>あらわ</rt></ruby>す<ruby>単位<rt>たんい</rt></ruby>があります。</p>
<p>でも、データは<ruby>目<rt>め</rt></ruby>に<ruby>見<rt>み</rt></ruby>えないので、「<ruby>何<rt>なに</rt></ruby>に<ruby>使<rt>つか</rt></ruby>うの？」「どうして<ruby>必要<rt>ひつよう</rt></ruby>なの？」とイメージしにくいかもしれませんね。</p>
<p>そこでこの<ruby>記事<rt>きじ</rt></ruby>では、データ<ruby>量<rt>りょう</rt></ruby>（<ruby>情報<rt>じょうほう</rt></ruby><ruby>量<rt>りょう</rt></ruby>）の<ruby>単位<rt>たんい</rt></ruby>である <span style="color: #ff6600;"><b>ビット（bit）</b></span> と <span style="color: #ff6600;"><b>バイト（byte）</b></span> について、なるべくむずかしい<ruby>言葉<rt>ことば</rt></ruby>を<ruby>使<rt>つか</rt></ruby>わずにわかりやすく<ruby>説明<rt>せつめい</rt></ruby>します。</p>
<p>データの<ruby>大<rt>おお</rt></ruby>きさがわかると、こんなに<ruby>役<rt>やく</rt></ruby>に<ruby>立<rt>た</rt></ruby>つことがありますよ</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>写真<rt>しゃしん</rt></ruby>や<ruby>動画<rt>どうが</rt></ruby>がどれくらいの<ruby>大<rt>おお</rt></ruby>きさなのかイメージできる</li>
<li>ゲームのダウンロードに<ruby>何<rt>なん</rt></ruby>MB<ruby>必要<rt>ひつよう</rt></ruby>か<ruby>自分<rt>じぶん</rt></ruby>でチェックできる</li>
<li>「<ruby>容量<rt>ようりょう</rt></ruby>がいっぱいだ！」という<ruby>困<rt>こま</rt></ruby>ったときに、<ruby>自分<rt>じぶん</rt></ruby>で<ruby>原因<rt>げんいん</rt></ruby>がわかる</li>
</ul>
</div>
<p>さあ、コンピュータのデータの<ruby>単位<rt>たんい</rt></ruby>、ビットとバイトの<ruby>世界<rt>せかい</rt></ruby>をのぞいてみましょう！</p>
<p>&nbsp;</p>
<h2><span id="toc1">コンピュータは0と1で考えている</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2374" src="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg" alt="コンピュータと2進数" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>コンピュータは<ruby>電気<rt>でんき</rt></ruby>で<ruby>動<rt>うご</rt></ruby>く<ruby>機械<rt>きかい</rt></ruby>なので、わかるのは<ruby>次<rt>つぎ</rt></ruby>の2つだけです。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>電気<rt>でんき</rt></ruby>が<ruby>流<rt>なが</rt></ruby>れていない → 0</li>
<li><ruby>電気<rt>でんき</rt></ruby>が<ruby>流<rt>なが</rt></ruby>れている　 → 1</li>
</ul>
</div>
<p><span class="marker-under-red">コンピュータは、この「0と1の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせ（<span style="color: #ff6600;"><b>2<ruby>進数<rt>しんすう</rt></ruby></b></span>）」で あらゆる<ruby>情報<rt>じょうほう</rt></ruby>をあつかっています。</span></p>
<p><ruby>文字<rt>もじ</rt></ruby>や<ruby>写真<rt>しゃしん</rt></ruby>、<ruby>音<rt>おと</rt></ruby>、ゲームの<ruby>動<rt>うご</rt></ruby>きなどのデータは、コンピュータの<ruby>中<rt>なか</rt></ruby>に<ruby>入<rt>はい</rt></ruby>ると、いったん0と1がずらっと<ruby>並<rt>なら</rt></ruby>んだ<ruby>数字<rt>すうじ</rt></ruby>の<ruby>列<rt>れつ</rt></ruby>に<ruby>変<rt>か</rt></ruby>わるんです。</p>
<p>こうして、コンピュータが<ruby>読<rt>よ</rt></ruby>める<ruby>形<rt>かたち</rt></ruby>にそろえています。</p>
<p>&nbsp;</p>
<p>「2<ruby>進数<rt>しんすう</rt></ruby>ってなに？」「0と1だけでどうやって<ruby>表<rt>あらわ</rt></ruby>しているの？」など しくみについて もっと<ruby>知<rt>し</rt></ruby>りたい<ruby>人<rt>ひと</rt></ruby>は、「<a rel="noopener" target="_self" href="https://living-maou.com/viscuit-binarynumber/">【<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>け】2<ruby>進数<rt>しんすう</rt></ruby>をビスケット(Viscuit)でわかりやすく<ruby>解説<rt>かいせつ</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>」の<ruby>記事<rt>きじ</rt></ruby>も<ruby>読<rt>よ</rt></ruby>んでみてくださいね。</p>
<div class="blogcard-type bct-detail">

<a rel="noopener" target="_self" href="https://living-maou.com/viscuit-binarynumber/" title="【子ども向け】2進数をビスケット(Viscuit)を使ってわかりやすく解説" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】2進数をビスケット(Viscuit)を使ってわかりやすく解説</div><div class="blogcard-snippet internal-blogcard-snippet">2進数について解説。【リビングの魔王】では小学生のお子さんにも分かりやすいよう図解を使いつつ、2進数の考え方について紹介します。また、子ども向けプログラミング言語のViscuitを使って、2進数を表現するプログラムも紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<h2><span id="toc2">コンピュータがあつかうデータの単位</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2398" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01.jpg" alt="データの単位 ビット バイト" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01.jpg 800w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>コンピュータの<ruby>中<rt>なか</rt></ruby>では、<ruby>情報<rt>じょうほう</rt></ruby>がすべて「0 と 1」に<ruby>置<rt>お</rt></ruby>きかわっています。</p>
<p>この「0 と 1」がどれくらい<ruby>並<rt>なら</rt></ruby>んでいるのかを<ruby>表<rt>あらわ</rt></ruby>すために、データの<ruby>単位<rt>たんい</rt></ruby>があります。</p>
<p>&nbsp;</p>
<h3><span id="toc3">2進数の1ケタの情報が「ビット」</span></h3>
<p>0 または 1 の 1ケタを、コンピュータの<ruby>世界<rt>せかい</rt></ruby>では<span style="color: #ff6600;"><b>ビット（bit）</b></span>と<ruby>呼<rt>よ</rt></ruby>びます。</p>
<p>ビットは、データ<ruby>量<rt>りょう</rt></ruby>の<ruby>中<rt>なか</rt></ruby>で いちばん<ruby>小<rt>ちい</rt></ruby>さな<ruby>単位<rt>たんい</rt></ruby> です。</p>
<p>&nbsp;</p>
<h3><span id="toc4">8ビットで1バイト</span></h3>
<p>ビットを8つ<ruby>集<rt>あつ</rt></ruby>めたものが、<span style="color: #ff6600;"><b>1バイト（byte）</b></span>です。</p>
<div class="blank-box bb-blue">8ビット ＝ 1バイト</div>
<p><ruby>例<rt>れい</rt></ruby>：01001011 → この8ケタで 1バイト</p>
<p>バイトは、<ruby>文字<rt>もじ</rt></ruby>・<ruby>画像<rt>がぞう</rt></ruby>・<ruby>動画<rt>どうが</rt></ruby>など、コンピュータが<ruby>情報<rt>じょうほう</rt></ruby>をあつかうときの<ruby>基本的<rt>きほんてき</rt></ruby>な<ruby>単位<rt>たんい</rt></ruby>になっています。</p>
<p>&nbsp;</p>
<h3><span id="toc5">【まめちしき】なぜ8ビットで1バイトなの？</span></h3>
<p>8ビットが1バイトになったのには、<ruby>次<rt>つぎ</rt></ruby>の2つの<ruby>理由<rt>りゆう</rt></ruby>があります。</p>
<h4>1.<ruby>文字<rt>もじ</rt></ruby>を<ruby>表<rt>あらわ</rt></ruby>すのにちょうどよかったから</h4>
<p>もともとバイトは、アルファベット1<ruby>文字<rt>もじ</rt></ruby>や<ruby>記号<rt>きごう</rt></ruby>1つを<ruby>表<rt>あらわ</rt></ruby>すための<ruby>単位<rt>たんい</rt></ruby>として<ruby>作<rt>つく</rt></ruby>られました。</p>
<p>7ビットあれば 128<ruby>通<rt>とお</rt></ruby>り の<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>表<rt>あらわ</rt></ruby>せます。<br />
この128<ruby>通<rt>とお</rt></ruby>りの<ruby>中<rt>なか</rt></ruby>に、<ruby>英語<rt>えいご</rt></ruby>の<ruby>文字<rt>もじ</rt></ruby>や<ruby>数字<rt>すうじ</rt></ruby>、<ruby>記号<rt>きごう</rt></ruby>をすべて<ruby>入<rt>い</rt></ruby>れることができたため、7ビットで1<ruby>文字<rt>もじ</rt></ruby>をあらわせた のです。</p>
<p>これに「チェック<ruby>用<rt>よう</rt></ruby>の1ビット」を<ruby>追加<rt>ついか</rt></ruby>して、8ビットになりました。</p>
<h4>2.<ruby>大<rt>おお</rt></ruby>きな<ruby>会社<rt>かいしゃ</rt></ruby>の<ruby>方式<rt>ほうしき</rt></ruby>が<ruby>世界<rt>せかい</rt></ruby>の<ruby>標準<rt>ひょうじゅん</rt></ruby>になったから</h4>
<p><ruby>昔<rt>むかし</rt></ruby>は<ruby>会社<rt>かいしゃ</rt></ruby>によって「<ruby>何<rt>なに</rt></ruby>ビットを1バイトにするか」がバラバラでした。</p>
<p>のちにIBMという<ruby>大<rt>おお</rt></ruby>きなコンピュータ<ruby>会社<rt>がいしゃ</rt></ruby>が「8ビット＝1バイト」を<ruby>採用<rt>さいよう</rt></ruby>し、これが<ruby>世界<rt>せかい</rt></ruby>の<ruby>標準<rt>ひょうじゅん</rt></ruby>として<ruby>広<rt>ひろ</rt></ruby>まりました。</p>
<p>&nbsp;</p>
<h3><span id="toc6">バイトをもとにした大きな単位（KB・MB・GBなど）</span></h3>
<p>よく<ruby>見<rt>み</rt></ruby>る「KB（キロバイト）」「MB（メガバイト）」「GB（ギガバイト）」なども、このバイトをもとにした<ruby>単位<rt>たんい</rt></ruby>です。</p>
<p><ruby>長<rt>なが</rt></ruby>さで「1000m（メートル）＝1km（キロメートル）」となるのに<ruby>少<rt>すこ</rt></ruby>し<ruby>似<rt>に</rt></ruby>ています。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<td>バイト(B)</td>
<td>1 B = 8bit</td>
</tr>
<tr>
<td><span style="color: #ff6600;">キロ</span>バイト(KB)</td>
<td>1KB = 1024 B</td>
</tr>
<tr>
<td><span style="color: #ff6600;">メガ</span>バイト(MB)</td>
<td>1MB = 1024KB</td>
</tr>
<tr>
<td><span style="color: #ff6600;">ギガ</span>バイト(GB)</td>
<td>1GB = 1024MB</td>
</tr>
<tr>
<td><span style="color: #ff6600;">テラ</span>バイト(TB)</td>
<td>1TB = 1024GB</td>
</tr>
</tbody>
</table></div>
<p>データ<ruby>量<rt>りょう</rt></ruby>の<ruby>世界<rt>せかい</rt></ruby>では1024<ruby>倍<rt>ばい</rt></ruby>ごとに<ruby>単位<rt>たんい</rt></ruby>が<ruby>変<rt>か</rt></ruby>わります。</p>
<p>「1024なんてキリが<ruby>悪<rt>わる</rt></ruby>いな…」と<ruby>思<rt>おも</rt></ruby>うかもしれません。</p>
<p>たしかに、<ruby>人間<rt>にんげん</rt></ruby>は10<ruby>進数<rt>しんすう</rt></ruby>を<ruby>使<rt>つか</rt></ruby>うので 1000のほうがスッキリしています。</p>
<p>でも、コンピュータは 0 と 1 を<ruby>使<rt>つか</rt></ruby>う2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>世界<rt>せかい</rt></ruby>で<ruby>動<rt>うご</rt></ruby>いています。</p>
<p>すると、2<ruby>進数<rt>しんすう</rt></ruby>で<ruby>区切<rt>くぎ</rt></ruby>りが<ruby>良<rt>よ</rt></ruby>い1024（2<ruby>進数<rt>しんすう</rt></ruby>で10000000000）が、コンピュータにとってはちょうどよい<ruby>数<rt>かず</rt></ruby>になるのです。</p>
<div class="blank-box bb-tab bb-memo bb-blue">むずかしく<ruby>考<rt>かんが</rt></ruby>えずに<b>「だいたい1000<ruby>倍<rt>ばい</rt></ruby>で<ruby>次<rt>つぎ</rt></ruby>の<ruby>単位<rt>たんい</rt></ruby>になる」</b>と<ruby>覚<rt>おぼ</rt></ruby>えておけばOKです！</div>
<p>&nbsp;</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-9126458450711382"
  data-ad-slot="2965068638"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc7">身近なもののデータ量を調べてみよう</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2399" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02.jpg" alt="色々なデータ" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02.jpg 800w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte02-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>身<rt>み</rt></ruby>のまわりのデジタルデータが、それぞれ どれくらいの<ruby>大<rt>おお</rt></ruby>きさか <ruby>調<rt>しら</rt></ruby>べてみましょう。</p>
<p>Windowsなら、ファイルを<ruby>右<rt>みぎ</rt></ruby>クリックして「プロパティ」を<ruby>開<rt>ひら</rt></ruby>くと、サイズを<ruby>見<rt>み</rt></ruby>ることができます。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2400" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03.png" alt="ファイルサイズを確認する" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03.png 800w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h3><span id="toc8">文字や文章のデータ量は？</span></h3>
<p>メモ<ruby>帳<rt>ちょう</rt></ruby>などに<ruby>文字<rt>もじ</rt></ruby>を<ruby>少<rt>すこ</rt></ruby>し<ruby>入力<rt>にゅうりょく</rt></ruby>して<ruby>保存<rt>ほぞん</rt></ruby>し、どれくらいのサイズになるか<ruby>調<rt>しら</rt></ruby>べてみましょう。</p>
<h4>半角と全角で大きさがちがう</h4>
<p><ruby>文字<rt>もじ</rt></ruby>には「<ruby>半角<rt>はんかく</rt></ruby>」と「<ruby>全角<rt>ぜんかく</rt></ruby>」があり、<ruby>使<rt>つか</rt></ruby>うバイト<ruby>数<rt>すう</rt></ruby>がちがいます。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>半角<rt>はんかく</rt></ruby>の<ruby>文字<rt>もじ</rt></ruby>（A、a、1、など） = 1バイト</li>
<li><ruby>全角<rt>ぜんかく</rt></ruby>の<ruby>文字<rt>もじ</rt></ruby>（あ、ア、<ruby>漢<rt>から</rt></ruby>、Ａ、１、など） = 2バイト<ruby>以上<rt>いじょう</rt></ruby></li>
</ul>
</div>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2401" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04.png" alt="半角は1バイト全角は2バイト以上" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04.png 800w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>文字<rt>もじ</rt></ruby>には、<b><ruby>文字<rt>もじ</rt></ruby>コード</b>という<ruby>番<rt>ばん</rt></ruby><ruby>号<rt>ごう</rt></ruby>（2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>値<rt>あたい</rt></ruby>）が<ruby>決<rt>き</rt></ruby>められています。</p>
<p>たとえば、ASCII（アスキー）という<ruby>文字<rt>もじ</rt></ruby>コードでは、</p>
<p>A → 01000001</p>
<p>という<ruby>番<rt>ばん</rt></ruby><ruby>号<rt>ごう</rt></ruby>が<ruby>割<rt>わ</rt></ruby>り<ruby>当<rt>あ</rt></ruby>てられています。</p>
<p><ruby>半角<rt>はんかく</rt></ruby>の<ruby>文字<rt>もじ</rt></ruby>は<ruby>種類<rt>しゅるい</rt></ruby>が<ruby>少<rt>すく</rt></ruby>ないため1バイト（256<ruby>通<rt>とお</rt></ruby>り）で<ruby>足<rt>た</rt></ruby>ります。</p>
<p>しかし<ruby>全角<rt>ぜんかく</rt></ruby>の<ruby>文字<rt>もじ</rt></ruby>はとても<ruby>種類<rt>しゅるい</rt></ruby>が<ruby>多<rt>おお</rt></ruby>いため、2バイト<ruby>以上<rt>いじょう</rt></ruby>が<ruby>必要<rt>ひつよう</rt></ruby>になります。</p>
<p>&nbsp;</p>
<h3><span id="toc9">写真（画像）のデータ量は？</span></h3>
<p>スマホやデジカメでとった<ruby>写真<rt>しゃしん</rt></ruby>のサイズも<ruby>見<rt>み</rt></ruby>てみましょう。</p>
<p><ruby>写真<rt>しゃしん</rt></ruby>1<ruby>枚<rt>まい</rt></ruby>が、だいたい 2～5MBくらいです。<br />
1GBあれば、200～500まい くらい<ruby>保存<rt>ほぞん</rt></ruby>できます。</p>
<p><ruby>写真<rt>しゃしん</rt></ruby>は「ピクセル」と<ruby>呼<rt>よ</rt></ruby>ばれる、<ruby>小<rt>ちい</rt></ruby>さな<ruby>色<rt>いろ</rt></ruby>のついた<ruby>四角<rt>しかく</rt></ruby>の<ruby>集<rt>あつ</rt></ruby>まりでできています。<br />
ピクセル1つ1つに<ruby>色<rt>いろ</rt></ruby>の<ruby>情報<rt>じょうほう</rt></ruby>が<ruby>必要<rt>ひつよう</rt></ruby>になるため、<ruby>文字<rt>もじ</rt></ruby>よりもデータ<ruby>量<rt>りょう</rt></ruby>が<ruby>大<rt>おお</rt></ruby>きくなります。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2407" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06.jpg" alt="写真は小さな四角の集合体" width="500" height="281" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06.jpg 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte06-320x180.jpg 320w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>&nbsp;</p>
<h3><span id="toc10">動画のデータ量は？</span></h3>
<p>スマホなどで<ruby>動画<rt>どうが</rt></ruby>をとってサイズを<ruby>見<rt>み</rt></ruby>てみましょう。</p>
<p>フルHD（1080p）の<ruby>動画<rt>どうが</rt></ruby>を1<ruby>分<rt>ふん</rt></ruby>とると、100MBくらいになります。</p>
<p><ruby>動画<rt>どうが</rt></ruby>は、パラパラマンガのように<ruby>少<rt>すこ</rt></ruby>しずつ<ruby>変化<rt>へんか</rt></ruby>する<ruby>静止画<rt>せいしが</rt></ruby>を<ruby>連続<rt>れんぞく</rt></ruby>で<ruby>見<rt>み</rt></ruby>せることで、<ruby>動<rt>うご</rt></ruby>いているように<ruby>見<rt>み</rt></ruby>せています。</p>
<p><ruby>画像<rt>がぞう</rt></ruby>が<ruby>何<rt>なに</rt></ruby>千、<ruby>何<rt>なに</rt></ruby><ruby>万<rt>まん</rt></ruby><ruby>枚<rt>まい</rt></ruby>まいも<ruby>集<rt>あつ</rt></ruby>まっているので、<ruby>動画<rt>どうが</rt></ruby>のデータ<ruby>量<rt>りょう</rt></ruby>はとても<ruby>大<rt>おお</rt></ruby>きいのです。</p>
<p>また、ソフトバンクの「<a rel="noopener" target="_blank" href="https://www.softbank.jp/support/faq/view/24724">データ<ruby>通信<rt>つうしん</rt></ruby><ruby>量<rt>りょう</rt></ruby>が<ruby>消費<rt>しょうひ</rt></ruby>する<ruby>目安<rt>めやす</rt></ruby>を<ruby>教<rt>おし</rt></ruby>えてください。<span class="fa fa-external-link external-icon anchor-icon"></span></a>」によると、</p>
<ul>
<li>YouTube（<ruby>標準<rt>ひょうじゅん</rt></ruby><ruby>画質<rt>がしつ</rt></ruby>）1<ruby>時間<rt>じかん</rt></ruby> → <ruby>約<rt>やく</rt></ruby>450MB</li>
<li>Netflix（HD<ruby>画質<rt>がしつ</rt></ruby>）1<ruby>時間<rt>じかん</rt></ruby> → <ruby>約<rt>やく</rt></ruby>1,300MB（1.3GB）</li>
</ul>
<p>とされています。</p>
<p>&nbsp;</p>
<h3><span id="toc11">ゲーム</span></h3>
<p>ゲームもたくさんのデータでできています。</p>
<p>Nintendo Switch のゲームを<ruby>例<rt>れい</rt></ruby>にすると、<ruby>必要<rt>ひつよう</rt></ruby>な<ruby>容量<rt>ようりょう</rt></ruby>は<ruby>次<rt>つぎ</rt></ruby>のとおりです。（<a rel="noopener" target="_blank" href="https://store-jp.nintendo.com/">My Nintendo Store<span class="fa fa-external-link external-icon anchor-icon"></span></a>より）</p>
<ul>
<li>マインクラフト … 1.5GB</li>
<li>あつまれ　どうぶつの<ruby>森<rt>もり</rt></ruby> … 10.2GB</li>
<li><ruby>桃太郎電鉄<rt>ももたろうでんてつ</rt></ruby> ～<ruby>昭和<rt>しょうわ</rt></ruby> <ruby>平成<rt>へいせい</rt></ruby> <ruby>令和<rt>れいわ</rt></ruby>も<ruby>定番<rt>ていばん</rt></ruby>！～ … 2.7GB</li>
</ul>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2402" src="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05.png" alt="Switchのゲームの「必要な容量」を確認" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05.png 800w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2021/08/computer-bitbyte05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>キャラクター、マップ、<ruby>音楽<rt>おんがく</rt></ruby>、ムービーなど、たくさんの<ruby>素材<rt>そざい</rt></ruby>からできているため、データ<ruby>量<rt>りょう</rt></ruby>はとても<ruby>大<rt>おお</rt></ruby>きくなります。</p>
<p>&nbsp;</p>
<h2><span id="toc12">まとめ</span></h2>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、データ<ruby>量<rt>りょう</rt></ruby>の<ruby>単位<rt>たんい</rt></ruby>である<span style="color: #ff6600;"><b>ビット（bit）</b></span>と<span style="color: #ff6600;"><b>バイト（byte）</b></span>について<ruby>学<rt>まな</rt></ruby>びました。</p>
<p>また、<ruby>文字<rt>もじ</rt></ruby>・<ruby>写真<rt>しゃしん</rt></ruby>・<ruby>動画<rt>どうが</rt></ruby>・ゲームなど、<ruby>身近<rt>みぢか</rt></ruby>なデータがどれくらいの<ruby>大<rt>おお</rt></ruby>きさなのかもくらべてみました。</p>
<div class="blank-box bb-blue">
<ul>
<li>コンピュータはデータを2<ruby>進数<rt>しんすう</rt></ruby>（0と1）であつかう</li>
<li>1ビットは、2<ruby>進数<rt>しんすう</rt></ruby>の1ケタ</li>
<li>8ビット = 1バイト</li>
<li>データ<ruby>量<rt>りょう</rt></ruby>の<ruby>単位<rt>たんい</rt></ruby>は、だいたい1000<ruby>倍<rt>ばい</rt></ruby>ごとに<ruby>大<rt>おお</rt></ruby>きくなる<br />
バイト(B)→キロバイト(KB)→メガバイト(MB)→ギガバイト(GB)→テラバイト(TB)</li>
</ul>
</div>
<p><ruby>昔<rt>むかし</rt></ruby>のファミコンのゲームでは、<br />
スーパーマリオブラザーズが<ruby>約<rt>やく</rt></ruby>40KB、<br />
ドラゴンクエストは<ruby>約<rt>やく</rt></ruby>64KBしかありませんでした。</p>
<p>なんと、スマホでとった<ruby>写真<rt>しゃしん</rt></ruby>1<ruby>枚<rt>まい</rt></ruby>よりも<ruby>小<rt>ちい</rt></ruby>さなデータ<ruby>量<rt>りょう</rt></ruby> でゲームが<ruby>作<rt>つく</rt></ruby>られていたのです。<br />
そう<ruby>考<rt>かんが</rt></ruby>えると、とてもすごいことですね！</p>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】図をながめるだけでも理解が進みます！／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"コンピューターってどんなしくみ?: デジタルテクノロジーやインターネットの世界を超図解 (子供の科学★ミライサイエンス)","b":"","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51lOb7mJigL._SL500_.jpg","/51CB0whYvXL._SL500_.jpg","/51vdz1SAUIL._SL500_.jpg","/51srSZY1N6L._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4416518064","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4416518064","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"7qde0","s":"s"});
</script>
<div id="msmaflink-7qde0">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
<p>&nbsp;</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/computer-composition/" title="【子ども向け】コンピュータのしくみを分かりやすく解説（五大装置）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer.jpg 800w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/04/eyecatch_computer-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】コンピュータのしくみを分かりやすく解説（五大装置）</div><div class="blogcard-snippet internal-blogcard-snippet">コンピュータのしくみについて解説。【リビングの魔王】では小学生のお子さんにも分かりやすいよう図解を使いつつ、コンピュータを構成する五大装置について丁寧に紹介します。子どもにパソコンやコンピュータのしくみを教える時の参考にしてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/computer-bitbyte/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【子ども向け】2進数をビスケット(Viscuit)を使ってわかりやすく解説</title>
		<link>https://living-maou.com/viscuit-binarynumber/</link>
					<comments>https://living-maou.com/viscuit-binarynumber/#respond</comments>
		
		<dc:creator><![CDATA[メソ]]></dc:creator>
		<pubDate>Sun, 01 Aug 2021 04:44:26 +0000</pubDate>
				<category><![CDATA[用語解説]]></category>
		<category><![CDATA[Viscuit]]></category>
		<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[用語]]></category>
		<guid isPermaLink="false">https://living-maou.com/?p=2370</guid>

					<description><![CDATA[お買かいものをするときや、宿題しゅくだいの答こたえを書かくとき、どうやって数かずを数かぞえていますか？ 「ヘンな質問しつもんするなぁ、そんなの決きまってるじゃん」と思おもうかもしれませんね。 1, 2, 3, … 9,  [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber.jpg"><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-2371" src="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-800x450.jpg" alt="" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/eyecatch_viscuit_binarynumber-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>お<ruby>買<rt>か</rt></ruby>いものをするときや、<ruby>宿題<rt>しゅくだい</rt></ruby>の<ruby>答<rt>こた</rt></ruby>えを<ruby>書<rt>か</rt></ruby>くとき、どうやって<ruby>数<rt>かず</rt></ruby>を<ruby>数<rt>かぞ</rt></ruby>えていますか？</p>
<p>「ヘンな<ruby>質問<rt>しつもん</rt></ruby>するなぁ、そんなの<ruby>決<rt>き</rt></ruby>まってるじゃん」と<ruby>思<rt>おも</rt></ruby>うかもしれませんね。</p>
<p>1, 2, 3, … 9, 10, … という、いつも<ruby>見<rt>み</rt></ruby>ている<ruby>数字<rt>すうじ</rt></ruby>たちは「<b>10<ruby>進数<rt>しんすう</rt></ruby>（じゅっしんすう）</b>」という<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>です。</p>
<p>でも、コンピュータの<ruby>中<rt>なか</rt></ruby>では、ちょっとちがいます。<br />
0 と 1 の 2つだけで<ruby>数<rt>かぞ</rt></ruby>える「<b>2<ruby>進数<rt>しんすう</rt></ruby>（にしんすう）</b>」という<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>を<ruby>使<rt>つか</rt></ruby>っているのです。</p>
<p>はじめて<ruby>聞<rt>き</rt></ruby>くと、</p>
<div class="blank-box bb-blue">
<ul>
<li>なんで 0 と 1 だけなの？</li>
<li>ふつうの<ruby>数字<rt>すうじ</rt></ruby>の<ruby>方<rt>ほう</rt></ruby>がわかりやすくない？</li>
<li>どうやって<ruby>数<rt>かず</rt></ruby>が<ruby>増<rt>ふ</rt></ruby>えるの？</li>
</ul>
</div>
<p>と、いろんな<ruby>疑問<rt>ぎもん</rt></ruby>がわいてくるかもしれません。</p>
<p>そこで、この<ruby>記事<rt>きじ</rt></ruby>では、むずかしい<ruby>言葉<rt>ことば</rt></ruby>をできるだけ<ruby>使<rt>つか</rt></ruby>わずに、コンピュータと 2<ruby>進数<rt>しんすう</rt></ruby> のひみつをていねいに<ruby>説明<rt>せつめい</rt></ruby>します。</p>
<p>さらに、<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>けプログラミング<ruby>言語<rt>げんご</rt></ruby> ビスケット（Viscuit） を<ruby>使<rt>つか</rt></ruby>って、2<ruby>進数<rt>しんすう</rt></ruby>を<ruby>見<rt>み</rt></ruby>えるかたちで<ruby>数<rt>かぞ</rt></ruby>える<ruby>方法<rt>ほうほう</rt></ruby>も<ruby>紹介<rt>しょうかい</rt></ruby>します。</p>
<p>さあ、いっしょに 0と1だけの<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>の<ruby>世界<rt>せかい</rt></ruby>をのぞいてみましょう！</p>
<p>&nbsp;</p>
<h2><span id="toc1">「10進数」とは</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2372" src="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01.jpg" alt="10進数とは" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber01-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>私<rt>わたし</rt></ruby>たちがふだんの<ruby>生活<rt>せいかつ</rt></ruby>で<ruby>使<rt>つか</rt></ruby>っている<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>が「<span style="color: #ff6600;"><b>10<ruby>進数<rt>しんすう</rt></ruby>（じゅっしんすう）</b></span>」です。</p>
<p>10<ruby>進数<rt>しんすう</rt></ruby>は、0～9の10<ruby>種類<rt>しゅるい</rt></ruby>の<ruby>数字<rt>すうじ</rt></ruby>を<ruby>使<rt>つか</rt></ruby>って<ruby>数<rt>かぞ</rt></ruby>えていくルール（10<ruby>進法<rt>しんほう</rt></ruby>）でできています。</p>
<p><span class="marker-under-red">0、1、2、3、4、5、6、7、8、9 と<ruby>進<rt>すす</rt></ruby>み、</span><br />
<span class="marker-under-red">9 の<ruby>次<rt>つぎ</rt></ruby>は 10 になってケタがひとつ<ruby>増<rt>ふ</rt></ruby>えます。</span></p>
<p><ruby>位<rt>くらい</rt></ruby>（くらい）は<ruby>右<rt>みぎ</rt></ruby>から<ruby>順<rt>じゅん</rt></ruby>に</p>
<div class="blank-box bb-blue">
<ul>
<li>   1の<ruby>位<rt>くらい</rt></ruby></li>
<li>  10の<ruby>位<rt>くらい</rt></ruby>（ 1×10）</li>
<li> 100の<ruby>位<rt>くらい</rt></ruby>（ 10×10）</li>
<li>1000の<ruby>位<rt>くらい</rt></ruby>（100×10）</li>
</ul>
</div>
<p>と10<ruby>倍<rt>ばい</rt></ruby>ずつ<ruby>大<rt>おお</rt></ruby>きくなっていきます。</p>
<p><ruby>昔<rt>むかし</rt></ruby>の<ruby>人<rt>ひと</rt></ruby>は、<ruby>物<rt>もの</rt></ruby>を<ruby>数<rt>かぞ</rt></ruby>えるときに <ruby>自分<rt>じぶん</rt></ruby>の10<ruby>本<rt>ほん</rt></ruby>の<ruby>指<rt>ゆび</rt></ruby> をよく<ruby>使<rt>つか</rt></ruby>っていました。</p>
<p>そのため、「10をひとまとまりにする<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>」が<ruby>自然<rt>しぜん</rt></ruby>に<ruby>広<rt>ひろ</rt></ruby>まり、<ruby>今<rt>いま</rt></ruby>の10<ruby>進数<rt>しんすう</rt></ruby>につながっていると<ruby>言<rt>い</rt></ruby>われています。</p>
<p>つまり、<span class="marker-under-red">10<ruby>進数<rt>しんすう</rt></ruby>は <ruby>人間<rt>にんげん</rt></ruby>にとってとてもなじみやすい<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby></span>なんですね。</p>
<p>&nbsp;</p>
<h2><span id="toc2">「2進数」とは</span></h2>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2373" src="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02.jpg" alt="2進数とは" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber02-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>「<span style="color: #ff6600;"><b>2<ruby>進数<rt>しんすう</rt></ruby>（にしんすう）</b></span>」は、0 と 1 の 2<ruby>種類<rt>しゅるい</rt></ruby>だけ を<ruby>使<rt>つか</rt></ruby>って<ruby>数<rt>かぞ</rt></ruby>える<ruby>方法<rt>ほうほう</rt></ruby>です。</p>
<p>こちらも「2<ruby>進法<rt>しんほう</rt></ruby>」というルールにしたがっています。</p>
<p>10<ruby>進数<rt>しんすう</rt></ruby>と<ruby>同<rt>おな</rt></ruby>じように<ruby>数<rt>かず</rt></ruby>は<ruby>増<rt>ふ</rt></ruby>えていきますが、ケタが<ruby>変<rt>か</rt></ruby>わるタイミングがちがいます。</p>
<p><span class="marker-under-red">0、1 と<ruby>進<rt>すす</rt></ruby>み、</span><br />
<span class="marker-under-red">1 の<ruby>次<rt>つぎ</rt></ruby>は 10（イチ・ゼロ） になってケタがひとつ<ruby>増<rt>ふ</rt></ruby>えます。</span></p>
<p>「えっ、なんで<ruby>急<rt>きゅう</rt></ruby>に 10 が<ruby>出<rt>で</rt></ruby>てくるの？」と<ruby>思<rt>おも</rt></ruby>うかもしれませんが、これは1の<ruby>次<rt>つぎ</rt></ruby>の<ruby>数字<rt>すうじ</rt></ruby>がないので、<ruby>次<rt>つぎ</rt></ruby>のケタに<ruby>進<rt>すす</rt></ruby>むしかないのです。</p>
<p>2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>位<rt>くらい</rt></ruby>は<ruby>右<rt>みぎ</rt></ruby>から<ruby>順<rt>じゅん</rt></ruby>に、</p>
<div class="blank-box bb-blue">
<ul>
<li>1の<ruby>位<rt>くらい</rt></ruby></li>
<li>2の<ruby>位<rt>くらい</rt></ruby>（1×2）</li>
<li>4の<ruby>位<rt>くらい</rt></ruby>（2×2）</li>
<li>8の<ruby>位<rt>くらい</rt></ruby>（4×2）</li>
</ul>
</div>
<p>と、2<ruby>倍<rt>ばい</rt></ruby>ずつ<ruby>大<rt>おお</rt></ruby>きくなっていきます。</p>
<p>&nbsp;</p>
<p>10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>のちがいを、<ruby>表<rt>ひょう</rt></ruby>でくらべてみましょう。</p>
<div class="scrollable-table"><table>
<tbody>
<tr>
<th>10<ruby>進数<rt>しんすう</rt></ruby></th>
<td width="8%" align="right">0</td>
<td width="8%" align="right">1</td>
<td width="8%" align="right">2</td>
<td width="8%" align="right">3</td>
<td width="8%" align="right">4</td>
<td width="8%" align="right">5</td>
<td width="8%" align="right">6</td>
<td width="8%" align="right">7</td>
<td width="8%" align="right">8</td>
<td width="8%" align="right">9</td>
<td width="8%" align="right">10</td>
</tr>
<tr>
<th>2<ruby>進数<rt>しんすう</rt></ruby></th>
<td align="right">0</td>
<td align="right">1</td>
<td align="right">10</td>
<td align="right">11</td>
<td align="right">100</td>
<td align="right">101</td>
<td align="right">110</td>
<td align="right">111</td>
<td align="right">1000</td>
<td align="right">1001</td>
<td align="right">1010</td>
</tr>
</tbody>
</table></div>
<p>10<ruby>進数<rt>しんすう</rt></ruby>が「0～9」、2<ruby>進数<rt>しんすう</rt></ruby>が「0～1」と<ruby>使<rt>つか</rt></ruby>う<ruby>数字<rt>すうじ</rt></ruby>が<ruby>少<rt>すく</rt></ruby>ないだけで、<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>のきまりはとても<ruby>似<rt>に</rt></ruby>ているんですね。</p>
<p>&nbsp;</p>
<h3 id="kankei"><span id="toc3">コンピュータは2進数を使っている</span></h3>
<p><ruby>私<rt>わたし</rt></ruby>たちが<ruby>画面<rt>がめん</rt></ruby>で<ruby>見<rt>み</rt></ruby>ている<ruby>文字<rt>もじ</rt></ruby>や<ruby>画像<rt>がぞう</rt></ruby>、<ruby>音<rt>おと</rt></ruby>などは、コンピュータの<ruby>中<rt>なか</rt></ruby>に「そのままの<ruby>形<rt>かたち</rt></ruby>」で<ruby>入<rt>はい</rt></ruby>っているわけではありません。</p>
<p><span class="marker-under-red">コンピュータが あつかう すべての<ruby>情報<rt>じょうほう</rt></ruby>は、「 0 と 1 の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせ」でできています。</span></p>
<p>そのため、<ruby>画像<rt>がぞう</rt></ruby>や<ruby>音<rt>おと</rt></ruby>などのデータは、いったん コンピュータが<ruby>理解<rt>りかい</rt></ruby>できるように 0 と 1 のならんだ<ruby>数字<rt>すうじ</rt></ruby>に<ruby>置<rt>お</rt></ruby>きかえられています。</p>
<p>そして、コンピュータがその 0 と 1 を<ruby>読<rt>よ</rt></ruby>み<ruby>取<rt>と</rt></ruby>って、<ruby>私<rt>わたし</rt></ruby>たちに<ruby>見<rt>み</rt></ruby>えたり<ruby>聞<rt>き</rt></ruby>こえたりする<ruby>形<rt>かたち</rt></ruby>に<ruby>作<rt>つく</rt></ruby>りなおしているのです。</p>
<p>&nbsp;</p>
<h3><span id="toc4">どうしてコンピュータは2進数を使うの？</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-2374" src="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg" alt="コンピュータと2進数" width="800" height="450" srcset="https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03.jpg 800w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/07/viscuit_binarynumber03-320x180.jpg 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><ruby>私<rt>わたし</rt></ruby>たち<ruby>人間<rt>にんげん</rt></ruby>にとっては10<ruby>進数<rt>しんすう</rt></ruby>が<ruby>使<rt>つか</rt></ruby>いやすいのに、どうしてコンピュータは2<ruby>進数<rt>しんすう</rt></ruby>を<ruby>使<rt>つか</rt></ruby>うのでしょうか。</p>
<p><ruby>人間<rt>にんげん</rt></ruby>は、<ruby>指<rt>ゆび</rt></ruby>でさわれば「<ruby>熱<rt>あつ</rt></ruby>い・<ruby>冷<rt>つめ</rt></ruby>たい」「すべすべ・ザラザラ」など、たくさんの<ruby>情報<rt>じょうほう</rt></ruby>を<ruby>感<rt>かん</rt></ruby>じ<ruby>取<rt>と</rt></ruby>れますよね。</p>
<p>でも、コンピュータは<ruby>電気<rt>でんき</rt></ruby>で<ruby>動<rt>うご</rt></ruby>く<ruby>機械<rt>きかい</rt></ruby>なので、わかるのは<ruby>次<rt>つぎ</rt></ruby>の2つだけです。</p>
<div class="blank-box bb-blue">
<ul>
<li><ruby>電気<rt>でんき</rt></ruby>が<ruby>流<rt>なが</rt></ruby>れていない（OFF） → 0</li>
<li><ruby>電気<rt>でんき</rt></ruby>が<ruby>流<rt>なが</rt></ruby>れている（ON） → 1</li>
</ul>
</div>
<p>コンピュータは、この2つの<ruby>状態<rt>じょうたい</rt></ruby>を<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせて、<ruby>文字<rt>もじ</rt></ruby>も<ruby>音<rt>おと</rt></ruby>も<ruby>画像<rt>がぞう</rt></ruby>もぜんぶ<ruby>表現<rt>ひょうげん</rt></ruby>しています。</p>
<p>0 と 1 だけで あつかうと、</p>
<ul>
<li>まちがいが<ruby>起<rt>お</rt></ruby>こりにくい</li>
<li><ruby>機械<rt>きかい</rt></ruby>の<ruby>仕組<rt>しく</rt></ruby>みを<ruby>作<rt>つく</rt></ruby>りやすい</li>
<li><ruby>安定<rt>あんてい</rt></ruby>して<ruby>動<rt>うご</rt></ruby>く</li>
<li>とても<ruby>速<rt>はや</rt></ruby>く<ruby>処理<rt>しょり</rt></ruby>できる</li>
</ul>
<p>という<ruby>良<rt>よ</rt></ruby>いことがたくさんあります。</p>
<p>だから<span class="marker-under-red">コンピュータにとって、2<ruby>進数<rt>しんすう</rt></ruby>はいちばん<ruby>使<rt>つか</rt></ruby>いやすい<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby></span>なのです。</p>
<div class="blank-box bb-tab bb-memo bb-red">この 0 か 1 かという、いちばん<ruby>小<rt>ちい</rt></ruby>さな<ruby>情報<rt>じょうほう</rt></ruby>の<ruby>単位<rt>たんい</rt></ruby>を 「<a rel="noopener" target="_self" href="https://living-maou.com/computer-bitbyte/">ビット（bit）<span class="fa fa-external-link internal-icon anchor-icon"></span></a>」 と<ruby>呼<rt>よ</rt></ruby>びます。<br />
コンピュータの<ruby>中<rt>なか</rt></ruby>のデータは、この<ruby>小<rt>ちい</rt></ruby>さなビットがたくさん<ruby>集<rt>あつ</rt></ruby>まってできています。</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-9126458450711382"
  data-ad-slot="2965068638"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2 id="viscuit"><span id="toc5">ビスケット(Viscuit)で2進数を表現してみよう！</span></h2>
<p>ビスケット（Viscuit）で2<ruby>進数<rt>しんすう</rt></ruby>を<ruby>表現<rt>ひょうげん</rt></ruby>するプログラムを<ruby>作<rt>つく</rt></ruby>ってみましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/viscuit2025-matome/">ビスケットの<ruby>使<rt>つか</rt></ruby>い<ruby>方<rt>かた</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>は、<ruby>下<rt>した</rt></ruby>の<ruby>記事<rt>きじ</rt></ruby>にまとめています。</p>
<div class="blogcard-type bct-detail">

<a rel="noopener" target="_self" href="https://living-maou.com/viscuit2025-matome/" title="【最新版】あたらしいビスケットの使い方まとめ！プログラミングで遊ぼう" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-160x90.png 160w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-500x281.png 500w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-300x169.png 300w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-768x432.png 768w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-120x68.png 120w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01-320x180.png 320w, https://living-maou.com/wp-content/uploads/2025/02/eyecatch-viscuit2025-howto01.png 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【最新版】あたらしいビスケットの使い方まとめ！プログラミングで遊ぼう</div><div class="blogcard-snippet internal-blogcard-snippet">ビスケット（Viscuit）は かんたんにプログラミングができる楽しいアプリです。「めがね」のしくみを使って絵を動かしたりゲームを作ったりできます。この記事では基本の使い方から便利なテクニックまでをわかりやすくまとめました。最新アップデートにも対応！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<h3><span id="toc6">今回のプログラム ～10進数と2進数のカウントアップ～</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01.png" alt="viscuit 2進数" width="800" height="450" class="aligncenter size-full wp-image-7452" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber01-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>「＋1」ボタンをおすと、<ruby>数<rt>かず</rt></ruby>が1ずつ<ruby>足<rt>た</rt></ruby>されます。</p>
<p><ruby>上<rt>うえ</rt></ruby>が10<ruby>進数<rt>しんすう</rt></ruby>、<ruby>下<rt>した</rt></ruby>が2<ruby>進数<rt>しんすう</rt></ruby>です。</p>
<p><a rel="noopener" target="_blank" href="https://w.viscuit.com/i/512/384/g3/HDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb">10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>のカウントアップの<ruby>完成<rt>かんせい</rt></ruby>プログラム<span class="fa fa-external-link external-icon anchor-icon"></span></a>は、<ruby>下<rt>した</rt></ruby>のリンクから<ruby>確認<rt>かくにん</rt></ruby>できます。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://w.viscuit.com/i/512/384/g3/HDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb" title="https://w.viscuit.com/i/512/384/g3/HDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fw.viscuit.com%2Fi%2F512%2F384%2Fg3%2FHDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://w.viscuit.com/i/512/384/g3/HDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://w.viscuit.com/i/512/384/g3/HDB48wWkYWiuYk13u6Ujj0Ytwvj0Zb" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">w.viscuit.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<h3><span id="toc7">部品</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02.png" alt="viscuit 2進数 部品" width="800" height="450" class="aligncenter size-full wp-image-7453" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber02-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<div id="annotatedWithRuby">
<ul>
<li>「＋1」ボタン</li>
<li><ruby>下線<rt>かせん</rt></ruby></li>
<li>＋マーク</li>
<li>10<ruby>進数<rt>しんすう</rt></ruby><ruby>用<rt>よう</rt></ruby>の<ruby>数字<rt>すうじ</rt></ruby>（0～9)</li>
<li>2<ruby>進数<rt>しんすう</rt></ruby><ruby>用<rt>よう</rt></ruby>の<ruby>数字<rt>すうじ</rt></ruby>（0、1）</li>
</ul>
</div>
<p>&nbsp;</p>
<h3><span id="toc8">ステージの配置</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03.png" alt="viscuit 2進数 ステージ" width="800" height="450" class="aligncenter size-full wp-image-7454" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber03-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>ステージの<ruby>設定<rt>せってい</rt></ruby>は、<ruby>一番<rt>いちばん</rt></ruby><ruby>大<rt>おお</rt></ruby>きいサイズの<ruby>方眼紙<rt>ほうがんし</rt></ruby>にします。</p>
<p>&nbsp;</p>
<h3><span id="toc9">めがね</span></h3>
<p>めがねを<ruby>作<rt>つく</rt></ruby>る<ruby>前<rt>まえ</rt></ruby>に、10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>それぞれの<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>を<ruby>思<rt>おも</rt></ruby>い<ruby>出<rt>だ</rt></ruby>してみましょう。</p>
<div class="blank-box bb-blue">
<ul>
<li>10<ruby>進数<rt>しんすう</rt></ruby>の<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby><br />
0、1、2、… 8、9と<ruby>数<rt>かぞ</rt></ruby>えていき、9の<ruby>次<rt>つぎ</rt></ruby>は10になって1ケタくり<ruby>上<rt>あ</rt></ruby>がる。</li>
<li>2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby><br />
0、1 と<ruby>数<rt>かぞ</rt></ruby>えていき、1の<ruby>次<rt>つぎ</rt></ruby>は10になって1ケタくり<ruby>上<rt>あ</rt></ruby>がる。</li>
</ul>
</div>
<div>
<p><ruby>先<rt>さき</rt></ruby>を<ruby>読<rt>よ</rt></ruby>む<ruby>前<rt>まえ</rt></ruby>に、どんな めがね になるのか、<ruby>自分<rt>じぶん</rt></ruby>で<ruby>考<rt>かんが</rt></ruby>えてみてくださいね！</p>
</div>
<p>&nbsp;</p>
<h4>「＋1」ボタンをおしたら</h4>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04.png" alt="viscuit 2進数 ボタンをおしたら" width="800" height="450" class="aligncenter size-full wp-image-7455" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber04-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>「＋1」ボタンをおすと、10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>それぞれの1の<ruby>位<rt>くらい</rt></ruby>に＋マークがつく<a rel="noopener" target="_self" href="https://living-maou.com/viscuit2025-howto04#kata-megane"><ruby>片<rt>かた</rt></ruby>めがね<span class="fa fa-external-link internal-icon anchor-icon"></span></a>です。</p>
<p>1の<ruby>位<rt>くらい</rt></ruby>とほかの<ruby>位<rt>くらい</rt></ruby>を<ruby>区別<rt>くべつ</rt></ruby>するために、1の<ruby>位<rt>くらい</rt></ruby>にはアンダーラインの<ruby>部品<rt>ぶひん</rt></ruby>をつけています。</p>
<p>&nbsp;</p>
<h4>カウントアップ（10進数）</h4>
<p><ruby>数字<rt>すうじ</rt></ruby>の<ruby>上<rt>うえ</rt></ruby>に「＋」マークが<ruby>表示<rt>ひょうじ</rt></ruby>された<ruby>時<rt>とき</rt></ruby>、1<ruby>足<rt>た</rt></ruby>された<ruby>数<rt>かず</rt></ruby>になるメガネを<ruby>作<rt>つく</rt></ruby>ります。</p>
<p>0～8まで<ruby>作<rt>つく</rt></ruby>りましょう。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05.png" alt="viscuit 10進数 めがね1" width="800" height="450" class="aligncenter size-full wp-image-7456" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber05-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<p>9の<ruby>上<rt>うえ</rt></ruby>に「＋」マークが<ruby>表示<rt>ひょうじ</rt></ruby>された<ruby>時<rt>とき</rt></ruby>はくり<ruby>上<rt>あ</rt></ruby>がります。</p>
<p>9が0に<ruby>変<rt>か</rt></ruby>わり、0の<ruby>左上<rt>ひだりうえ</rt></ruby>（<ruby>次<rt>つぎ</rt></ruby>の<ruby>位<rt>くらい</rt></ruby>の<ruby>位置<rt>いち</rt></ruby>）に「＋」マークを<ruby>表示<rt>ひょうじ</rt></ruby>します。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06.png" alt="viscuit 10進数 めがね2" width="800" height="450" class="aligncenter size-full wp-image-7457" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber06-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h4>カウントアップ（2進数）</h4>
<p>2<ruby>進数<rt>しんすう</rt></ruby>のバージョンも<ruby>作<rt>つく</rt></ruby>りましょう。</p>
<p>10<ruby>進数<rt>しんすう</rt></ruby>と<ruby>何<rt>なに</rt></ruby>がちがうのか<ruby>考<rt>かんが</rt></ruby>えてみてくださいね。</p>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07.png" alt="viscuit 2進数 めがね" width="800" height="450" class="aligncenter size-full wp-image-7458" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber07-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>
<h3><span id="toc10">実行して比べてみよう！</span></h3>
<p><a rel="noopener" target="_self" href="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08.png"><img loading="lazy" decoding="async" src="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08.png" alt="viscuit 2進数 実行結果" width="800" height="450" class="aligncenter size-full wp-image-7459" srcset="https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08.png 800w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-500x281.png 500w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-300x169.png 300w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-768x432.png 768w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-120x68.png 120w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-160x90.png 160w, https://living-maou.com/wp-content/uploads/2020/02/viscuit2025-binarynumber08-320x180.png 320w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>あそぶ<ruby>画面<rt>がめん</rt></ruby>でプログラムを<ruby>動<rt>うご</rt></ruby>かしてみましょう。</p>
<p>「＋1」ボタンをおした<ruby>時<rt>とき</rt></ruby>、10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>、<ruby>両方<rt>りょうほう</rt></ruby>とも1<ruby>足<rt>た</rt></ruby>されたでしょうか。</p>
<p>10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>の<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>のちがいを<ruby>比<rt>くら</rt></ruby>べてみてくださいね。</p>
<p>&nbsp;</p>
<h2><span id="toc11">まとめ</span></h2>
<p>この<ruby>記事<rt>きじ</rt></ruby>では、ふだん<ruby>私<rt>わたし</rt></ruby>たちが<ruby>使<rt>つか</rt></ruby>っている10<ruby>進数<rt>しんすう</rt></ruby> と、コンピュータの<ruby>中<rt>なか</rt></ruby>で<ruby>使<rt>つか</rt></ruby>われている2<ruby>進数<rt>しんすう</rt></ruby>のちがいを<ruby>学<rt>まな</rt></ruby>びました。</p>
<p>さらに、なぜコンピュータが「0 と 1 だけ」で<ruby>動<rt>うご</rt></ruby>いているのかも<ruby>知<rt>し</rt></ruby>ることができました。</p>
<div class="blank-box bb-blue">
<ul>
<li><span style="color: #ff6600;"><b>10<ruby>進数<rt>しんすう</rt></ruby></b></span>は 0～9 の10<ruby>種類<rt>しゅるい</rt></ruby>の<ruby>数字<rt>すうじ</rt></ruby>を<ruby>使<rt>つか</rt></ruby>う<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby></li>
<li><span style="color: #ff6600;"><b>2<ruby>進数<rt>しんすう</rt></ruby></b></span>は 0 と 1 だけを<ruby>使<rt>つか</rt></ruby>う<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby></li>
<li>コンピュータの<ruby>情報<rt>じょうほう</rt></ruby>は すべて 0 と 1 の<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わせでできている</li>
<li><ruby>電気<rt>でんき</rt></ruby>は「<ruby>流<rt>なが</rt></ruby>れている」「<ruby>流<rt>なが</rt></ruby>れていない」の2<ruby>種類<rt>しゅるい</rt></ruby>しかあつかえない</li>
<li>だからコンピュータは 2<ruby>進数<rt>しんすう</rt></ruby>がいちばん<ruby>向<rt>む</rt></ruby>いている</li>
</ul>
</div>
<p>2<ruby>進数<rt>しんすう</rt></ruby>はむずかしそうに<ruby>見<rt>み</rt></ruby>えますが、しくみはとてもシンプルです。</p>
<p>「0 と 1 の2つだけ」で<ruby>考<rt>かんが</rt></ruby>えることで、コンピュータが<ruby>速<rt>はや</rt></ruby>く・<ruby>正確<rt>せいかく</rt></ruby>に<ruby>動<rt>うご</rt></ruby>けるという<ruby>大<rt>おお</rt></ruby>きな<ruby>利点<rt>りてん</rt></ruby>があります。</p>
<p>Viscuit（ビスケット）で10<ruby>進数<rt>しんすう</rt></ruby>と2<ruby>進数<rt>しんすう</rt></ruby>のカウントアップをくらべてみると、<ruby>仕組<rt>しく</rt></ruby>みのちがいがよく<ruby>分<rt>わ</rt></ruby>かったと<ruby>思<rt>おも</rt></ruby>います。</p>
<p>もし<ruby>興味<rt>きょうみ</rt></ruby>がわいたら、3<ruby>進数<rt>しんすう</rt></ruby>や4<ruby>進数<rt>しんすう</rt></ruby>、8<ruby>進数<rt>しんすう</rt></ruby> など、<ruby>他<rt>ほか</rt></ruby>の<ruby>数<rt>かぞ</rt></ruby>え<ruby>方<rt>かた</rt></ruby>でもプログラムを<ruby>作<rt>つく</rt></ruby>って<ruby>遊<rt>あそ</rt></ruby>んでみてくださいね。</p>
<div class="blank-box">カウントアップのプログラムは、いろいろクリエイトラボさんの<ruby>動画<rt>どうが</rt></ruby>「<a rel="noopener" target="_blank" href="https://www.youtube.com/watch?v=uL3xgqlOGVQ">お<ruby>金<rt>かね</rt></ruby>カウントマシーンをつくろう！【Viscuit10<ruby>進<rt>しん</rt></ruby>カウンタ】【ビスケットプログラミング】<span class="fa fa-external-link external-icon anchor-icon"></span></a>」を<ruby>参考<rt>さんこう</rt></ruby>にさせていただきました。</div>
<p>&nbsp;</p>
<p>「<a rel="noopener" target="_self" href="https://living-maou.com/computer-bitbyte/">【<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>け】データ<ruby>量<rt>りょう</rt></ruby>の<ruby>単位<rt>たんい</rt></ruby>「ビット」と「バイト」をわかりやすく<ruby>解説<rt>かいせつ</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>」では2<ruby>進数<rt>しんすう</rt></ruby>と<ruby>関係<rt>かんけい</rt></ruby>の<ruby>深<rt>ふか</rt></ruby>いデータ<ruby>量<rt>りょう</rt></ruby>について<ruby>解説<rt>かいせつ</rt></ruby>しています。</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/computer-bitbyte/" title="【子ども向け】データ量の単位「ビット」と「バイト」をわかりやすく解説" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte.jpg 800w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-1536x864.jpg 1536w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2021/08/eyecatch_computer-bitbyte-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】データ量の単位「ビット」と「バイト」をわかりやすく解説</div><div class="blogcard-snippet internal-blogcard-snippet">データ量の単位について解説。【リビングの魔王】では小学生の子どもにも分かるように、なるべくむずかしい言葉を使わず、データ量の単位ビット(bit)とバイト(byte)ついて丁寧に紹介します。お子さんに説明するときの参考になれば嬉しいです。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>「<a rel="noopener" target="_self" href="https://living-maou.com/color-rgb/">【<ruby>子<rt>こ</rt></ruby>ども<ruby>向<rt>む</rt></ruby>け】コンピュータと<ruby>色<rt>いろ</rt></ruby>の<ruby>話<rt>はなし</rt></ruby>。<ruby>光<rt>ひかり</rt></ruby>の<ruby>三原色<rt>さんげんしょく</rt></ruby>(RGB)とカラーコードを<ruby>分<rt>わ</rt></ruby>かりやすく<ruby>解説<rt>かいせつ</rt></ruby><span class="fa fa-external-link internal-icon anchor-icon"></span></a>」では16<ruby>進数<rt>しんすう</rt></ruby>について<ruby>解説<rt>かいせつ</rt></ruby>しています。</p>
<div class="blogcard-type bct-together">

<a rel="noopener" target="_self" href="https://living-maou.com/color-rgb/" title="【子ども向け】コンピュータと色の話。光の三原色(RGB)とカラーコードを分かりやすく解説" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-160x90.jpg 160w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-500x281.jpg 500w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-300x169.jpg 300w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-768x432.jpg 768w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-120x68.jpg 120w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01-320x180.jpg 320w, https://living-maou.com/wp-content/uploads/2022/12/color-rgb01.jpg 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【子ども向け】コンピュータと色の話。光の三原色(RGB)とカラーコードを分かりやすく解説</div><div class="blogcard-snippet internal-blogcard-snippet">コンピュータでは色をどうあつかうのか解説。【リビングの魔王】では、小学生向けに絵の具の三原色、色の三原色、光の三原色をかんたんに紹介しつつ、RGBやカラーコードを使った色の指定方法をわかりやすく解説します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://living-maou.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">living-maou.com</div></div></div></div></a>
</div>
<p>&nbsp;</p>
<div class="micro-top micro-center">＼【PR】図をながめるだけでも理解が進みます！／</div><!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");
msmaflink({"n":"コンピューターってどんなしくみ?: デジタルテクノロジーやインターネットの世界を超図解 (子供の科学★ミライサイエンス)","b":"","t":"","d":"https://m.media-amazon.com","c_p":"/images/I","p":["/51lOb7mJigL._SL500_.jpg","/51CB0whYvXL._SL500_.jpg","/51vdz1SAUIL._SL500_.jpg","/51srSZY1N6L._SL500_.jpg"],"u":{"u":"https://www.amazon.co.jp/dp/4416518064","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https://www.amazon.co.jp/dp/4416518064","a_id":1826192,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":16,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https://search.rakuten.co.jp/search/mall/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)/","a_id":1820957,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":15,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https://shopping.yahoo.co.jp/search?first=1u0026p=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%81%97%E3%81%8F%E3%81%BF%3F%3A%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%E3%82%84%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E8%B6%85%E5%9B%B3%E8%A7%A3%20(%E5%AD%90%E4%BE%9B%E3%81%AE%E7%A7%91%E5%AD%A6%E2%98%85%E3%83%9F%E3%83%A9%E3%82%A4%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9)","a_id":1832853,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"7qde0","s":"s"});
</script>
<div id="msmaflink-7qde0">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://living-maou.com/viscuit-binarynumber/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
