Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

プレビュー

画像の表し方

これはレッスンの最初のページです。読んで、アクティビティを試してみましょう。続きは授業の全体にあります。

35分

写真を思いきり拡大する

スマホの写真を、指で思いきり拡大してみてください。

なめらかに見えた絵が、小さな四角のつぶに変わります。

このつぶ一つ一つが、数で決められた色を持っています。今日は、写真が数になる仕組みと、大きさの計算を学びます。

今日のキーワード

ことばいみれい
画素画像を作っている、一つ一つの小さな四角です。ピクセルともいいます。画面の一つのつぶ
解像度画像が、縦と横に何画素あるかを表す言葉です。1920 × 1080
色の深さ1画素の色を、何ビットで表すかです。ビットが多いほど、色が多くなります。24ビット
フルカラー1画素を24ビット(3バイト)で表す方法です。約1677万色です。写真のほとんど
データ量データの大きさです。バイトで表します。768バイト

学生が入力するセルは、このプレビューでは空白です。

画像は、画素の集まり

画像は、画素を、縦と横に並べたものです。1画素には、1つの色が入ります。

白と黒だけの画像なら、1画素は、白か黒かの二つです。ビットなら、1ビットで足ります。

白を0、黒を1にして、数字を並べると、絵が数になります。

小さな確認: 画素

やってみよう

小さな確認: 画素

3問
挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存

答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。

例: 8 × 8 のハートの絵

行絵(■は黒、□は白)二進数十六進数
1行目□■■□□■■□0110011066
2行目■■■■■■■■11111111FF
3行目■■■■■■■■11111111FF
4行目■■■■■■■■11111111FF
5行目□■■■■■■□011111107E
6行目□□■■■■□□001111003C
7行目□□□■■□□□0001100018
8行目□□□□□□□□0000000000

学生が入力するセルは、このプレビューでは空白です。

1行は1バイト

1行は8画素で、1画素が1ビットです。だから、1行は8ビット、つまり1バイトです。

8行あるので、このハートの絵は、8バイトで表せます。

十六進数の列を、8つ並べて覚えておけば、絵を取り出せます。

小さな確認: ハートの絵

やってみよう

小さな確認: ハートの絵

3問
挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存

答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。

レッスンはまだ続きます

このレッスンの残り10つの部分は、練習問題や最後の確認とともに、授業の全体にあります。アカウントがあれば、すべて使えます。