日本文教出版「情報Ⅰ」教科書ラインナップ
詳細な解説と高い資料性で「見てわかる」「やってわかる」「学びたい！」「 教えたい！」に応える教科書

２分冊構成の教科書

情報Ⅰ

情報Ⅰ図解と実習
116

日文 情Ⅰ 711

文部科学省検定済教科書「情報Ⅰ 図解と実習」については別途
内容解説資料をご用意しています。
116

高等学校情報科用

情 報Ⅰ

情 報Ⅰ

堀田龍也

村井純

編

年

実習 編

情報教科書申請本【情報Ⅰ EASY】本体

・見やすく読みまちがえにくいユニバー

Book in Book組

配慮しています。また，植物油イ

サルデザインフォントを採用しています。 ンキと再生紙を使用しています。

表紙

日本文教出版株式会社

情報教科書申請本【情報Ⅰ EASY】別冊

図解編 ―情Ⅰ 711―

社情 3 1 6

文部科学省検定済教科書

高等学校情報科用

1 1 6 日文高等学校情報科用

116

新・情報の科学

日文 社情 317

文部科学省検定済教科書

高等学校情報科用9784536107105

1924304000001

生田孝至

新・情報の科学
水越敏行

村井純

生田孝至

編

編

表紙

村井純

日本文教出版―社情316―日文社情 306

文部科学省検定済教科書

情報教科書文科省申請本 表紙・扉製版代

情報教科書文科省申請本 表紙・扉製版代

新・社会と情報

新・情報の科学表紙

水越敏行

新・社会と情報

日本文教出版

この教科書は，植物油インキと再生紙を使用しています。

新・情報の科学―情科310―116

高等学校情報科用日文

情科 305

文部科学省検定済教科書

情報の科学■ 水越 敏行■ 水越 敏行■ 生田 孝至 編―社情317―

高等学校情報科用

社会と情報■ 村井 純新・見てわかる社会と情報■ 村井 純■ 生田 孝至 編

116

見 てわかる社会 と情報

令和6年度〜

文部科学省検定済教科書

新・社会と情報116

令和4年度 令和5年度

情科 3 1 0

ISBN978-4-536-10710-5
C4304 ¥00000E

日本文教出版

使用教科書の対応表

表紙

実習編 ―情Ⅰ 712―

背幅／ 7.3mm
1 1 6 日文

新・社会と情報※新学習指導要領は令和4年度入学の１年生から年次進行で実施されます。使用する教科書をご確認ください。

実習 編

日本文教出版

日本文教出版株式会社

旧課程用「社会と情報」「情報の科学」教科書

編

・カラーユニバーサルデザインに配慮しています。また，植物油イ

サルデザインフォントを採用しています。 ンキと再生紙を使用しています。

―情Ⅰ 710―

村井純

実習 編

図解 編
図解 編
・見やすく読みまちがえにくいユニバー

組

堀田龍也

日文 社情 307

文部科学省検定済教科書

高等学校情報科用

見てわかる
社会と情報

水越敏行

1年生

新課程用

新課程用

新しい学 習 内 容 へ の期 待に応える教 科 書を

令和4年
（2022年）度版 高等学校情報科 内容解説資料「情報Ⅰ」の授業イメージから設計された充実の解説と実習課題

高等学校情報科用

黒上晴夫

図解 編

・カラーユニバーサルデザインに

年

文部科学省検定済教科書

情報Ⅰ図解と実習

図 解 と実 習

図 解 と実 習

情報Ⅰ図解と実習
黒上晴夫

日文 情Ⅰ 712

116 日文

村井純

生田孝至

編

新課程用
日本文教出版

旧課程用

新課程用

新課程用

3年生

旧課程用

旧課程用

新課程用

日本文教出版

2年生

日本文教出版

社会と情報―社情3０6―

この教科書は，植物油インキと再生紙を使用しています。

日本文教出版

情報の科学―情科305―日本文教出版

見てわかる社会と情報―社情307―平成29〜32年度 内容解説資料
No.00○○○○○○○
令和4年（2022年）度版 高等学校情報科 内容解説資料

新・社会と情報

日文教育資料［小学校社会］

116
平成26 年（2014 年）
1月20 日発行
平成 28 年（2016 年）4 月教科書
10 日発行 記号・番号
日文
情報Ⅰ
写真 shutterstock
本書の無断転載・複製を禁じます。
CD12345CD22148
CD22293

情Ⅰ710

https://www.nichibun-g.co.jp/
本資料は内容解説資料として,一般社
団法人教科書協会「教科書発行者行
動規範」に則っております。

※本冊子掲載QRコードのリンク先コンテンツは予告なく変更
または削除する場合があります。
※QRコードは,株式会社デンソーウェーブの登録商標です。

「学びたい！」「教えたい！」新しい学 習内容への期待に応える教科書を読めばわかる詳細な解説と高い資料性
従来以上に内容が充実した教科書です

情報Ⅰ
序章

情報社会に生きる
わたしたち

第1章

情報社会の問題解決

第2章

コミュニケーションと情報デザイン「情報Ⅰ」では「問題解決」がすべての学習内容のベースになります。問題解

HTML,CSS

な工夫を施しました。

第3章

point

Ⅰ 「問題解決」に取り組みやすく

決の説明をわかりやすく示し, 取り組みやすくする方法を検討し, さまざま

JavaScript

コンピュータとプログラミング
Python

第4章

情報通信ネットワークとデータの活用point

Ⅱ 「主体的・対話的で深い学び」に導く全体設計「主体的・対話的で深い学び」を通して,「 知識及び技能」「 思考力, 判断力, 表現力など」「 学びに向かう力, 人間性など」を育むために, 教科書の全体設計を行いました。

教科書から描く「情報Ⅰ」の授業イメージ
今回の学習指 導 要 領の改 訂により, 情 報 科で学ぶ内容はさらにその範囲を広げ, 本格的なものへと発展しています。Society5.0を見据え, 全ての子どもたちにプログラミング教育
をという方針は, 世の中の注目を集めています。
「情報デザイン」や「データ活用」の内容も新しく, わたしたちはまずその授業イメージを持つ必要があります。教科書は先生方がどのような授業を展開するか, 生徒はどのような学習に取り組むかを具体的にイメージしなが3らつくられます。著者の先生方とともに, 学習
指導要領及びその解説を丁寧に紐解き, 具体的な授業のイメージをひとつひとつ丁寧に教科書の紙面にあらわしました。従来の日本文教出版の教科書同様, 生徒が読めば理解できる, 丁寧かつ十分な量の解説を展開しています。高 校 生の「 学びたい！」という意 欲 ,先生方の「教えたい！」という熱意にしっかりとお応えできる教科書になりました。是非ともじっくりとその内容をご覧ください。

point

Ⅲ 「生徒の探究心に応える」
充実した解説と実習課題, 関連資料
「情報デザイン」「プログラミング」「データ活用」の実習は, 各章の「章末実習」にテーマを上げています。章末に置かれた「技法」には, 実習に取り組
む上で参考になるノウハウ等がまとめられています。

4

Ⅰ
point

「問題解決」に取り組 みやすく

「情報Ⅰ」のベースになる「 問題解決」から学ぶ

身近な題材から本格的な問題解決へ

第1章では情報社会に関連する基礎的な内容を題材として, 問題解決の「Try」と「Guide」で構成された第1章の問題解決は後の章に続く充実した

基本的な流れを体験的に学びます。まず「Try」と名付けた実習に取り組

ウォーミングアップになります。1年を通して問題解決を意識した学習に取み, その後「Guide」で解説をします。

り組むことで, 情報的な見方・考え方が育まれます。

Try

1章8節

情報技術の発展と社会の変化を考えよう❺● AI やロボットがさらに発達したときに生じると考えられる課題をあげてみよう。

を続ける人工知能（AI）とロボットを題材に，これらの発達が，わたしたちの将来の生活にどのような自動運転タクシーなどは，
そもそも事故を起こさない
ようにちゃんと運転できる？

影響を及ぼす可能性があるのかを考えてみよう。

もし事故を起こしたときは誰が責任をとる？

多くの仕事が AI やロボットで代替されるので，わたしたちの仕事が減るのでは？

5

AIやロボットの上手な活用法を考えたい。

8

節
情報技術の発展による社会の変化◆技術の発達による生活や社会の変化の例

問題の整理と分析❷● 現在使われている，AI やロボットの例を調べてみよう。

解決策の立案

10❻● 課題を解決するために，実現したらよいと思うことを考えて，発表し交通系電子マネーができて……
例1

自動翻訳機

例2

ロボット掃除機

例3

受付ロボットよう。

5

イラッシャイマセ

こんにちは

安全・安心な自動運転タクシー

Hello

❸
●

チェック機能を有するAIロボット

例2

例2

改変

がどのように便利になるかを予想しよう。

労働の軽減

きつい・汚い・
危険な仕事を肩代わりするロボット

安全・
スム
移動する ーズに
自動運転
タクシー

料理や
洗濯ができる
家事ロボット

暮らしが豊かに

許しません

人の声で
自動的に
家電
稼働する

冗談もいえて雑談できる
ロボット

緊急時は遠隔操作でコントロールできる。

プログラムの改変をチェックする機能を持っている。

強制停止します考え方
オレ，野球部だよ

解決策を十分に検討できているだろうか。
解決策を計画通りに実行できているだろうか。

吹奏楽部で
忙しいんだ

した内容を振り返ろう。
どうやって強制停止させるの？

42

43

2A
10 10102B
10 1011

ヨロシク

問題の発見・問題の定義

1

3○○高等学校バスケットボール部
バスケット好き集まれ！

ポスターにはどんなことが書かれているとよいだろう？

◦問 題解決の考え方を身に付けよう（p.20-21）◦著 作権侵害について考えよう（p.24-25）

部員が足りません。
私たちはあなたを待っています。

3年生は受験勉強があるからムリだよ

試合したいなー
もっと部員がいたら……

勧誘する場所も大事だよね
考え方
現状を調査・分析し，どのような問題があるか発見できているだろうか。
現状の問題を検討し，解決すべき問題を定義できているだ
ろうか。

やろう，やろう！

よし，部員集めをするぞ！

3

みんなが同じ理想の姿を思い描いて
いるかな？

評価

考え方
ま，いいんじゃない？

2人……

あと2人いれば，ほかのチームと試合ができるぞ！

10 人になれば，試合形式の練習ができるぞ！

◦情 報 技 術 の 発 展と社 会 の 変 化 を 考 えよう（p.42-43）

危険を察知できないときはどうなるの？

チラシはどんな
人に配ればよい
のかな？

オー！
5

次の■
♳～■
♵それぞれの場面で，どこに改善点があるか考えてみよう。

さびしいなあ◦ソーシャルメディアの適切な活用方法を身につけよう（p.38-39）

強制停止機能を持っている。

❼● ほかのグループからの質問に答えたり，意見をもらったりして，発表

過去の膨判例をも 大なして裁判 とに判決を下 のロボット す◦メディアの特性を考えてみよう（p.18）◦サイバー犯罪について考えよう（p.32-33）

事故の可能性を察知すると自動で停止。

より正確な判断
さまざまな
診療データから
正確な診断を下す
医療ロボット

計画の実行とにかくいろいろやってみよう！

問題解決の改善点を考えてみよう1◦個 人情報について考えよう（p.30-31）

制御不能

AI やロボットがいまよりさらに発達することで，わたしたちの生活❹● 調べたことや予想したことをグループ内で共有しよう。
IC タグの登場で……

2

第 節 問題解決の考え方

AIやロボットがさらに発達すると予想される。

理想◦情 報の特性を考えてみよう（p.16）

商品をスキャンします情報社会の問題解決

ロボットが正確な医療診断を下せる？

❶● 問題と目標を明確化しよう。
現状

問題解決の考え方を身につけよう討しなければならない。どのような解決策をとるかによって，問題解決の結果は大きく異なる。次に章

安全性の面などに課題がありそうね

問題解決の考え方

紹介する「部員不足の解消」のための行動は，よい問題解決の方法といえるのか考えてみよう。

第情報社会の問題解決

人工知能（AI） p.44

1章3節

問題を発見して解決策を考える際は，ゴール（理想の姿）を想定し，そこに到達するための方法を検

第

1

章

1 章には全 部で8つの「 Tr y 」があります。考えをまとめたり, 話し合ったりという活動から取り掛かり, 徐々に問題解決の流れを意識したアクティビティに取り組み, 体 験 的に問 題 解 決 的な考え方を身に付けていきます。

問題と目標の明確化

第「Try」で示す問題設定「Try」のテーマ一覧

情報技術の発展による社会の変化

情報技術の発達にともない，わたしたちの生活や仕事，環境はどのように変化していくだろうか。進展

できる限り，たくさん集めたいな！

次はもっと
頑張ろー！

思い描いた通りの結果になっているだろうか。
次の問題解決につながる振り返りをしているだろうか。

いろいろやった
のに……

20

21

14
1 010015
1 0101▲問題解決の考え方を扱うTryも（p.20-21）

十分なウォーミングアップが後の章の学習につながる
Guide

情報技術の発展による社会の変化
1❶人工知能（AI）
Artificial Intelligence
言語の理解や推論，問題解決な1

章

時代において，定型的な作業はコンピュータやロボットでの代替が進んで量のデータがすぐに手に入るようになった。同時にコンピュータの処理能力が向上し，大量のデータを高速で処理することで，コンピュータみずか

5❸

報を生み出すかなど，価値創造型の新しい問題解決能力が求められている。

やロボッ
るようになった。すでに，こうした技術を応用した人工知能（AI）

ウェアラブルデバイス

動植物の狩猟や採集を生活の基盤とする社会。

STEP ❷

デザイン対象の発見
現状分析
問題の選択
情報の収集

STEP ❸

解決策の立案
デザインのための
要件の定義
設計

◀

◀

試作
評価

10

STEP ❹

試作・評価

改善・運用

◀

改善
運用

問題

問題点の分析

考えてみよう2

デザイン対象の発見

STEP ❶－

現状分析～問題の発見のために

自分たちの周囲にどのような問題・課題があるのかを利用者の立場で考

2
3

農耕社会

校内・校外でアンケート。

なぜ文化祭に人が来ない？

集計

問題
（テーマ）
の選択

10

利用者の目線に立って現状の問題点や課題を洗い出していく中で，自分たちがデザインの力を用いて解決したい問題のテーマを選ぶ。
▼図 2 ブレーンストーミングから問題を発見，選択する

遠隔医療と介護ロボット

Society 3.0

情報社会Society 4.0のテーマにしよう！

IoT， ビ ッ グ デ ー タ，AI，ロボットの活用による，人類がこれまで歩んできた社
会に次ぐ第 5 の新たな社会。

18 世紀産業革命以降の，工業を経済活動の中心に据えた社会。

44
2C
10 1100﹃文化祭に人が来 な い﹄ を 問 題

情報通信技術の活用
で，工業社会をより高度化した社会。

IoT 家電／ AI 家電

Society 5.0



と決まっているため，それぞれのグループの残りの空き人数を記録しておき，与えた番号のグループの空きが０の場合は，再度１から３までの整数

保護者などにを与え直すことにする。
インタビュー。

分析

1 import random ①
2
3 lot_num = [6, 7, 7] ②
4 group_list_1 = []5 group_list_2 = []③
6 group_list_3 = []78 i = 0 ④
調査の結果を集計する。
学校への興味・関心が薄いことがわかった。
9 whilei < 20: ⑤
10
n = random.randint(1, 3) ⑥
11
if lot_num[n-1] > 0:12
if n == 1:▼表 1 調査方法の種類
13
group_list_1.append(i+1)
14
手法
説明elif n == 2:15group_list_2.append(i+1)
⑦
16
else:
調べたい内容に関する質問紙を用いて，利用者に回答してもらう調査
質問紙法
17 ページを利用することもある。
group_list_3.append(i+1)
方法。紙だけでなく，Web
18
lot_num[n-1] = lot_num[n-1] - 1
調べたい内容を対面で聞き取る調査方法。１対１，またはグループで
19
i = i + 1
面接法
行うインタビューなどがある。
20
21 print('グループ1', group_list_1)
利用者のようすを観察することで，調べたい内容を明らかにする調査
22 print('グループ2', group_list_2) ⑧
観察法
方法。調査者が調査対象とともに活動しながら観察する場合や，第三方法。調査者が調査対象とともに活動しながら観察する参与観察と，
23 print('グループ3', group_list_3)
者として外部から観察する場合などがある。
第三者として外部から観察する非参与観察がある。

94

140

5E
101 1110

8C
1000 1100

1

quantitative datagroup_num = [6, 7, 7] ①
4group_list_1 = []group_list_2 = []6group_list_3 = []7

member = [] ②

8member_flag = [] ③

910 for i in range(20):11member_flag.append(0)1213 i = 0
14 while i < 20:

時系列で分析する

range 関数は一般に for 文とともに用いて，▼図 1 折れ線グラフ
 for変数inrange(
初期値 ,終了値 ,増分）: 実行内容
人口推移のようにあらわし，初期値≦変数< 終了値の範囲で増分（千人）
140,000ごとに変数値を増やしながら繰り返す。初期値と増分を120,000
1960 年 か ら ど 省略した場合は，初期値を 0，増分を 1 として動作する。
100,000
ちらも人口が増
80,000
えているけど，60,000
日本は途中から ⑤抽出した数がすでに並べられていないかを判定するため，
40,000member_flag の対応する要素を調べる。ま減少しつつある 16 行目で20,000
0（member_flag の値が 0）は，ことがわかるね だ並べられていない場合
1960
1970
1980
1990
2000
2010
2020
17 行目で配列 member に抽出した数を追加し，さらに日本
A国
18 行目で配列 member_flag の値を並べたことを示す「1」に変える。

④

16

if member_flag[n-1] == 0:②各グループの空き人数を格納した配列 lot_num を用意する。

17

member.append(n)18member_flag[n-1] = 1

19i = i + 1⑤

20
21 slice_start = 0 ⑥

22 for i in range(3): ⑦
23slice_end = slice_start + group_num[i] ⑧⑤iが20未満の間，10〜19行目のプログラムを繰り返す。

24

group_work = member[slice_start : slice_end] ⑨25

if i == 0:⑥ n に 1，2，
3 い ず れ か の 数 値 を 代 入 す る。random.
randint(a,b) は a 〜 b の範囲の整数をランダムに返す関数。

26⑦⑥で取得した数値に対応するグループに空きがあれば，話し合ってみよう
append() によって配列 group_list_1 〜 group_list_3
質 問 紙 法，の各末尾にメンバーを追加する。さらに，そのグルー
面 接 法， 観察 法 で 調 査プの空き人数を1減らし，カウンタ変数iの値を1増やす。
し た 場 合，それぞれどのようなメ⑧それぞれのグループのメンバーを出力する。
リットとデ
メリットが
あるか話し合ってみよ
う。

95
5F
101 1111

28
29
30
31

帯グラフ
産業別就業人口の割合

日本
A国

5

0%

50%

第1次産業

第2次産業

箱ひげ図
group_list_1 = group_work

elif i == 1:
group_list_2 = group_work

p.205

⑩

group_list_3 = group_work
slice_start = slice_end ⑪

32
33 print('グループ1', group_list_1)
34 print('グループ2', group_list_2)
35 print('グループ3', group_list_3)

194
C21100 0010▼図 4
図４は世界の国々のGNI（国民総所得）と幸福度の関係を示した散布図なん
だ

散布図

9.000
8.000

A国

7.000
6.000
5.000

日本

4.000
3.000
2.000

0.000

10,000.0▲情報デザインのプロセスと問題の発見
（第2章3節，p.94）▲アプリケーションの開発①（第3章2節，p.140）

20,000.0

30,000.0

40,000.0

50,000.0

60,000.0

70,000.080

1人あたりのGNI（PPP International $）散布図では 2 つの変数の関係の強さ（相関）を見ることができる
10

度数分布で分析する⑥配列 memberに入れた 20 個の数を 3 つのグループに切3り分けるため，各グループの先頭を示す値（配列の添字）を slice_startとし，初期値として 0 を代入する。
データの特徴を把握するために，データがどのように分布しているかを⑦変数見るときは，ヒストグラムや箱ひげ図を用いるとよい。
i が 0 から 2 までの間，繰り返す。

70-74
65-69
60-64
55-59
50-54
45-49
40-44
35-39
30-34
25-29
20-24
15-19
10-14
5-9
0-4

⑩ 配 列 group_work に 格 納 し た 内 容 を group_list_1 〜group_list_3 までの各グループに格納する。

増加するにしたがってもう一方も増加する関係があるときには正あるという。逆に一方が増加し，もう一方が減少するときは負の
15

るという。
▼図 5

A国はまだまだはた
らき盛りの人がいる
けど，このままいくと高齢化しそうな感
じもするね⑨ 配 列 member
添 字 slice_start 〜 slice_end−１
日本 か ら90-94
A 国 ま90-94
85-89
85-89
80-84
での部分を抜き出し，配列
group_work に入れる。 80-84
75-79
75-79
70-74
65-69
60-64
55-59
50-54
45-49
40-44
35-39
30-34
25-29
20-24
15-19
10-14
5-9
0-4

❹

❺

1.000

▼図 2 ヒストグラム（人口ピラミッド）

日本はやはり少子高齢化が進んでいるね

2つのデータの関係性を分析する

2 つのデータの関係性を分析したいときは，散布図を使うとよ日本とぼくたちの姉妹校があるA国の人口をくらべているよ⑧切り分けるグループの最後を slice_end で定義する。

else:

5

4 のようになる。

⑪次のグループに移るため，slice_end を次の開始位置に
男性
指定する。
女性

散布図の相関正の相関（相関が弱い）負の相関

R = 0.90

R = 0.02

R = －0.90

図５の ʀ は相関係数をあらわす。相関係数は－ 1.0 ～ 1.0 の範とり，絶対値が 1 に近いほど関係性が強く，0 に近いほど関係性が
141
8D
1000 1101

45
2D
10 1101100
第3次産業

ぞれの変数を縦軸と横軸にとり，各データをグラフ上に点として10ための配列 member_flag を用意する。
ある現象の時間的な変化を，そグラフを用いるとよい。2 つのデータを 1 つのグラフにあらわせば，変化の時間に沿って連続的に（また④変数
i を 0 か ら 19 ま で １ ず つ 変 化 さ せ な が ら，のようすの違いを比べるのにも役立つ。
は一定間隔で）観測して得られmember_flag に 初 期 値 と し て 20 個 の 0 を 格 納 す る。
た一連の値のこと。

n = random.randint(1, 20)

27

A国は第1次産業に従事する人が圧倒的に多いね❸

一定時間ごとに変化するデータ（時系列）のようすを見るときは，折れ線③抽出した数がすでに並べられていないかをチェックする

❸時系列

15

④グループが決まった人数をカウントするための変数 i を設定し，0 を代入して初期化する。

数値データ②抽出した数を並べて格納するための配列 member を用2意する。

❷質的データqualitative data

①乱数
（p.154 参照）を発生させるためのライブラリを読み込む。

③メンバーの番号を格納するための空の配列を設定する。

▼図 3

7人

データ分析で扱うデータには，身長や点数など数値として意味のある量

も，データの種類によって，分析に使える手法は変わってくる。データを

import random

3
5

1①各グループの人数を格納した配列 group_num を用意す
分析する際には，データの種類を意識する必要がある。
る。

❶量的データ2
4
10

グループの人数は「１」が６人 ，「２」および「３」が 7 人の計 20 人グループに振り分ける方法①

p.48

STEP ❶－

Society 2.0

経済活動が土地の耕作により成り立っている社会。

１から 20 までの番号を持つ生徒１人１人に対して，順番に，１から３までの整数を無作為に与えていくことにする。

「1」が6人，
「2」
が7人，
「3」 が
7人となるようにするんだねまとめ• 学校自体を知らない• 学校への行き方がわからない• 行事の日程を知らない

ブレーンストーミング

グループに振り分ける方法①

調査

7人

考えてみようグループに振り分ける方法②


えて実行してみよう。

をあらわす。

学校や授業に関係する❶❷的データと，性別や名前などデータをカテゴリで示した質的データがある。5データにはどのような
2
前から順番に6 人，7人，7 人に分ける。
ものが あ る か，考えてまた，数値であらわされたデータを数値データという。数値データの中でみよう。

度抽出し直すことにする。

●どのグループに入るかはランダムに決まるようにする。

1

ラフは全体を 100% として，帯を構成する四角形の長さで各要素

幸福度

学級新聞を制作する場
合， 発 行 ま で に ど の よ
うな作業を予定すればよいか考えてみよう。

条件●できるだけ各グループの人数を均一にする。

解決すべき問題が明確になったら，その解決策を立案する作業に移行する。
▼図 3 情報の収集と問題点の分析
3

え，ブレーンストーミングなどを用いてなるべく多く意見を出す。

工業社会

5

情報デザインの作業手順

STEP ❶

5

3

ーチャートで表現してみよう。

ことになる。

6人が重複していた場合は，再文化祭に人があまり来ない章 情報通信ネ�トワ�クとデ�タの活用

Society 5.0で実現すると考えられる技術

自動運転する車，ドローン▼図 1

記録しておき，抽出した数

現実

20 人の生徒を 3 グループに分ける方法として，次の①と②を考えた。それぞ

第

▼図 2

Society 1.0

2

例題 1

考えてみようグループに振り分ける

割合で分析する

データの割合を見るときには，帯グラフや円グラフが適してい

方法①と方法②それぞれ の プ ロ グ ラ ム を， グ

ループの数や人数を変数値データを分析するための手法について，どのようなものがあるか理解しよう。

ただし，同じ数が２回以上出てくることが考えられるため，並べた数を5

情報を集め，得られた結果を分析することで，問題点が明確になる。こる。望ましい状態と現状との間にあるギャップが，解決すべき問題という方法①と方法②をフロれの方法を自動的に処理するプログラムを作成してみよう。

4

やってみよう数値データの分析

2

くり，それぞれのメンバーを出力する。

報を集めていく。
こで改めて利用者の立場に立ち，どのような状態が望ましいのかを考察す5

４ 章 ３ 節 データの活用

それぞれの生徒を示す１から 20 までの整数を無作為に抽出し１列に並べたうえで，先頭からグループの人数と等しい6，7，7で区切って組をつ

節 アルゴリズムとプログラム❹

8

文化祭に人がたくさん来る

情報デザインタサイエンスの手法などを積極的に学んでいく必要がある。

統計学，数学，コンピュータ科
学などを利用し，大量のデータから意味のある情報や規則性，関連性などを導き出す手法を研究する学問分野。

情報デザインの作業手順

情報デザインの考えに基づいて，ものやサービスなどをつくりあげてい
くためには，一般的に次のような手順に従う。

グループに振り分ける方法②

理想

アプリケーションの開発①

6

5

1

３ 章 ２ 節 アルゴリズムとプログラム
情報の収集・分析と解決すべき問題点の分析

/

問題
（テーマ）
を選択・設定したら，利用者がどのような点で困っているのか，満足していない点はどこかなど，より具体的な情報を収集する必要
クラスを３つのグループに分けるプログラムを作成しよう。
がある。調査方法は，表 1 のように複数あり，調査目的に沿った方法で情第 章 コンピュータとプログラミングを利用するための情報セキュリティの知識，④新たな価値を生み出すデー

る過渡期といえる。

STEP ❶－

情報デザインを形にするうえでのおおまかな工程（プロセス）を理解しよう。

❹データサイエンス

情報技術の発展による社会の変化

技術を生かした情報社会を経て，新たな社会となる Society 5.0 へ転換す

情報デザインのプロセスと問題の発見

新しいものや価値を生み出す考
え方や手法を指向する，という意味。

第 章 コミュニケーションと情報デザイン

率的に活用するためのプログラミングの技能，③安全に情報ネットワーク

情報デザイン2

data science
節

❷

10

りやすく情報を伝える情報デザインの知識，② AI やロボットを効果的・効

２章３節

第

10

❸価値創造型

第 節

人々の生活を豊かにしている。

社会の変遷

狩猟社会

わたしたちは，AI やロボットに代替される存在とならないよう，みずからの能力を高めていかなければならない。そのためには，①相手にわか

トが人間の仕事の一部を代替しはじめ，社会の利便性を高めるとともに，
現代は，これまでの資源を加工してものを生産する工業社会から，情報いくだろう。そのような中，わたしたち人間には，これらの技術をどのように活用していくのか，また，膨大なデータからどのように意味のある情

5❶❷ Society 5.0▼図 1

インターネットをはじめとした情報通信ネットワークの発達により，大らが，人の手に頼らずに，状況に応じた適切な情報やサービスを提供でき

日本の第５期科学技術基本計画
で提唱された未来社会の概念，
コンセプト。サイバー空間（仮想空間）とフィジカル空間（現実空間）を高度に融合させたシステ
ムにより，経済発展と社会的課
題の解決を両立するとしている。

情報社会の未来と問題解決

急速な情報通信ネットワークの進展とともに，社会も大きく変化し，それによってわたしたちに求められる能力も変化してきている。人口減少の第

情報社会の問題解決

先に「Try」で自分なりの思考をめぐらした上で解説を読む学習の流れは, 答
えがひとつとは限らない情報社会の課
題にまつわるテーマに取り組むのに最
適です。

こと。
第

「Guide」で補足説明

どの知的行動を人間に代わってコンピュータに行わせる技術の2

Society 5.0の到来▲数値データの分析（第4章3節，p.194）

6

6

Ⅱ
point

やアルゴリズムをビデオコーデックといい，コーデックごとに圧縮方法はコンピュータ上で，動画のデータがどのようにデジタル化されているかを理解しよう。

異なる。たとえば，1 つのフレーム内データを圧縮したり，フレーム間で5❹

動画のしくみ

第章 コミュニケーションと情報デザイン❸

をすべて自分でつくるよりも，すでに用意され，公開されているライブラ
リがあれば，それを利用するほうが効率がよい。ライブラリは，作成する

5❶の動画のフレーム数をフレームレートという。

▼図 1

①
●

❶フレームレート②●③●

1 秒間に何枚の画像を表示する

かをあらわす数値。単位は
fps❸ライブラリ（frames per second）。映画でlibraryは24fps，テレビでは30fpsが一
Python に は，math（ 数 学 関
般的である。
数）や random（擬似乱数）のほ
かにもグラフ描画，データ解析などのライブラリがある（資料

2

動画のデジタル化と圧縮

MP4

MPEG-4 規格で圧縮された動画のファイル形式。

MOV

マルチメディア技術 QuickTime に対応するファイル形式。

H.264，MPEG-1，MPEG-4

WMV

デジタル著作権管理機能に対応した動画のファ
イル形式。

WMV9

MPEG-4 をもとに開発された，
高画質・高圧縮率を実現した規HEIF

画像と動画に対応した圧縮形式のひとつ。高圧縮を実現している。
「ヒーフ」と読む。

H.265

格。音声圧縮には対応していない。

H.264，H.265，MPEG-4，DivX

Experts Group）が策定した音声・動画の圧縮規格。インター
ネット上での動画配信に広く使用されている。

❻ DivX

動画共有サイトにアップできる動画のファイ
ル形式はどれだろう？

すべての情報を数値であらわす

❷

10

10

２〜４章の章末には問題解決型の「章末実習」が置かれています。それぞコンピュータでは文字や音声，画像など，さまざまな情報を数値（符号）として取り扱うことを学んできた。このことに世界で最初に気づいたのは，米よく利用されている WebAPIに は 地 図，SNS， ネ ッ ト シ ョッピング，動画サービスなどを提供しているものがある。

考えてみようMOV

マルチメディア技術 QuickTime に対応するファイル形式。

H.264，MPEG-1，MPEG-4

WMV

デジタル著作権管理機能に対応した動画のファ
イル形式。

WMV9

HEIF

画像と動画に対応した圧縮形式のひとつ。高圧縮を実現している。「ヒーフ」と読む。

H.265

Column コラム❷

10

情報を数値であらわす（符号化する）方法には，大別すると，情報に，一定の規則に従ってもとに戻せるような形式で符号を直接割り当てる方法と，情インタプリタ方式。おもに Web ページに動的な要素を組み込
報の特徴を標本化，量子化，符号化する方法の2 つがある。前者の符号化は文字コード，カ
むために用いられる。

フレーム内圧縮のみ

ラーコードやバーコード，出席番号などで，後20

者は音楽や写真のデジタル化などで用いられてインタプリタ方式。文法が容易で教育用としても使われる。
いる。

シャノンはほかにも，論理演算をスイッチの組み合わせで表現できること，あらゆる算術演
インタプリタ方式。文法が簡単なため初心者でも学びやすい。
算は論理演算の組み合わせで実現できることな
Python フレーム内圧縮＋フレーム間圧縮●フレーム間圧縮
データサイエンスの分野でもよく利用されている。
どを示し，現在の情報理論の基礎をつくりあげ25

クロード・シャノン

86
56
101 0110た。

調べてみようよく使われているプロ
グ ラ ミ ン グ 言 語 と， その言語がなぜよく使われ て い２次元
るかを調べてみよう。コード
87
57
101 0111モデルの構成要素を考え，文章であらわそう

25 1 秒あたりある。動画を構成する1枚1 枚の静止画像をフレームといい，
アルゴリズムをコンピュータが処理できるように，プログラミング言語❶の動画のフレーム数をフレームレート
で記述したものをプログラムという。という。

モデルの構成要素は次のように考える。

● 今日発病する人は，昨日潜伏期間の人になる。

5

クロード・シャノン

senhatsu menfor 文は，「for変数inリスト :」という形式で記述し，リスト内の要素を 1 つずつ変数に代入しながら処理を実行する。次の行からのインデントしたグループ
が繰り返し処理の対象になる。
特定の回数だけ繰り返し処理を実行したいときは，リストの部
分に range 関数を使う。

●

5

例

foriinrange(5):a.append(i)



months = ['Jan', 'Feb', 'Mar', 'Apr']graph.plot(months, [170, 150, 190, 180])

5graph.plot(months, [120, 160, 140, 160])

6

graph.show()例

ヒストグラムの描画

a=[]



➡ 5回繰り返し処理を行う➡ 0〜4までの値をリストaに追加➡ リストaの値を出力[0,1,2,3,4]

print(a)

← 2 + 3 を実行あるプログラミング言語もある。
❺
MPEG-41

import matplotlib.pyplot as graph2

import random

実 行 結 果 例

3

動画圧縮技術の国際標準化団体であるMPEG（Moving Picture
2
Experts Group）が策定した音4 うまく動かなかったときの対処法
声・動画の圧縮規格。インター2 if 文の使い方
エラーメッセージが出る場合
MPEG
MPEG-1 規格で圧縮された動画のファイル形式。 MPEG-1，MPEG-2，MPEG-4モデルを使ってシミュレーションをしてみよう
ある条件が満たされたときだけ指定した処理を実行するしくみを「条件・エラーメッセージをしっかり確認する扱える。変数に値を設定することを代入という。
87 ネット上での動画配信に広く使全体の数が 1000 人，初日に潜伏期間の人が２人，発病している人が０
分岐」といい，Python では if 文で条件分岐を扱う。if 文は「if 条件式 :」たとえば「NameError」というエラーは，そのような名前の変数や関
MP4MPEG-4規格で圧縮された動画のファイル形式。 H.264，H.265，MPEG-4，DivX
人，比例定数 a を 0.002
として，プログラミングで30 日後までのシミュ用されている。数はないという意味なので，スペルミスが考えられる。
57という形式で記述し，条件式が真（True）となる場合だけ，次行以降のイ
while 文←実行結果 ２次元
対応するおもなビデオコーデック
コード
た。
今日の，健康で免疫のない人は，全体から潜伏期間の人，発病している
標準的な動画のファイル形式。データサイズは人，免疫のある人を除いた数である。
AVI
H.264，MPEG-4，DivXの変数から値を読み込んだり書き換えたりすることで，データを効率的に大きい。
ken( 今日 ) ＝ zen －（sen( 今日 ) ＋ hatsu(
今日 ) + men( 今日 )）a×ken×senmen( 今日 ) ＝ men( 昨日 ) + hatsu( 昨日 )

●

ken

sen

hatsu

men

zen（今日）● 回復した人……感染力がなくなり，免疫がついて発病もしなくなる。

いわば，プログラムはコンピュータに対する指示書である。

ken

使う。変数に値を設定し，そ形式
説明と昨日発病した人の和になる。

15

させないものとする。翌日に回復し免疫をつける。

動画のフレーム

a + b

どを示し，現在の情報理論の基礎をつくりあげ
5● 免疫がついた人（今日までに回復した人の合計）
は，昨日免疫があった人10していない人。翌日に発病する。

● 発病した人……感染し発病しているが，人前には出ず，他人に感染▼図 1

zen（昨日）▼表 1 動画データのファイル形式

hatsu( 今日 ) ＝ sen( 昨日 )期間に移る。
● 潜伏期間の人……健康で免疫のない人に感染させるが，まだ発病

3値などの値を格納するために算は論理演算の組み合わせで実現できることな10● 健康で免疫のない人……一定の割合で潜伏期間の人から感染し潜伏◆ while 文について

while 文は，
「while条件式 :」という形式で記述し，条件式が真（True）となる間だけ繰り返し処理を実行する。条件式には「==」や「>」などの比較演算子を使うことが多い。次の行からのインデントしたグループが繰り返し処理の対象になる。

●

例

10

➡ リストの長さが0より大きい間，繰り返すwhilelen(a)>0:

print(a)

➡ リストaの値を出力



a.pop()

➡ リストaの最後の要素を削除

4

arr = []

5for i in range(100):6a=[0,1,2,3,4]

arr.append(random.random())

7graph.hist(arr, rwidth=0.5)

8graph.show()

5

●

15

前日

手順4

翌日

20

レーションをしてみよう。

手順2

健康
免疫なし

一定割合
で感染

1日

1日

発病

else 節は記述しなくてもよい。
その場合は条件式が偽（False）になると，何も実行されないま
ま if 文が終了する。
else 節の前に「elif条件式 :」を記述することもできる。if 文が実行されなかったときは，elif
節 の 条 件 式 が 判 定 さ れ， 真
（True）の場合は次行以降のイ
ンデントしたグループを実行する。

シミュレーションを検証してみよう

このシミュレーションでは，初期値によっては免疫がついた人が全体の人数以上になってしまう場合がある。その原因を考え，プログラムを修正してみよう。

101 011110

条件式が偽（False）の場合に，何か別の処理を実行するには，else 節を◆ else 節について

10

ミュレーションを再度行ってみよう。
手順6

回復
免疫あり

ンデントした部分を実行する。

手順4の初期値をいろいろと変えて，シミュレーションを繰り返してみると，さまざまなことが見えてくるよ

400 人がワクチンを接種し，免疫ができていると仮定して，手順 4 のシ

15

25

潜伏期間

モデルを修正し，シミュレーションをしてみよう

手順5

モデルの構成要素の関係を明らかにしよう

感染の流れを図であらわす。

◆折れ線グラフの描画
折 れ 線 グ ラ フ の 描 画 に は，
pyplot モジュールの plot 関数を使う。
グラフの描画は 2 つのステップで行う。まずplot関数で，グラフに描画したい値のリストを指定する。第 1 引数がグラフの横軸の値（省略可能），第 2 引数がグラフの縦軸の値を意味する。
次 に，pyplot モ ジ ュ ー ル のshow 関数を実行すると，グラフが出力される。

・エラーの行番号を確認する◆ヒストグラムの描画

エラーメッセージには，エラーが発生した行の番号も表示される。指定20

つなげる。次行以降のインデントした部分が，条件式が偽の場合に実行さされた行とその前後に注目すれば，エラーの原因を見つけやすい。

れる。

・全角で書かれていないか確認する

例








test=10

➡ 代入する数値を変えると結果が変わる

iftest>5:➡

➡

Python では，全角と半角は厳密に区別される。

testが5より大きい場合は次行を実行

print('testは5より大きい')

else:

25

testが5以下の場合は次行を実行

15● エラーメッセージは出ないが期待した動作をしない場合

・途中で数値を表示させたりして，どこで違っているのかを特定する

print('testは5以下')❶

・途中の行をコメントアウトするなどし，不具合のある場所を特定する❶コメントアウトプログラムを書く際，記号などを用いて，記述したコードをコメント（注釈）の扱いとして処理されないようにすること。Python
では # 以降がコメントとして扱われる。

A21010 0010

159

9E
1001 1110

2

ヒ ス ト グ ラ ム の 描 画 に は，
pyplotモジュールのhist関数を使う。
描画の流れは折れ線グラフと同様，hist 関数に描画したい値のリストを渡す。このときrwidth
引数に小数を指定すると，縦棒の横幅を狭くして見やすく表示
できる。

162

158

163
A3
1010 0011

9F
1001 1111

15❷大きいため，圧縮技術が不可欠になる。そこで，フレーム間の差分だけを

3 print('駅番号を入力してください')difference関数（組み込み関数） p.136
ます。
検出して利用したり，動きを予測するなどして，データ量を小さく抑える
ここでは，連続する 2 枚の画像
4

station_number = input()
input('JR-O')

6

▼図 2

動画のデジタル化と圧縮方法

教科書QRコンテンツ
7 if number > 0 and number < 20:
イメージセンサ
8
print(stations[number - 1], '駅です')
p.14参照137

２次元コード

10

10コンピュータでは文字や音声，画像など，さまざまな情報を数値（符号）とであれば「ʼ1ʼ＋ ʼ1ʼ」の演算結果は，1 を 2 つ並べた「11」になる。プロ

print 関数は文字列を出力する。
input 関数はキーボードから入力された文字列を受け取る。
int 関数は文字列としての数字を整数値に変換する。
関数では入力された数字を「整数値」に変換する。

１章

演算 p.135撮影された複数のフレーム

その他

して取り扱うことを学んできた。このことに世界で最初に気づいたのは，米文字列型 文字列をあらわす型

国の数学者クロード・シャノン（Claude Elwood Shannon）
である。シャノン

論理値型 真理値の真（True）と偽（False）を あらわす型

グラミング言語によってデータ型の扱いは異なるが，意図した結果を得る

各章の章末実習と対応する技法の一覧を比較し，変化した部分を抜き圧縮技術が活用されている。
出したもののこと。
5 number = int(station_number)

89
1000 1001

スマートフォンのカメラなどで読み込
んで，教 科 書 Q Rコンテンツにアクセスできます。全部で34本のアニメー
ション教 材と，2 9 0 問からなる用語
問 題 集を用 意しています。どちらもスマートフォンで動作するコンテンツ
で，繰り返し取り組むことで確 実な知識の定着をはかることができます。

手順1

3◆ for 文について

3
4

モジュール 資料 18

教 科 書を読む高 校 生の疑 動画➡
プログラムはどれも Python
マルチメディア技術 QuickTime に対応するフ3
MOV
H.264，MPEG-1，MPEG-4（パイソン）というプログラミ
ァイル形式。
❻ DivX
例 鉄道路線の駅番号から駅名を検索する
問 や気づき,連
想,同調を◆データ型の種類● データ型
ング言語で説明しているよ
MPEG-4 をもとに開発された，
デジタル著作権管理機能に対応した動画のファ
プログラミング言語によって定
WMV
WMV9
動画は複数の静止画（フレーム）
で構成されている。
高画質・高圧縮率を実現した規イル形式。
変数 p.135
演算例
扱うデータがどのような性
1stations
=
['
天王寺
',
'
寺田町
',
'
桃谷
',
'
鶴橋
',
義は異なるが，おもなデータ型
代 弁し, 読 者に語りかけま ●①➡
➡
➡
格。音声圧縮には対応していな
②
●
③
●
④
●
画像と動画に対応した圧縮形式のひとつ。高圧には次のようなものがある。
1 + 1
HEIF
H.265 ←1＋1を実行
変数名のつけ方には明確な決❶フレームレートい。
縮を実現している。
「ヒーフ」と読む。
質のもので，どのように取り'玉造', '森ノ宮', '大阪城公園', '京橋',
数値
2
←実行結果
まりはないが，特別な文字列はす。学習内容を身近に感じ
frame rate
整数型
整数をあらわす型
使用できない（p.160 参照）。
扱うべきかを定めたものを
1 秒間に何枚の画像を表示する'桜ノ宮', '天満', '大阪', '福島','1' + '1'
←1と1を結合
動画共有サイトにアッ
固定小数 小数点の位置をあ▲第３章「章末実習」
感染モデルの▲第３章「技法２」
プログラミング言語
かをあらわす数値。単位は
fps
させ,（frames
学習を進める上で必プできる動画のファイ
11
←実行結果
点型
らかじめ決めてあ
データ型という。たとえば，
Column コラム'野田', '西九条', '弁天町', '大正',
per second）。映画で
データ型 p.135
ル形式はどれだろう？
シミュレーション
Pythonの基本②浮動小数 らわす型
2 動画のデジタル化と圧縮
1 を数値として扱うか，文字列として ʼ1ʼ のように扱うかで演算した場合
記述した値が文字なのか数値なのかをコンピュータ
要 なは24fps，テレビでは30fpsが一
気 づきを誘
小数点の位置を，'芦原橋発しなが', '今宮', '新今宮']
般的である。
が判別できるようにデータ型を定義してプログラム
点型
浮動小数点の指数
すべての情報を数値であらわす
動画の記録に必要なデータ量は，文字や画像，音声などと比べてとてもの結果は異なる。数値であれば「1 ＋ 1」の演算結果は2 になるが，文字部で指定する型を作成する必要がある。
ワクチン接種の効果を確かめる実習
Pythonでグラフを出力する方法の説明など
2
ら, 学習内容の理解を促し❷差分

15

1 枚 1 枚の静止画を圧縮する方法。
画質を損わない程度に，ファイ
ルサイズを減らす。

フレームとフレームの間で変化した部分だけを記録する方法。

プログラミン
動画共有サイトにアップできる動画のファイ
グ言語は，用
ル形式はどれだろう？
途に応じて，
たくさん種類があるのねコンパイラ方式。OS や機器によらずさまざまな環境で実行
Mathematical Theory of Communication)」において，現実世界のすべての情報を数値であらわせると述べている。
することができる。

撮影された複数のフレーム

JavaScript
BASIC

い。

は，1948 年に同僚と出した論文「コミュニケーションの数学的理論（AJava

動画のデジタル化と圧縮方法●フレーム内圧縮❻ DivX
MPEG-4 をもとに開発された，
高画質・高圧縮率を実現した規格。音声圧縮には対応していな

国の数学者クロード・シャノン（Claude Elwood Shannon）
である。シャノン

圧縮技術が活用されている。

カメラ

10

声・動画の圧縮規格。インター
ネット上での動画配信に広く使用されている。

フレーム内圧縮＋フレーム間圧縮

5

実 行 結 果プログラミング言語Py thonの基本②

H.264，H.265，MPEG-4，DivX

特徴

動画のデジタル化と圧縮

イメージセンサ

考えてみようMPEG-4 規格で圧縮された動画のファイル形式。

コンパイラ方式。OS やアプリケーションの開発に用いられる。
すべての情報を数値であらわす
動画の記録に必要なデータ量は，文字や画像，音声などと比べてとてもパソコンだけでなく，家電やスーパコンピュータまでさまざCコンピュータでは文字や音声，画像など，さまざまな情報を数値（符号）と大きいため，圧縮技術が不可欠になる。そこで，フレーム間の差分だけをして取り扱うことを学んできた。このことに世界で最初に気づいたのは，米まな機器に対応できる。
検出して利用したり，動きを予測するなどして，データ量を小さく抑える2▼図 2

一般にフレーム内圧縮
のみの動画データより
も， フ レ ー ム 間 圧 縮 が採用された動画データのほうがデータ量が少なくなる。その理由を考えてみよう。

MP4

H.264，MPEG-4，DivX

めくる速さを変えたら，見え方はどう変わる？

●
5

折れ線グラフの描画

import matplotlib.pyplot as graph

技法

出したもののこと。

度，関数とtei(数値)」
，何度も簡
るんだ！

MPEG-1 規格で圧縮された動画のファイル形式。 MPEG-1，MPEG-2，MPEG-4

1 プログラムとは機構では，映像として動いているように感じられる。これが動画の原理で行うことで，ワクチンを接種する場合と接種しない場合の違いを明らかにする。

例

12

第 節 アルゴリズムとプログラム
情報のデジタル化

言語名

標準的な動画のファイル形式。データサイズは大きい。

感染して広がる病気が流行しているが，ワクチンの接種で防ぐことができる。ワ

クチン接種を奨励するために，病気の感染モデルを作成し，シミュレーションを

いつの時点かがわかるように，ここでは，たとえば「ken(今日)」や「ken（昨日）」などのようにかっこで補足しているよ

節

算，統計処理，人工知能，教育などがある。
▼表●①1 おもなプログラミング言語
②
●
③
●
④
●

AVI

MPEG

動画圧縮技術の国際標準化団体であるMPEG（Moving Picture
Experts Group）が策定した音5

第ここでは，連続する 2 枚の画像を比較し，変化した部分を抜き対応するおもなビデオコーデック

ション，スマートフォンアプリなどがある。また，用途としては科学技術計

動画のフレーム
動画❶フレームレート説明

2❺ MPEG-4

わずかに異なる静止画像を短い時間間隔で連続して見ると，人間の認知◇ テーマ

章 コンピュータとプログラミング

▼図 1

形式

定められた規格。MPEG-2 の 2倍以上の圧縮効率で，最も普及している。H.264 の約 2 倍の圧縮効率を実現した，後継規格である H.265 もある。

手順3

20

キャラクターのセリフ ハードウェアであるコンピュータは，プログラムがなければ動作しない。
フレームとフレームの間でみよう。
変化した部分だけを記録する方法。

技法

3 章 コンピュータとプログラミング

3 章 コンピュータとプログラミング

フレーム内圧縮のみ
プログラムとは何か，プログラムの構成要素には何があるかを学ぼう。
章末実習 感染モデルのシミュレーション
1

ス
ートフォンで静止
1 枚マ
1 枚の静止画を圧縮する方法。
画質を損わない程度に，ファイしている物体を少しずルサイズを減らす。
調べてみようつ動かしながら撮影
し，
プ ロ撮グ影ラしムたと写い真うを言連
葉●フレーム間圧縮
続して表示してみよう。
の意味を辞書で調べて動画を圧縮・展開するためのしくみ。
ここであげられた要素は多くの❹H.264
報の特徴を標本化，量子化，符号化する方法のプログラミング
異なる。たとえば，1つのフレーム内データを圧縮したり，フレーム間でプログラムは，基本的に次のような要素によって構成されている。
電気通信の国際標準を策定する
言語で共通して
2 つがある。前者の符号化は文字コード，カITU-T（国際電気通信連合
ITU
3 グラフの出力
いるよ5 モデルの構成要素の関係を式であらわそう
データを圧縮したり，あるいはその両方をするなどの違いがある。ビデオ
グラフの出力には，「matplotlib」というグラフ描画などの機能を持つの部門のひとつ）などによって技法
ラーコードやバーコード，出席番号などで，後まず，モデルの構成要素を次のような変数であらわす。
❹❺❻ 2 プログラミング言語Pythonの基本②ライブラリを使用する。この機能を利用するには，まず import 文を使って Python に pyplot モジュールを読み込んでおく必要がある。
定められた規格。MPEG-2の2● 変数 健康で免疫のない人の数：ken
全体の人数
：zen
コーデックの規格にはH.264 や MPEG-4，DivX などがある。
者は音楽や写真のデジタル化などで用いられて感染し潜伏期間の人の数：sen
発病した人の数：hatsu
倍以上の圧縮効率で，最も普及
1 ループの使い方❶
回復し免疫がついた人の数：men
いる。
同じ処理を繰り返して実行したいときは，「ループ」を使う。Python❶変数している。H.264の約2倍の圧
動画は映像と音声を両方扱うため，それぞれの表現方式や使用できる変数とは，名前のついた箱
演算例
では，for 文と while 文という 2 種類の方法でループ処理が行える。
病気は免疫がない人が多いほど，または現在潜伏期間の人が多いほど，
variable
縮効率を実現した，後継規格でシャノンはほかにも，論理演算をスイッチの新たに感染する人が増えると予想できる。よって，感染する
（今日潜伏
a = 2
←変数aにfor
2を代入
文
5 コーデックの違いなどにより，多くのファイル形式が存在する。
期間となる）
人は，昨日の免疫がない人の数と，昨日の潜伏期間の人ののようなもので，文字列や数ある
H.265 もある。
変数を使う際，あらかじめ変数
組み合わせで表現できること，あらゆる算術演
数の両方の積に比例すると仮定する。比例定数をa とおくと，
b = 3←変数bに3を代入
2
名やデータ型を宣言する必要のsen( 今日 ) ＝ a × ken( 昨日 ) × sen( 昨日 )情報を数値であらわす（符号化する）方法には，大別すると，情報に，一定❸

第❶電気通信の国際標準を策定する
ITU-T（国際電気通信連合 ITUの部門のひとつ）などによって情報のデジタル化

開発するソフトウェアには，OS，アプリケーション，Web アプリケー▼表 1 動画データのファイル形式の動画のフレーム数をフレームレートという。

frame rate

❷差分56
101 0110コーデックの違いなどにより，多くのファイル形式が存在する。

5ある。動画を構成する1 枚1 枚の静止画像をフレームといい，1 秒あたり

1 秒間に何枚の画像を表示する
かをあらわす数値。単位は fps

difference❻

カメラ●フレーム内圧縮

video codec

2 プログラムの構成要素 といい，コーデックごとに圧縮方法はやアルゴリズムをビデオコーデックの規則に従ってもとに戻せるような形式で符号を直接割り当てる方法と，情コンピュータ上で，動画のデータがどのようにデジタル化されているかを理解しよう。

やってみよう2

章末実習

動画の圧縮技術にはさまざまなものがある。動画を圧縮・展開する技術

感染モデルのシミュレーシ�ン

開発するソフトウェアや用途による分類●
機構では，映像として動いているように感じられる。これが動画の原理で動画は複数の静止画（フレーム）で構成されている。

（frames per second）。映画では24fps，テレビでは30fpsが一般的である。

❺

動画は映像と音声を両方扱うため，それぞれの表現方式や使用できる

節

章 コミュニケーションと情報デザイン

めくる速さを変えたら，見え方はどう変わる？

❹

コーデックの規格には H.264 や MPEG-4，DivX などがある。

ムがソースコードを１行ずつ直接実行する。

❹ H.264第第スマートフォンで静止している物体を少しずつ動かしながら撮影
し， 撮 影 し た 写 真 を 連
続して表示してみよう。

動画のしくみわずかに異なる静止画像を短い時間間隔で連続して見ると，人間の認知一般にフレーム内圧縮
のみの動画データよりも， 話し合ってみよう
フレーム間圧縮が採用された動画データ
WebAPIを使っているサのほうがデータ量が少ービスを調べ，WebAPI
なくなる。その理由を考❸ビデオコーデック
video を
codec使 う メリット に つ い
えてみよう。
動画を圧縮・展開するためのしくみ。
て，話し合ってみよう。

撮影された複数のフレーム
３ 章 ２ 節 イメージセンサ
アルゴリズムとプログラム❸ビデオコーデックての情報を数値であらわせると述べている。

15

章末実習

異なる。たとえば，1 つのフレーム内データを圧縮したり，フレーム間で5

1は，1948 年に同僚と出した論文「コミュニケーションの数学的理論（A

情報のデジタル化

動画のデジタル化と圧縮方法

章 コンピュータとプログラミング❸

86
CPU が実行する。インタプリタ方式ではインタプリタと呼ばれるプログラ
データを圧縮したり，あるいはその両方をするなどの違いがある。ビデオ

20

２章２節

第

動画データの圧縮技術と動画データのファイル形式

代表的なものにコンパイラ方式とインタプリタ方式がある。コンパイラ方
動画の圧縮技術にはさまざまなものがある。動画を圧縮・展開する技術

やアルゴリズムをビデオコーデックといい，コーデックごとに圧縮方法は式では，プログラム（ソースコードという）の全部を機械語に翻訳し，これをコンピュータ上で，動画のデータがどのようにデジタル化されているかを理解しよう。

節 アルゴリズムとプログラム

動画のデジタル化

やってみよう第

情報のデジタル化

6

Interface

第 章 コンピュータとプログラミング
章 コミュニケーションと情報デザイン

3

２章２節

❹ API

ApplicationProgramming第● 実行のしかたによる分類

2❺ Web API

プログラミング言語は，次のように分類することができる。

15

圧縮技術が活用されている。

▼図 2

6 動画のデジタル化▼学習のポイントを示す4つのアイコン
3 プログラムの構成要素①
動画のしくみ記述することで，提供された機能やサービスを利用できるようになる。と「考えてみよう」「やってみよう」「 話し合ってコラム
Columnさまざまなプログラミング言語
みよう」「 調べてみよう」の4つのパターンで
これまで，さまざまな種類のプログラミング言語が開発されてきた。それ
生徒に問いかけ,思考や対話を促します。
ぞれに特徴があり，利用目的や動作環境などによってふさわしい言語がある。

ザが
と数値。

MPEG-1 規格で圧縮された動画のファイル形式。 MPEG-1，MPEG-2，MPEG-4て章末実習と対応する形でまとめました。
Mathematical Theory of Communication)」において，現実世界のすべ
3 動画データの圧縮技術と動画データのファイル形式❺，s+1 未満の間で 2 ずつ増

MPEG

Column コラム

動画の記録に必要なデータ量は，文字や画像，音声などと比べてとても出したもののこと。

学習のポイン
ト上で通信して利用する API を Web API という。
くに，Web2

標準的な動画のファイル形式。データサイズは大きい。

う」などの学習のポイントを追加し構成しました。
あるプログラムの機能をほかのプログラムから利用するための決まりや❹点以下を切り捨てた値を設る，平方根を計算する関数

説明

AVI

れの実習に取り組むために必要なさまざまなテクニックなどを「技法」とし
国の数学者クロード・シャノン（Claude Elwood Shannon）
である。シャノン

しくみのことを API という。API が定めたルールに従ってプログラムを

数を def で定義する。

対応するおもなビデオコーデック

動画圧縮技術の国際標準化団体であるMPEG（Moving Picture

形式

H.264，MPEG-4，DivX

2「 章末実習 」と実習をサポートする「 技法 」④●

frame rateを比較し，変化した部分を抜き

10

7❺ MPEG-4

ここでは，連続する 2 枚の画像10ならば素数として k の値を数で割り切れるか判定する。

▼表 1 動画データのファイル形式

検出して利用したり，動きを予測するなどして，データ量を小さく抑えるに加え,「 主体的・対話的で深い学び」を促す「やってみよう」「
考えてみよ

もとに処理された結果のうかの状態をあらわすためは素数ではない）。

縮効率を実現した，後継規格である H.265 もある。

動画

動画は複数の静止画（フレーム）
で構成されている。

● API

5

りを関数という。

み込む。

コーデックの違いなどにより，多くのファイル形式が存在する。

動画のフレーム18 参照）。
differenceことがある。このような動画は映像と音声を両方扱うため，それぞれの表現方式や使用できる5ある。動画を構成する1 枚1 枚の静止画像をフレームといい，1 秒あたり

本編の紙面は「本文＋図＋側欄での用語解説」というこれまで通りの機能
プログラムに読み込むことで利用できる。
❷差分大きいため，圧縮技術が不可欠になる。そこで，フレーム間の差分だけを

素数
をプ
ね

の部門のひとつ）などによって定められた規格。MPEG-2 の 2倍以上の圧縮効率で，最も普及している。H.264 の約 2 倍の圧

第 節 情報のデジタル化機構では，映像として動いているように感じられる。これが動画の原理でめくる速さを変えたら，見え方はどう変わる？

よく利用される機能や，特定の目的のために作成された機能を実現したプログラムの集まりをライブラリという。プログラミングでは必要な機能

義されている組み込み関❻

コーデックの規格には H.264 や MPEG-4，DivX などがある。

わずかに異なる静止画像を短い時間間隔で連続して見ると，人間の認知

スマートフォンで静止している物体を少しずつ動かしながら撮影
し， 撮 影 し た 写 真 を 連
続して表示してみよう。

2● ライブラリい。

❺

電気通信の国際標準を策定する
ITU-T（国際電気通信連合 ITU「主体的・対話的で深 い学び」に導く全体設計
1

やってみようオーソドックスな紙面構成と「学習のポイント」

何度も同じプログラムを

データを圧縮したり，あるいはその両方をするなどの違いがある。ビデオ❹ H.264

ためにはデータ型の定義が重要になる。
は，1948 年に同僚と出した論文「コミュニケーションの数学的理論（AMathematical Theory of Communication)」において，現実世界のすべ

15
20ての情報を数値であらわせると述べている。

● 演算

３章 「 感染モデルのシミュレーション」

情報を数値であらわす（符号化する）方法には，大別すると，情報に，一定の規則に従ってもとに戻せるような形式で符号を直接割り当てる方法と，情演算には，四則演算など数演算例◦問 題と目標の明確化◦プログラミング言語Pythonの基本①a = 5←変数aに5を代入
報の特徴を標本化，量子化，符号化する方法の値を計算する算術演算，2 つb = 3←変数bに3を代入
2 つがある。前者の符号化は文字コード，カ◦問題の整理と分析◦プログラミング言語Pythonの基本②の値の大小関係や等値関係をラーコードやバーコード，出席番号などで，後20
a / b←5÷3を実行stations［］は「配列」を示している。配列の要素はフレーム内圧縮のみ
10
print('該当する駅はありません')◦解決策の立案と仮説の決定
0 番目からはじまるため，実際に入力した値とは
11.6666666666666667 ←実行結果判定する比較演算，複数の真者は音楽や写真のデジタル化などで用いられて考えてみようずれることに注意する。Python における配列の扱いる。
実 行 結 果●フレーム内圧縮
25 理値を組み合わせたりするな◦実行・評価・共有a ** b←53を求めるいについては，p.161 を参照。
一般にフレーム内圧縮
1 枚 1 枚の静止画を圧縮する方法。
シャノンはほかにも，論理演算をスイッチの
駅番号を入力してください
125
←実行結果
のみの
動画データより画質を損わない程度に，ファイどの論理演算，変数に値を代
４章「地域の問題を解決する」◦文書作成ソフトウェアによるレポートの作成
11
JR-O11
組み合わせで表現できること，あらゆる算術演
ルサイズを減らす。
も， フ レ ー ム 間 圧 縮 が
a == b←5と3は等しい
フレーム内圧縮＋フレーム間圧縮
大阪 駅です25
採用された動画データ
算は論理演算の組み合わせで実現できることな入するための代入演算などが◦プレゼンテーションソフトウェアによる図解作成
ここでは基本的な
False
←実行結果
◦アンケー
ト調査によるデータの収集のほうがデータ量が少●フレーム間圧縮 プログラムがどんどを示し，現在の情報理論の基礎をつくりあげ
２次元ある。
フレームとフレームの間で赤文字はユーザが入力した数値。
なくなる。その理由を考な要素で構成され(a > b) or (a < b) ←5＞3または5＜3のif〜elseが前に習った「分◦表計算ソフトウェアによる表作成とその活用
コード
クロード
・
シャノン
た。
◦量的データの分析手法 やってみよう
変化した部分だけを記録する方法。
ているかさえ理解
入力値「11」に対応する「大阪」
9

else:

えてみよう。

が表示される。

8656
101 0110134861000 0110▲アニメーション教材 「フレームとフレームレート」

カメラ

できればOKよプログラム内で演算をあらわす記号を演算子という。

データ構造

p.138

岐構造」
（p.132参照）
を表現しているんだ

プログラム内で演算をあらわす記号を演算子といい，た
２章「ポスターやWebサイ
トの制作」
30

いずれかは正しい

True

←実行結果
◦統計的検定とえば，1 と 2 の和をあらわす「1+2」では「+」がその演算子に当たる。

◦ポスターの制作◦W ebサイトの構造とレイアウト◦基 本ページの作成（HTMLとCSS）◦メニューとコンテンツの作成◦J avaScriptの活用

前ページのプログラムを
身 近 な 交 通 機 関の 駅 名に置き換えてみよう。

87
57
101 0111

135871000 0111※１章には章末実習がありません。８つのTryで問題解決の基本的な流れを意識しながら，情報社会の課題について考える
アクティビティに取り組みます。

8

Ⅲ

2 アルゴリズムの効率性

節 アルゴリズムとプログラム

point
アルゴリズムコンピュータ上で実行されるプログラムは，アルゴリズムしだいで処理「生徒の探究心に応える」充 実した解説と実習課題,
関連資料
1
効率が大きく変わる場合がある。

アルゴリズムとは何か，
よいアルゴリズムはどうあるべきかについて理解しよう。

5

1 アルゴリズムてみよう

個別に記述する方法と，すべての計算に共通する処理をまとめて記述する▼図 3 まとめて処理するほうが効率がよい

第章 コミュニケーションと情報デザイン

グラミング言語で表現したプログラムを用いる。コンピュータによる処理の論理的な基礎とな

p.137

p.134

アプリケーションの開発①

2

コミュニケーションにおける表
現のわかりやすさや，ものの使
いやすさなど，利用者の立場に立ったデザインや考え方を指す。メディアが多様化し，情報量が増加する現代社会では，情膨大な計算を処報とデザインを総合的にとらえる「情報デザイン」の必要性が理する高度なプ
高まっている。

2章3節「 情報デザイン」で学ぶこと
は，情報を相手にわかりやすく伝える，操作性を高めてコミュニケーショ

車両用

くり，それぞれのメンバーを出力する。
Pythonで学ぶ充実のプログラ
ミング
増えれば，処理にかかる時間は増える。むだな処理を省いたアルゴリズム
5

歩行者用

れる。

技法

2
6人
7人
7人
記録しておき，抽出した数や，効率性を高めたアルゴリズムを用いれば，時間がかかる問題も，わず射撃●道路のペイント（３D 横断歩道）

Webサイトの構造とレイアウト

記録しておき，抽出した数
率的なものを選ぶ必要がある。
き，与えた番号のグループの空きが０の場合は，再度１から３までの整数

▼図 2

9

可視化

教科

●表・グラフ

英語

72

80

数学

66

61 Aクラス

Bクラス

国語

70

75

英語

地理

65

歴史

65

64 化学

物理

60

59

化学

51

65

Web ページのレイアウト例

各種サービス等

ナビゲーション

5

表やグラフ
にする

Aクラス Bクラス Cクラス

ナビゲー
ション

コンテンツ

構造化

手順3

また，それぞれの Web ページから相互にリンクをはり，移動できるよ

物理

コンテンツ
歴史

地理

ベン図

鉱物

金属

国語

非金属
ナビゲーション
1

ナビゲー
ション 2

A

A+B

B

2

コンテンツ

https://www.hospital.xxx

ヘッダ

これからデザインをはじめる人もなんとなくデザインをしてきた人もこれを知ればレイアウトの達人に！

ホーム

タイトル

診療内容

予約受付

ナビゲーション 1

コンテンツ

https://www.hospital/about.xxx

診療内容

リード文

写真・図版

ナビゲー
ション 1

ナビゲー
ション 2

ホーム

診療内容

●内科
コンテンツ

●循環器内科

予約受付

ナビゲー
ション 2

●胃腸内科

○○病院

高齢者の割合は他
ナビゲーション 2
県と比べて差があフッタ
るわけじゃないね

Cascading Style Sheets

60

サブタイトル

DTP ソフトの使い方

コンテンツ
10

樹形図

数学

柱

名称と使い方を学ぼう

解決策を立案しよう

Cクラス● Web ページの階層メニュー

lesson3-4 DTP

ナビゲーション 1●表やグラフ以外のダイアグラム

66●ページレイアウト

ヘッダ

章末実習 地域の問題を解決するのファイル名を決定する。

ただし，同じ数が２回以上出てくることが考えられるため，並べた数を
8 member_flag = [] ③
④ 変 数 i を 0 か ら 19 ま で
１ ページのスタイルを指定
ず つ 変 化 さ せ な が ら，と決まっているため，それぞれのグループの残りの空き人数を記録しておWeb①ライブラリが豊富で,
まざまな機能を利用す❷● 2と3 ～ 100までのすべての奇数で割り切れないか調べる
member_flag に 初 期 値するための言語で，HTMLと し て 20 個 の 0 を 格 納とす る。
6人
7人
7人
5

エスカレータエレベータとコンテンツをる。各 Web ページに表示するメニュー（ナビゲーション）

グループで話し合い，必要なコンテンツとそれに対応する Web ページ

❸ CSS

❹

Webサイトの構造とレイアウト

ための配列 member_flag を用意する。

水球

どのような位置関係にするのかを，グループで考え，決定する。

自身の写真や絵を無断で撮影・描写されたり，それが公表された り す る の を 拒 否 す るよう。
権 利。
❶
路線図はデザインの意する。
Web ページに誰かの写真を掲（リンク）を設定すればよいのか，表示させる画像データの保管
パーリンク
工夫により，わかり載するときは，事前に許諾を得
4 章 情報通信ネットワークとデータの活用やすくなっているね
る必要がある。
場所などがどこなのかを把握しやすくなる。
③抽出した数がすでに並べられていないかをチェックする

試すことになる。

トランポリン トライアスロン バレーボール

技法▲身近な事例でアルゴリズムについて学ぶある問題を解決しようとするとき，何通りもの手順が考えられる場合がくり，それぞれのメンバーを出力する。
グループの人数は「１」が６人，「２」および「３」が 7 人の計 20 人 Pythonの利点（p.130,図1
正確性が求められるアルゴリズム）ある。このようなときは，複数考えられる手順（アルゴリズム）
からより効

残高照会

▼Webページはそのレイアウトから考える（p.107,図2 Webページのレイアウト例）
テニス

テコンドー

その他

group_num = [6, 7, 7] ①

お振り込み

通帳記入

P

卓球

競泳

鉱物燃料

3

101
÷そ
5 ＝割り切れない
方法①と方
②
れぞ
4 法 group_list_1
= []
れのプログ
ム を， グ
5 ラgroup_list_2
= []
ループの数
や
人
数
を
変
6 group_list_3 = []えて実行してみよう。
7 member = [] ②

お振り替え

サーフィン

非鉄金属

それぞれの生徒を示す１から
20 までの整数を無作為に抽出し１列に並
１から 20までの番号を持つ生徒１人１人に対して，順番に，１から３
べたうえで，先頭からグループの人数と等しい6，7，7で区切って組をつ10までの整数を無作為に与えていくことにする。

お引き出し

スポーツ
クライミング

鉄金属

2

2

お預け入れ

スケートボードWeb ページのコンテンツをつくる前に，ページのレイアウトを検討す
トイレ
車いす用

いらっしゃいませ。
ご希望のお取引を押してください。

節 アルゴリズムとプログラム

1「1」が6人，
「2」
が7人，
「3」 が
7人となるようにするんだね●ピクトグラム（東京オリンピックスポーツピクトグラム） ●サイン（案内誘導板）

2 Webページのレイアウト● ATM の操作画面

第章 コンピュータとプログラミング

しよう。

抽象化

度を落として歩行者の安全を確保するような道路のペイントなどがある。

Web ペ ー ジ な ど で 使 用 さ れる，ほかのファイルなどへの参照情報。単に「リンク」とも呼
●路線図
ばれる。

3

▼図 2 抽象化，可視化，構造化の例

トフォンのアプリケーションが何をするものなのか一目で理解できるようえて実行してみよう。
●スマートフォンアプリのアイコン

ただし，同じ数が２回以上出てくることが考えられるため，並べた数を

第 章 コミュニケーションと情報デザイン

第発①

考え方を参考にするとよい。

情報デザインの考えは多くの製品に活用されている。たとえば，スマーなアイコン，ATM で利用者が迷うことなく操作できる画面表示，車が速

hyperlink

3の有無などに左右されないようにするためには，ユニバーサルデザインの10

プログラミングの実習で扱う言語はPythonをが重複していた場合は，再10 かな時間で解決できるようになる。
20 人の生徒を 3 グループに分ける方法として，次の①と②を考えた。それぞグループに振り分ける採用しました。文部科学省の教員研修資料で❶ハイパーリンク
5
度抽出し直すことにする。
方法①と方法②をフロれの方法を自動的に処理するプログラムを作成してみよう。
1 Webサイトの構造
2
ーチャートで表現して例 されているほか,
素数の判定（101が素数であることを調べる）
前から順番に 6 人，7 人，7 人に分ける。
メインの言語と大学入学共通最初に，Web サイトのおおまかな構造を検討する。どのような Web
みよう。
やってみよう条件●できるだけ各グループの人数を均一にする。
ページが必要になるのか，どのような素材（写真やイラストなど）が必要に
テストの試作問題でもPythonに似た言語で●どのグループに入るかはランダムに決まるようにする。
❶● 2 ～グループに振り分ける方法②
100 のすべての整数で割り切れないか調べる
自 動 販 売なるのかを書き出し，それらがどのようなファイル・フォルダの構造にな機で飲み物を①各グループの人数を格納した配列 group_num を用意すの出題がなされています。Pythonには以下の 101 ÷ 2 ＝割り切れない❷肖像権
購 入 す るるのかを明確にしておく。
アルゴリズム
信号機が切り替わるアルゴリズムが，る。
1 import random
グループに振り分ける方法②
101 ÷ 3 ＝割り切れないグループに振り分ける方法①を言葉であらわしてみ
歩行者などの安全を守ってくれる。
2 ます。
ような利点がありやってみよう全部で 99 個の整数を ②抽出した数を並べて格納するための配列 member を用 構造を明確にすることで，それぞれの Web ページからどのようにハイ101 ÷ 4 ＝割り切れない
例題 1

考えてみよう

寄り添ったメディアの選択や表現が必要となる。年齢や言語，文化，障害ンの円滑化をはかるなど，利用者の立場に立ったデザインの工夫が求めら3

身近な事象をピクトグ
ラ ム で 抽 象 化 し， 作 成
したものをお互いが推測 し な が ら， ピ ク ト グ
ラムで表現することのメリットについて話し合ってみよう。

また，伝えたい情報をより適切に届けるためには，情報を受け取る側に10コンピュータの処理性能が高くても，入力するデータ量や演算の回数が2 章ルコミュニケーションと情報デザイン
ー プ の 数 や▼図１
人 数 を情報デザインの活用例
変クラスを３つのグループに分けるプログラムを作成しよう。

▼図 1 正確性が求められるアルゴリズム

話し合ってみよう

ウト，Web サイトの階層メニューなどがある。

て解決するために使う表現方法や技術などのことをいう。情報デザインでログラムになればなるほど，この考え方が重要方法①と方法②それぞになるんだってれのプログ
ラ ム を， グ

べたうえで，先頭からグループの人数と等しい6，7，7で区切って組をつる。複数の事象の関係性などをあらわすために用いる図解やページレイア

5❶

情報デザインとは，社会や身のまわりの問題に対して，デザインを通し

information design

ユニバーサルデザイン
p .100法でわかりやすく表現する。構造化では，情報をある基準に沿って整理す

ならず目的があり，それによってデザインのしかたも異なってくる。

やってみようそれぞれの生徒を示す１から 20 までの整数を無作為に抽出し１列に並

…

ング言語

6

なる。

グループに振り分ける方法②

1 本ずつ輪切りにするより，複数本をいっしょに輪切りにするほうが効率がよい。

10

可視化では，データを表であらわす，グラフにする，図解するなどの方

デザインはコミュニケーションの手段のひとつである。デザインにはか❶情報デザイン2

コンピュータに実際に処理手順を与えるときには，アルゴリズムをプロ

1

第 節 情報デザイン

5

3章2節「アルゴリズムとプログラム」で学ぶことで意図した結果を得るためには，まずアルゴリズムの入念な検討が重要に

ピクトグラムは，ものごとの特徴をとらえ，シンプルにあらわした例である。

5❶３ 章 ２ 節 アルゴリズムとプログラム

抽象化では，具体的なものや動作などについての余分な情報をできるだ

け除いて要点をシンプルに表現する。たとえば，案内表示などで使われる「プログラミング」「情報デザイン」「データ活用」の授業イメージ
情報デザインとは要がある。この処理手順のことをアルゴリズムという。

的を達成するためのこと。プログラムを

情報デザインとは

情報デザインでは，抽象化，可視化，構造化などの手法が用いられる。

処理の回数は，考えてみよう
工夫することでアートとデザインの違減らすことがでいについて考えてみよきるねう。

か処理を行わせるには，コンピュータに対して処理手順を指示しておく必

ズム

2

第 節 アルゴリズムとプログラム

より見栄えよく終わらせようとすることがあるだろう。コンピュータに何「可視化」という 言 葉 は 23 ページでも出てきたね。情報デザインで使われる重要な手法のひ
とつだよ

情報デザインで使われる手法

情報デザイン

情報デザインとは何か，また何のために必要なのかを理解しよう。

方法とでは，後者のほうが処理時間が短くなる可能性が高まる。

わたしたちが何かを行うとき，手順や方法を工夫して，より効率よく，での数字が書きバラバラに並カ ー ド を， 番
率よく並べる
いて考えてみ２章３節

たとえば，複数回の計算が必要な問題を解決する場合，すべての計算をどうすれば若い人た編集の基本画面
キャプション
ちが引っ越してきて フッタ
住環境も大事だよ。自然がくれるだろう？
豊かで過ごしやすいことを●内分泌内科

アピールすればいいのかな

92
range 関数は一般に for 文とともに用いて，10 forin range(20):101÷ 2i＝割り切れないることができる。
④
ここでは以下のように，左にナビゲーションを設け，ナビゲーションのうに，共通のメニューをつくるとよい。
 最for変数inrange(
初 に 2 で 割 り 切初期値
れ る ,終了値 ,増分）:
11 ÷ 3member_flag.append(0)101＝割り切れないとして，次の①と②を考えた。それぞか を実行内容▲身近な事例で情報デザインとは何かを把握
技法5ではJavaScriptを活用します。❹ナビゲーション
計 算 す る か ら，2
全部で
50
個の整数を
右にコンテンツ，さらにヘッダとフッタをつけることにした。
◇ テーマ
12 ÷ 5 ＝割り切れない②
文がわかりやすく,
ソースコー
ドがシンプル構
りよい手順（アルゴリズム）
を選ぶ
101
▼表
1
Webサイトの内容
▼図
1
ファイル
・
フォルダの構造5のようにあらわし，初期値≦変数<
終了値の範囲で増分
以外の偶数は計算しなを作成してみよう。
試すことになる。
13 i÷=70＝割り切れないグループに振り分ける方法①101
2ごとに変数値を増やしながら繰り返す。初期値と増分をくてもよい
ファイル名（p.92,図1
内容素材
情報デザインの活用例）
Python以外のプログラミング言語にも触れるこ
前から順番に 6 人，7 人，7 人に分ける。
index.htmlになる。
14 while i < 20:
自分たちの住む地域の特徴を把握し，地域をよりよくするための課題を探って省略した場合は，初期値を 0，増分を 1 として動作する。
帳で，「に」ではじまる言葉を探す場合，A，Bどちらがよいだろう？
①乱数（p.154 参照）を発生させるためのライブラリを読
やっぱり仕事がある
若い人たちの流入が他県に比べて少ない
content_1.html
index.html
Web サ イ ト の ト ッ ●校章のイラスト一にする。
1 import random ①
15
n = random.randint(1, 20)
解決策を考えてみよう。
み込む。
かどうかじゃない？
から人口が減少しているんじゃない？
開発環境が充実しており,③
Webブラウザ上
プページ。文化祭の●文化祭のときの校とができます。
content_2.html
2
グループに振り分ける方法②⑤抽出した数がすでに並べられていないかを判定するため，
16
if member_flag[n-1] == 0:に決まるようにする。
イメージを載せる。
舎の写真
content_3.html
16 行目で member_flag の対応する要素を調べる。ま初のページから探していく 3 lot_num = [6, 7, 7] ②
B 真ん中のページから半分ずつ探していく
17 を用意す member.append(n)⑤②各グループの空き人数を格納した配列 lot_num①各グループの人数を格納した配列を用意
group_num
で動作するものもある。
だ並べられていない場合（member_flag
の値が
0）
は，
◆持続可能な社会とSDGs
4group_list_1=[]
content_4.html❸ 2と3
注目する項目に関連したデータをオープンデータから収集し，自する。
18 ～ 10までのすべての奇数で割り切れないか調べる
member_flag[n-1] = 1
ージを開く
次のページを開く
次のページを開く
真ん中のページを開く
半分をさらに半分
content_1.html 手順1
文化祭実行委員長の●実行委員長のメッる。
◆ Web ページの構成要素
1 import random後半の半分
自分が住む地域の課題を見つけ
17 行目で配列
member に抽出した数を追加し，さらに5 group_list_2 = []③
common.css
あ い さ つ の ペ ー ジ。 セージ
19 ÷ 2 ＝割り切れないi = i + 1
2
④機 械学習などとの親和性が高く,
実社会の4 章 情報通信ネットワークとデータの活用
101
手順4 発表し，意見をもらおう。必要なら解決策を改善してみよう
仮説検定の考え方・手順
分が住む地域とほかの地域を比べてみよう
るためのヒントとして，SDGs
18 行目で配列
member_flag の値を並べたことを示す
6 group_list_3 = []③メンバーの番号を格納するための空の配列を設定する。
images②抽出した数を並べて格納するための配列 member
を用
校長のメッセージも ●校長の写真とメッ
20
う
101
は，10
×
10
＝
100
3
group_num
=
[6,
7,
7]
も
も
①
があげられる。SDGsとは，2015ていね101 ÷ 3 ＝割り切れないて「1」に変える。
人１人に対して，順番に，１から３
7
意する。
入れる。
セージ
❶仮説を立てる全部で 5 個の整数を
top_school.jpg
技法
よ り 1年大
きいだけの数9 月に国連サミットで採択さアプリケーショ
21 ン開発でもさかんに使われてslice_start = 0 ⑥
4 group_list_1 = []101 ÷ 5 ＝割り切れない考え方
第2章で学んだ④グループが決まった人数をカウントするための変数 i を
統計的検定
8 i = 0 ④
※肖像権
（●
❷）に注意
4 章 情報通信ネットワークとデータの活用▼図 3 箱ひげ図◆箱ひげ図の利用例
れた「持続可能な開発のための10 ま
kosho.png 310➡「日本と I 国の
16 歳の平均身長には差がある」
試すだけで済む。
にする。
4 だから，割る数を22 for i in range(3): ⑦
5 group_list_2 = [] 設定し，0⑥配列
member に入れた 20 個の数を 3 つのグループに切
情報デザインのもにを代入して初期化する。
101
÷7＝割り切れない9 while i < 20: ⑤③抽出した数がすでに並べられていないかをチェックする
する。
2030 アジェンダ」に記載されでに絞ることができるに も箱ひげ図を使って複数のデータて に
どんなスケールで比べるべきだろうか？
おり, 将来に向けた発展性がある。
1_kocho.jpg◯◯市の23
slice_end = slice_start + group_num[i] ⑧
り分けるため，各グループの先頭を示す値（配列の添字）❷調査・集計を行う 考え方を生かし
6 group_list_3 = []データ 1，3，5，9，12，20，22，25，28
ための配列 member_flag を用意する。
10
n = random.randint(1, 3)
た 2030 年までに達成すべき国組み合わせて使う。

が重複していた場合は，再を与え直すことにする。
度抽出し直すことにする。

5C
101 1100

navigation

第

…

ヘッダ

デザイン要素を5定義するCSS
（❸
●）
ファイル

第

101 ÷ 9 ＝割り切れない章 情報通信ネットワークとデータの活用

⑥

2

…

1

29

else:

31

slice_start = slice_end ⑪にメンバーを追加する。さらに，そのグルーPythonをインストールしよう
人数を1減らし，カウンタ変数iの値を1増やす。
1 Pythonのダウンロード

Python をダウンロードし，実行する。

group_list_3 = group_work

32
33 print('グループ1', group_list_1)

2 Pythonのインストール

34 print('
グループ2', group_list_2)「Add Python
3.x to PATH」にチェックを入れ，「Install35 print('
グループ3', group_list_3)
Now」をクリックする。

▲例題でグループ分けのプログラムをいろいろな考
え方で作成し, 改良する過程を追う（p.140-145, アプリケーションの開発①〜③）
3 インストール完了

必要なファイルがパソコンにコピーされ，「Setup was

successful」と表示された

ら， イ ン ス ト ー ル 完 了。

「Close」をクリックする。

パソコンのスタートボタンをクリックし，「コマンド プロン

⑩ 配 列 group_work に 格 納 し た 内 容 を group_list_1 〜group_list_3 までの各グループに格納する。
⑪次のグループに移るため，slice_end を次の開始位置に
指定する。

基本構文
if 条件 1:

1 IDLEの起動

パソコンのスタートボタン

条件 1 を満たす場合に実行する内容をクリックし，「Python 3.x」の中の「IDLE（Python 3.x

3 プログラムの実行

グラムを入力し，「Run」→「Run Module」をクリッ

力し，Enter キーを押す。

2❸平均値
averageの個数で割った値のこと。統計
200
C8
データの代表値としてよく使わ141

1100 1000

1000 1101

for 変数 in リスト :繰り返したい処理

while 継続条件 :if 条件 1:
条件 1 を満たす場合に実行する内容
elif 条件 2:
条件1を満たさず，条件2を満たす場合に実行する内容

繰り返したい処理関数の呼び出し（実行）ひきすう

変数 = 関数名 ( 引数 1, 引数 2, …)
例 引数の中の最大値を取得する

saidaichi = max(10, 50)
メソッドの呼び出し0

偏差（それぞれの数値と平均値との差）を 2 乗し，平均をとる。

❺標準偏差
standard deviation
データの散らばりの度合いをあらわす値。標準偏差を求めるに

変数 = 値 . メソッド名 ( 引数１, 引数２, …)

例 文字列「Hello」の「H」を「M」に置換して表示

5

5

4

4

3

2

1

1

3

思っていた以上に遠くから観光客が
来ているね

40
45
50
55
60
未満 ～44 ～49 ～54 ～59 以上

2

4

5

3

2

1

3

平均値・分散・標準偏差

0

2

1

▲データを活用した生徒のディスカッ
ションイメージても，個々のデータの散らば
Aり具合は異なる場合がある。
（p.200,章末実習） B
分散 や標準偏差 は，この大きいB 高等学校（I 国の標本）100
身長155, 167, 173, 165, 166, 153,
HTML160, 168, 158, 175, 165, 180,
構造
90171, 162, ･･･（単位 cm） 158, 165,
173, 155, 160, 172, ･･･

デザイン
80
165.5 cm

CSS 168.0cm

中央値
最大値
最小値
70
どはすべて，1
つの CSS
ファイルに記述して，すべてのWeb ページで同一 ❷JavaScript
動き
第3四分位数
第1四分位数❸帰無仮説を立てる 60のデザインになるようにする。
50❶で立てた仮説を否定する帰無仮説を立てる。
手順5 3 解決策を実現するための行動をしてみよう
母集団
Web ページに動的な表示を加えたいときは，JavaScript を使う。
40➡「日本と I 国の 16
歳の平均身長は同じである」
標本
10

国語

数学

6B
110 1011

母集団の特徴標本調査から得られた値26%件になる変数）x と，従属変数

22%「平均身長は同じ」とる確率を計算する。確率（p 値）が低ければ，定する変数）
y の間の関係を推❹5 て導き出された直線上の値
y と実際の値との差を残差といい，回帰直線は
26%
22%
され，❶の仮説が立証される。
いう帰無仮説は棄却定するための統計的手法。独立
❺
18%
22%
変数が 1 つなら単回帰分析，独とし
慣習的には，帰無仮説を棄却するときの判断基準（有意水準）
残差を 2 乗した値の総和が最小になるように決定される。2 つのデータの立変数が 2 つ以上なら重回帰分て 0.01（1％）
や 0.05（5％）の確率を用いて，p 値は次のように解析という。1 次式による回帰直相関が強いほど，回帰直線の信頼性は高いといえる。
図 1 が示すように，標本調査では，原理的に誤差を避けることができ釈される。 線（線形モデル）が用いられるこ
解決策の効果を確かない。
20とが多いが，それ以外の式によ
p<.01
1% 水準で有意差あり（グループ A と B で異なる）
めたいなら，p.207▼図 4 回帰直線と残差る曲線（非線形モデル）
を用いる
したがって，標本調査の集計結果から，母集団の特性を結論づけることの仮説検定を用いる
p<.05
5% 水準で有意差あり（グループ A と B で異なる）（kg）
場合もある。
といいよ
10はできない。そこで，標本調査では，統計的検定の手法を用いて，調査で70
手順6 振り返りをしてみよう.05≦p＜.10 有意傾向あり（グループ間で異なる可能性がある）
明らかにしたい傾向や特性（仮説）が有効であるかどうかを判断する必要が60.10 ≦ p有意差なし
（グループ間に差があるとはいえない）
15

2

10

行動後
（解決策の実行後）に，実際に効果があったかを調べるため，課題

5

ある。

50
40

残差

についてもう一度調査を実施するとよい。実行前と実行後の 2 度調査する
3 検定の使い分け

仮説検定ことで，解決策の効果の有無を検証できる。

25

30

標本調査の集計結果に誤差が含まれていることを前提としたうえで，統

201

15

10
仮説検定の例として，日本とI 国の 16 歳の身長の平均値に違いがある
100

110

120

130

140

という仮説の検証手順は次のようになる。
身長

150

160

170

❻

上の例では，平均値の差の検定に用いられる t 検定を使っている。課題研究などで仮説検定を用いる場合には，仮説と用いる尺度に従い，適切な❶

20
y=0.5333x-37.55 という。
計学の手法を用いて仮説の正しさを検証することを仮説検定
180
（cm）

C9
検定手法を使う必要がある。検定手法にはさまざまなものがあるが，t
検1100 1001 ❼定のほかにクロス集計した結果を検定するχ
（カイ）二乗検定などもよく使
われる。

χ
（カイ）
二乗検定

p.207

▲回帰分析のイメージ（p.205,図4 回帰直線と残差）
Column コラム

データの散らばり具合を示す指標となる。

成しようね◆ Web ページをつくる言語

30%
34%
いて，❷のような調査結果（A と B の平均値は異なる結果）が出現す
y＝ax＋bの形の回帰直線であらわされるのが一般的である。
xの値によっ❸（x の演算を行うことで値が決持つのか，許容できる誤差の範囲内なのかを検証する。検証の根拠には確率が用いられる。

CE
1100が
1110
分散（標準偏差）❺仮説を検証するために，自分たちのA高等学校
（日本）
と姉妹校で
いスライドを作
うに，縦置きにして比べることが多い。
ある I 国の B 高等学校で，16歳の身長を計測した。

30

し，正しいか否かを標本に基づいて検証すること。具体的には，仮説と結果のずれが意味を

206

❹

5

母集団と標本の関係と誤差

抽出・調査

母集団について立てた仮説に対分散（標準偏差）
が
小さい

28

❻

hypothesis testing

しかし，平均値が同じであっ25◀︎標本調査では検定が必要であることの説明●行政に伝えてみる● 新聞の投書欄に● Web 上で
2
4 回帰分析
❷のように２つの標本の平均値に差があるように見えるのは，標107
意見を投稿してみる
解決策を公開してみる
本の選び方による誤差が理由であると考える。
（p.206,図1
母集団と標
❻回帰分析
回帰分析は，2 つのデータからなる散布図において相関が認められる場❹仮説検定を行う
regression analysis
合に，それに最もよく当てはまる数式を探るものである。単回帰分析では，（演算を行うときの条
帰無仮説（A独立変数＝ B）
が正しいという前提のもと，統計学の手法を用本の関係と誤差）▼図 2 正規分布（左右対象になる分布）のグラフ ❶仮説検定

られる統計量のひとつである。

20 22

平均値
10
2 文字の体裁，文章や図の配置，ナビゲーションとコンテンツの位置関係なある。そのため，統計的な検定を行う必要が生じる。
▼図 15
この構造はこれまでもずっと同じだったのかな？

0

データの平均値はよく用い

なぜ A 市からの訪問客が少ない
んだろう？

4

0
4

人口減少
問題について

異なる

階級（％）

5
0

2

❸

2
やっぱり産業構造
で果物が占める割
0
合は大きいわ 40
350

複数の数値に対して，それらをすべて足し合わせたあと，数値

if 条件 1:

条件 1 を満たす場合に実行する内容

47

1

1

C:¥Users¥win-e>pip install matplotlib

for 文8D

2

4

問題発見につながるデータ収集
計
では，アンケート調査やテキス
トマイニング技術の活用も有効である。

「pip install 外部ライブラリ名（ここでは matplotlib）」と入

while 文if ～ elif ～ else 文

エディタウィンドウにプロ

60 以上

3 外部ライブラリのインストール

if ～ else 文

条件 1 を満たさない場合に実行する内容

9C:¥Users¥win-e>pip install --upgrade pip

3

6
4

4

◆質的データの収集れる。
※そのほかの言語もサポート！
❹分散
巻末資料13-14, HTMLとCSSの基本variance
データの散らばりの度合いをあ巻末資料15, JavaScriptの基本
らわす値。分散を求めるには，
if 文

しいのはなぜな
5 んだろう？

55 ～ 59「pip install --upgrade pip」と入力し，Enter キーを押す。

プト」をクリックする。

⑨ 配 列 member か ら 添 字 slice_start 〜 slice_end−１ までの部分を抜き出し，配列 group_work に入れる。

else:

プログラムを作成し，実行しよう

2 pipの最新化

512人口の減少が激標本調査における統計的検定の必要性

体重のグループのメンバーを出力する。
Python の公式サイトにアクセスして「 Downloads 」から⑩

1 コマンド プロンプトの起動⑧切り分けるグループの最後を
slice_end で定義する。

➡

11

12

量的デ�タの分析手法

elif i == 1:28
group_list_2 = group_work
Python は，研究からビジネスまで幅広い分野で活用されている。ここでは，インストールの方法から実行のための基本操作，重要用語を確認しよう。
した数値に対応するグループに空きがあれば，30) によって配列 group_list_1 〜 group_list_3

外部ライブラリをインストールしよう

9

技法

27

を slice_start とし，初期値として 0 を代入する。
⑦変数 i が 0 から 2 までの間，繰り返す。

group_list_1 = group_work

章 情報通信ネットワークとデータの活用

if i == 0:

26

3 5

5
ばよい。しかし，標本調査の場合は，全数調査の結果とは異なる可能性がHTMLを作成し，すべてのWeb
ページで共通利用する。
0
5
10
15
20
25
30

第

group_work = member[slice_start : slice_end] ⑨

25

度数

24

第 章 情報通信ネ�トワ�クとデ�タの活用

Pythonの基本，3 い ず れ か の 数 値 を 代 入 す る。random.
,b) は a 〜 b の範囲の整数をランダムに返す⑮陸の豊かさも守ろう⑯平和と公正をすべての人に
45 ～ 49⑰パートナーシップで目標を達
50 ～ 54
成しよう

1

ここでは，
「ヘッダ」
，
「ナビゲー
ション」
，
「コンテンツ」，「フッタ」という呼び名を使っているが，「ナビゲーション」に当たる部分を「サイドバー」，「コンテンツ」に当たる部分を「ボディ」などと呼ぶこともある。
て，わかりやすを比較するときは，次の例のよ

例
アンケート調査で得られたデータは，集計して統計的に分析する必要が▼表 1 身長の測定結果
作成手順の方針（具体例は p.108 ～ 113 参照）（点） Web ページ
グループ
A 高等学校（日本の標本）ある。それが全数調査の場合は，集計結果をそのまま利用して結論を導け
1 ヘッダ，ナビゲーション，コンテンツ，フッタの基本構造を記述した基本

度数

Pythonの基本は本編のほか, 技法や巻末資料でしっかりサポートしています。

▼Pythonのインストール方法
4（巻末資料17, Pythonの基本）

コンテンツ

フッタ

量的データの分析手法

技法や巻末資料でしっかりサポート

ナビゲーション

4章3節「データの活用」で学ぶこと➡自分たちの地域と比較する対象は，都道府県，市町村などの区分をそろえよう。
を slice_start とし，初期値として0 を代入する。
24
group_work = member[slice_start : slice_end]
content_2.html
文化祭のスケジュー ●スケジュール表技法⑨
7 member = [] ② ⑤iが20未満の間，10〜19行目のプログラムを繰り返す。
際目標のこと。以下の17の開発
11
if lot_num[n-1] > 0:
何を比べるべきだろうか？
ルを紹介するページ。
if i == 0:
画像データを入目標がある。
10
8 member_flag = [] ③
④ 変 数 i を 0 か ら 19 ま で １ ず つ 変 化 さ25
せ な が ら，ープの残りの空き人数を記録してお12
if n == 1:⑦変数 i が 0 から 2 までの間，繰り返す。
れるフォルダスケジュール表を入
⑥
n
に
1，2，
3
い
ず
れ
か
の
数
値
を
代
入
す
る。random.
➡自分たちの地域の好きなところ，嫌いなところなどの観点から探ると見つけやすい。
member_flag
に
初
期
値
と
し
て
20
個
の
0
を
格
納
す
る。
26
group_list_1=
group_work13group_list_1.append(i+1) 9
17 の開発目標131の場合は，再度１から３までの整数れる。
randint(a,b) は a 〜 b の範囲の整数をランダムに返す
range 関数は一般に for 文とともに用いて，
27
elif i == 1:
どこからデータを入手すべきだろうか？
10 for i in range(20):14elif n == 2:◆標本調査における誤差⑧切り分けるグループの最後を
slice_end で定義する。
①貧困をなくそう⑩
83④関数。
 for変数inrange( 初期値 ,終了値 ,増分）
標本調査を行って母集団値を推28:
group_list_2 = group_work15
group_list_2.append(i+1) 11 ⑦
member_flag.append(0)content_3.html ➡
文化祭の催し物を紹●催しの説明p.193 の側欄に示したように，日本の政府統計データを集めた「e-Stat」や1000 0011②飢餓をゼロに定する際には，母集団の値と標 実行内容29
else:
介するページ。おも●催しのイメージ写
16
else:
12
③すべての人に健康と福祉を⑨ 配 列 member
か ら 添 字 slice_start 〜 slice_end−１
ま本の値の間に違いが生じる。こ
地域経済分析システム「RESAS」などがある。
⑦⑥で取得した数値に対応するグループに空きがあれば，のようにあらわし，初期値≦変数 < 終了値の範囲で増分
1の違いを標本誤差と呼ぶ。一般④質の高い教育をみんなにな催しを紹介する。
真
17group_list_3.append(i+1) 13 i = 030
group_list_3=
group_work
での部分を抜き出し，配列
group_workに入れる。
append() によって配列 group_list_1 〜 group_list_3
ごとに変数値を増やしながら繰り返す。初期値と増分をに，同一の調査においては，標❶⑤ジェンダー平等を実現しよう※肖像権に注意する。
18
lot_num[n-1] = lot_num[n-1] - 14
1 while i < 20:31slice_start = slice_end ⑪の各末尾にメンバーを追加する。さらに，そのグルー省略した場合は，初期値を0，増分を1として動作する。
❶度数分布表4 参照）を発生させるためのライブラリを読
データを階級ごとに集計し，度数分布表
としてまとめる。そして，度数本数が多いほど標本誤差は小さ⑥安全な水とトイレを世界中に
自分の住んでいる地域はく，少ないほど大きくなる。
⑩
配列group_work
に
格
納
し
た
内
容
を
group_list_1〜
19
i = i + 1
32
プの空き人数を1減らし，カウンタ変数iの値を1増やす。
15
n = random.randint(1,20)
content_4.html
ア魚がほんとにおいしい！
ク セ ス の ペ ー ジ。 ●道で迷いやすい箇人口だと隣町とあ調査結果をいくつかのグループ❷⑦エネルギーをみんなにそし
時系列で比較
group_list_3 までの各グループに格納する。
20
まり差がないな
33 print('グループ1', group_list_1)⑤抽出した数がすでに並べられていないかを判定するため，
16
if member_flag[n-1] == 0:である。 4分布表を柱状のグラフであらわしたものがヒストグラム
学校への交通案内。
所の写真（階級）に区分し，それぞれに属 てクリーンにしてみるとど21 print('グループ1', group_list_1)⑧それぞれのグループのメンバーを出力する。
16 行目で member_flag の対応する要素を調べる。ま⑧はたらきがいも経済成長も34 print('グループ2', group_list_2)
うだろう？
するデータの個数
（度数）
を記入
17
member.append(n)⑤
プの空き人数を格納した配列 lot_num を用意⑪次のグループに移るため，slice_end を次の開始位置に22 print('グループ2', group_list_2) ⑧⑨産業と技術革新の基盤をつくだ並べられていない場合（member_flag
の値が
0）
は，
106
した表のことをいう。
35
print('グループ
3',group_list_3)▼図 1 度数分布表（左）とヒストグラム（右）18
member_flag[n-1] = 1
指定する。
6A
ろう
23 print('グループ3', group_list_3)
17 行目で配列 member に抽出した数を追加し，さらに
110 1010
19
i = i + 1
⑩人や国の不平等をなくそう
18 行目で配列 member_flag の値を並べたことを示す❷ヒストグラムの番号を格納するための空の配列を設定する。
20⑪住み続けられるまちづくりを
12
フルーツだって有名よ！
「1」に変える。
階級（％）
度数
度数分布を見るためのグラフ。
⑫つくる責任 使う責任
21 slice_start = 0 ⑥
140
141
10
が決まった人数をカウントするための変数 i を
柱状グラフともいう。
40 未満
4⑬気候変動に具体的な対策を
8C
8D
22 for i in range(3): ⑦⑥配列 member に入れた 20 個の数を 3 つのグループに切を代入して初期化する。
1000 1100
1000 1101⑭海の豊かさを守ろう
15
手順2 分析結果から課題を見つけよう
840 ～ 441123
slice_end = slice_start + group_num[i] ⑧
り分けるため，各グループの先頭を示す値（配列の添字）満の間，10〜19行目のプログラムを繰り返す。

ナビゲーションとは，もともと「目的地までの経路」や「道順案内」を意味する言葉だが，Webページにおいては，ほかのページへ移動するためのリンクやメ
ニューを指す。

章末実習 地域の問題を解決する

節 アルゴリズムとプログラム「２」および「３」が 7 人の計 20 人

93
5D
101 1101

5

単純集計とクロス集計

平均

データの集計方法のひとつである単純集計は，各項目ごとに，該当する数（度数）
やその割合を計算する。結10

果をまとめた表は，データ分析に生かされる。集計したデータの特性を理解するのに最も単純な方法になる。

▼表 1 クロス集計表
自宅でペットを10

この教科書で学ぶ子どもたち のために（その他の配慮事項）
4章

情報通信ネットワークとデータの活用

章末実習 地域の問題を解決する情報科と「 SDGｓ」の関係

情報科の学びと実社会をつなぐビジュアルで魅せる
1 章 8 節 情報技術の発展による社会の変化「 章とびら
」と「 関連資料」◇ テーマ

情報技術の発展と社会の変化を考えよう

学校教育にもSDGs（ 持続可能な開発目標）を意識した取り組みが期待さ❺●技術の発展だけを目指すことの危うさをAI やロボットがさらに発達したときに生じると考えられれているところです。教科書でも，自分たちの住む地域の特徴を把握し，地域をよりよくするための課題を探

なぜ情報について学ぶ必要があるのか。いま学んでいることが将来どのよ
解決策を考えてみよう。
げてみよう。
示したり，地域の課題を考える実習を設けるなど，配慮しています。
情報技術の発達にともない，わたしたちの生活や仕事，環境はどのように変化していくだろうか。進展
うに役に立つのか。子どもたちのそうした素朴で本質的な疑問に応えるのを続ける人工知能（AI）とロボットを題材に，これらの発達が，わたしたちの将来の生活にどのようなが，ビジュアル中心で魅せるページです。
第3章

情報社会の問題解決

コンピュータの処理能力と高度なアルゴリズムを活用
し，人間の知的能力を代替する技術を人工知能という。人工知能を利用した「自動運転技術」は急速に発展し，社会に浸透しはじめている。

116
74
111 0100

1 節 コンピュータのしくみ

第2 節 アルゴリズムとプログラム

第3 節 モデル化とシミュレーション

問題と目標の明確化

人工知能（AI） p.44❶
● 問題と目標を明確化しよう。

第３章とびら（p.116-117）
現状

安全性の面などに課題がありそうね

自動運転技術を用いた新しいモビリティ構 想 のコンセプト
CGを紹介。
理想◆技術の発達による生活や社会の変化の例

関連資料「量子コンピュータ」（p.128-129）

AIやロボットの上手な活用法を考えたい。

自動翻訳機

例1

関連資料3‑1
関 連

3章1節
p.179

例2

量子コンピュータの開発が急速に進んでいる。

りだが，量子ビットの性質を用いれば，これまで

現在のコンピュータ（＝古典コンピュータ）
は０か１つずつしか計算できなかったこの組み合わせを

１のどちらかの値を持つ「ビット」で情報をあらすべて同時に計算することができる。この「並列

わすが，量子コンピュータは０と１両方の値を同に計算できる」性質を活用することで，古典コン

時に持つ「量子ビット」で情報をあらわす。

ピュータでは到達できない次元の，きわめて高い

こんにちは

第 章 コンピュータとプログラミング

3

Hello

量子アニーリング方式の量子コンピュータ。量子ゲート方式よりも早くに商業利用が実現された。

古典コンピュータの情報処理
ビットは０か１を示す

２ビットで情報をあらわすとき……

1

1

４通りある組み合わせの１つしかあらわせない

0

1

1

1

0

0

1

0

0

量子プロセッサ（処理装置）。マ
イナス 273℃という極低温下で動作させる。

❸●

量子コンピュータの情報処理

量子ビットは０と１を同時に示す組み合わせ最適化問題

例
高精度なカーナビゲーション

２量子ビットで情報をあらわすとき……

量子化学計算例
コンピュータ上での化学実験

機械学習

例
人工知能
（AI）
の高性能化

0

1
1

1
0

何を比べるべきだろうか？

▲第４章章末実習「地域の問題を考え
17 の開発目標
どこからデータを入手すべきだろうか？
①貧困をなくそうる」では側注でSDGsについて解説して➡ p.193 の側欄に示したように，日本の政府統計データを集めた「e-Sta②飢餓をゼロにいます。
（p.200）
地域経済分析システム「RESAS」などがある。

③すべての人に健康と福祉を④質の高い教育をみんなに

0

だから
計算効率
がよい！

調べてみよう左 の 例 以 外 に， ど の よ
うなことが量子コンピ
ュータでできるようにな り そ う か， ま た は 性
能が飛躍的に向上しそうか調べてみよう。

スーパコンピュータでもできなかったことが，できるようになるのかもしれないね

量子コンピュータの外観
（中央）
と内部構造
（右下）
。
これまでのコンピュータとは大きく異なる形をしている。

❹●

自分の住んでいる地域は魚がほんとにおいしい！

人口だと隣町とあまり差がないな

時系列で

してみる
❻
● 課題を解決するために，実現したらよいと思うことを考え

5

うだろう

よう。

チェック機

例

⑯平和と公正をすべての人に

大学入学共通テス
トへの対応
AI やロボットがいまよりさらに発達することで，わたしたちの生活⑰パートナーシップで目標を達

5

人口の減少が激
大学入学共通テストの出題教科・科目に「情報」を新設する方向で検討が進んでいま成しよう思っていた以上にしいのはなぜな
事故の可能性を察知すると自動で停止。
がどのように便利になるかを予想しよう。
遠くから観光客がやっぱり産業構造んだろう？
す。大学入試センターが公表した試作問題やサンプル問題からは,思考力重視の出進化し続けるコンピュータの性能
来ているね
で果物が占める割◆質的データの収集
題が検討されていることがわかります。知識を詰め込むだけでなく, 実習等で多くのこ合は大きいわ
調べたことや予想したことをグループ内で共有しよう。
770
問題発見につながるデータ収集とを経験することが必要です。問題解決を意識した実習展開で多方面から考えを巡ら
430
では，アンケート調査やテキスす時間を十分に設けたいところです。知識偏重ではないと言いながらも,基本的な用
トマイニング技術の活用も有効
語はおさえておく必要があります。充実した本文の解説や手応えのある章末問題, また
1946
1983
2012
労働の軽減
暮らしが豊かにより正確な判断である。
● どのような量子計算も可能。汎用的な用途が見込める。

量子ゲート（回路） ● 量子ビット数を増やしにくい。

● 2019 年にはじめて商用マシンが登場した。

量子アニーリング0⑤ジェンダー平等を実現しよう⑥安全な水とトイレを世界中に
10⑦エネルギーをみんなに そしてクリーンに⑧はたらきがいも経済成長も例 3 受付ロボット⑨産業と技術革新の基盤をつく
STEAM教育への発展
ろうイラッシャイ

量子コンピュータのおもな種類
量子コンピュータ

すべての組み合わせを一度に表現できる

1➡自分たちの地域と比較する対象は，都道府県，市町村などの区分をそろえ

マセ⑩人や国の不平等をなくそう
科学,技術, 工学, アート, 数学の５領域を対象とした横断的な学びの展開が注目を集
安全・安心な自動運転タクシー⑪住み続けられるまちづくりをフルーツだって有名よ！
めています。情報科の学びはもともとSTEAMとの相性がよいものです。
充実した本文⑫つくる責任 使う責任での解説と章末実習＋技法, また豊富な関連資料を用いて多角的に学習内容にアプ
例2⑬気候変動に具体的な対策をローチするこの教科書は,「 知ること」と「創ること」の楽しさをつないでいくSTEAM教⑭海の豊かさを守ろう
手順2 分析結果から課題を見つけよう
育の理念とも合致します。
⑮陸の豊かさも守ろう

処理能力を実現できる。

▼その他の関連資料
ロボット／クラウドコンピュー
1
1
1
0
0
0
ティング／XR（VR，AR，MR）／ユニバーサルデザイン／ 人
量子コンピュータで何ができる？
工知能（AI）／デジタルツイン／インターネット・スマートフォ
IC タグの登場で……
ン／鉄道システム／コンビニエ
ンスストア

4

● 組み合わせ最適化問題にのみ特化。
● 量子ビット数を増やしやすい。

● 量子ゲート方式よりも商用化が進んでいる。

32

量子コンピュータの得意分野

組み合わせ最適化問題とは

約

約

量子
コンピュータが
追い抜く？

万倍

万倍

0

4

SX-2
（1.3GFLOPS）

ENIAC（300FLOPS)

年〜

1

5

京
(10PFLOPS)

年〜

年〜

FLOPS はコンピュータが１秒間に行う演算回数を示す指標。古典コンピュータの性能も指数関数的に伸び続けているが，近い将来，量子コンピュータが現代のスーパコン
ピュータと同等か，それ以上の FLOPS を示す可能性がある。

決められた予算の範囲で，最も満足度の高いお菓子の組み合わせを考えるとする。お菓子の種類が，100種
類，1000 種類と増えるにつれて計算量は膨大になる。量子コンピュー
タなら，総当りではない別の計算方法で，こうした問題の解を高速に算
出できる。

128

3

きつい・汚い・
危険な仕事を肩代わりする
ロボット

安全・
スムー
ズに
移動す
る
自動運
転
タクシ
ー

5

5

4

4

3

3

2

2

1

1

5

0

0

5

なぜ A 市から訪問客が少な
許しま
んだろう？

4

3

QRコンテンツの「用語問題集」に繰り返し取り組むことで, 基本的な知識の定着をはかることができます。
2

1

129

80
1000 0000

11

ロボット掃除機

量子コンピュータ

２ビットであらわせる情報の組み合わせは４通ロボットが正確な医療診断を下せる

どんなスケールで比べるべきだろうか？

解決策の立案 ト」「 STEAM教育」や「 共通テス
への対応

117
75
111 0101

新しいコンピュータの登場

考え方➡自分たちの地域の好きなところ，嫌いなところなどの観点から探ると見つけや▼その他の章のとびらの内容
第1章：体操競技の採点支援
問題の整理と分析
システム／第２章：
ダンスとARの融合によるアート／第４章：❷● 現在使われている，AI やロボットの例を調べてみよう。
スマートシティ

交通系電子マネーができて……

新しいコンピュータの 例として，そのしくみと可 能 性 を紹介。

AIやロボットがさらに発達すると予想される。

もし事故を起こしたときは誰が責任をとる？

ようにちゃんと運転できる？
分が住む地域とほかの地域を比べてみよう

れた「持続可能な開発のための2030 アジェンダ」に記載された 2030 年までに達成すべき国
際目標のこと。以下の17の開発目標がある。

4

章 情報通信ネットワークとデータの活用

章

1

第

そもそも事故を起こさない

自分が住む地域の課題を見つけるためのヒントとして，SDGsがあげられる。SDGsとは，2015
年 9 月に国連サミットで採択さ5第第コンピュータとプログラミング

自動運転タクシーなどは，
手順1
注目する項目に関連したデータをオープンデータから収集◆持続可能な社会とSDGs

影響を及ぼす可能性があるのかを考えてみよう。

81
1000 0001

で
人の声
に
的
動
自
る家電
稼働す

さまざまな
診療データ
から
正確な
診断を下す
医療ロボッ
ト

0

4

3

2

2

1

0

プログラ
クする機
緊急時は遠隔操作でコントロールできる。 この構造はこれまでもずっと
1

0

同じだったのかな？

12

年間指導計画例
基本的な年間指導計画例
月章

問題解決を重視しながら章末実習を中心とした探究的な学習活動を展開する例

節

配当時間

▪情報について学ぶ意義を理解する

第１節 なぜ情報について学ぶのか
序章

1

第３節 学習の前に確認しよう

月

4▪「情報Ⅰ」の学習をはじめる前に，中学校までの学習内容を確認する

第１節 情報の特性

1▪情報の特性を考える

第２節 メディアの特性

1▪メディアの特性を考える

第３節 問題解決の考え方

1▪問題解決の考え方を身につける第４節 法の重要性と意義―著作権

1〜2▪著作権侵害について考える第５節 法の重要性と意義―個人情報

1▪個人情報について考える

第６節 情報社会と情報セキュリティ

1〜2
1

第８節 情報技術の発展による社会の変化

1〜2

技法①～⑦

2

第１節 メディアとコミュニケーション

月
第2章

4〜6

第３節 情報デザイン

4

月

技法①～⑤

4
1

第１節 コンピュータのしくみ

4

月

11

第3章

第３節 モデル化とシミュレーション

2〜4

月
第4章

1

第１節 情報通信ネットワークのしくみ

4〜6

第２節 情報システムとデータベース

2

第３節 データの活用

技法①～③

2〜4
1

※Pythonの基本▪コンピュータネットワークの構成を理解する▪データ伝送のしくみとプロトコルの役割を理解する▪暗号化などの情報セキュリティを高める方法について理解する▪情報システムが社会をどのように支えているか理解する▪データベースの役割について理解する▪データの活用が問題解決に役立つことを踏まえ，データ収集の方法を理解する▪数値データ，テキストデータの分析方法を理解する※オープンデータを活用して地域の課題を発見する※解決策を検討，実施し，振り返る※アンケート調査によるデータの収集方法※量的データの分析手法※統計的検定②中学校までに学習した内容を確認する

2

序章

第２節 「情報Ⅰ」で学ぶこと
第３節 学習の前に確認しよう
第１節 情報の特性①第１章の「Try」のテーマから，グループごとに担当するテーマを決める

第２節 メディアの特性②各「TRY」に対応する「GUIDE」と技法①～⑦を参照し学習活動の見通しを立てる

第３節 問題解決の考え方③「どのようなことが課題になっているか」を他のグループにもわかるようにまとめる

第４節 法の重要性と意義―著作権④グループで解決策を検討し，簡単な提案にまとめる

10〜12 第1章

第７節 情報技術の発展による生活の変化⑦章末問題に取り組み，疑問点等をクラス内で共有する

第８節 情報技術の発展による社会の変化
技法①～⑦
第１章 章末問題■第２章 コミュニケーションと情報デザイン

第１節 メディアとコミュニケーション①第１節～第３節の教科書の内容を各自で読み，疑問点等をまとめる

7

9

第２節 情報のデジタル化②特に理解が難しいという意見が多い部分について，教員から補足説明を行う

第３節 情報デザイン
14〜18 第2章 章末実習 ポスターやWebサイトの制作③章末実習「ポスターやWebサイトの制作」に取り組む④実習に取り組む際には，特に第３節「情報デザイン」及び技法①～⑤を参考にする

技法①～⑤⑤グループごとに制作物のプレゼンをし，相互評価の結果をもとに成果物を改善する

第２章 章末問題⑥章末問題に取り組み，疑問点等をクラス内で共有する■第３章 コンピュータとプログラミング

10月
11

第５節 法の重要性と意義―個人情報
第６節 情報社会と情報セキュリティ⑥一連の活動で生じた生徒の疑問をまとめ，必要に応じて教員から補足説明を行う

6

第１節 コンピュータのしくみ①第３章の内容に取り組むためのプログラミング環境を確認する

第２節 アルゴリズムとプログラム②第１節～第３節の教科書の内容を読みながら，各自で例題に取り組む

第３節 モデル化とシミュレーション③例題に取り組む際には，技法①～②を参考にする

章末実習 感染モデルのシミュレーション④教科書の内容についての疑問点をまとめる⑤例題のうち，うまく動作しなかったものはクラス内で解決方法を確認し，解決する

18〜22 第3章

技法①～②
第３章 章末問題⑥章末実習「感染モデルのシミュレーション」に取り組む

12⑦作成したモデルとシミュレーションの結果をクラス内で共有し，意見交換する⑧クラス内で得られた意見も参考にしながら，モデルとプログラムを修正する⑨章末問題に取り組み，疑問点をクラス内で共有する

1

2■第４章 情報通信ネットワークとデータの活用

第１節 情報通信ネットワークのしくみ①第１節～第３節の教科書の内容を各自で読み，疑問点等をまとめる

第２節 情報システムとデータベース②特に理解が難しいという意見が多い部分について，教員から補足説明を行う

第３節 データの活用③章末実習「地域の問題を解決する」に取り組む

章末実習 地域の問題を解決する④技法①～③を確認し，グループごとにテーマを決める⑤オープンデータから必要なデータを集め，分析結果から地域の課題を明確化する

14〜16 第4章

⑥解決策を立案し，クラス内で共有し，得られた意見から解決策を改善する

3

月

月

章末実習 地域の問題を解決する

2〜3▪情報技術の発展と社会の変化を考える

月

月

2

技法①～②

①序章の内容を確認し，「情報Ⅰ」について学ぶ意義を理解する⑤各グループでまとめたことを発表し，クラス内で共有する

月

月

1

4

5

月

8〜10

章末実習 感染モデルのシミュレーション

12

3

第２節 アルゴリズムとプログラム節
第１節 なぜ情報について学ぶのか■第１章 情報社会の問題解決

月

10月

章

③教科書の目次を見て，学習内容の全体像を確認する

月

章末実習 ポスターやWebサイトの制作

9

4

月

第２節 情報のデジタル化

72

教科書との対応■オリエンテーション▪ソーシャルメディアの適切な活用方法を身につける※問題解決の流れと発想法等の各種手法の使い方※文書作成，プレゼン，表計算ソフトの基本的な操作方法▪メディアの発達，コミュニケーションの形態や特性を理解する▪情報機器のパーソナル化とソーシャルメディアの関係性を理解する▪アナログとデジタルの違い，２進法と情報量の単位との関係を理解する▪コンピュータによる情報の表現のしくみを理解する▪情報デザインの考え方を知る▪情報デザインによる問題解決のプロセスを理解する※学校の魅力を伝えるために文化祭の告知をする方法を考える※ポスターやWebサイトを設計し試作，評価する※文書作成ソフトでポスターを作成する方法※Webサイトの設計，HTML，CSS，JavaScriptの基礎▪コンピュータの基本的な構成を理解する▪CPUによる演算のしくみを理解する▪アルゴリズムの基本構造を確認し，図や表で表現する方法を知る▪変数，データ型，演算子，関数などプログラムを構成する要素を確認する▪配列など，プログラミングでデータを効率よく利用する方法を理解する▪グループ分けプログラムの作成手順を見ながらプログラミングの方法を理解する▪モデル化とシミュレーションの考え方を理解する▪プログラミングによりコンピュータを用いてシミュレーションをする※感染症の感染モデルを作成し，シミュレーションを行う※ワクチンを接種する場合としない場合の違いを明らかにする

配当
時間

学習活動

月

第７節 情報技術の発展による生活の変化▪サイバー犯罪について考える

月

月

月

6

▪「情報Ⅰ」で学ぶ内容を理解する※第１章の各内容はグループで分担して主体的・対話的に取り組み，クラス内で共有する。
※第２～４章は章末実習に取り組みながら関連する学習内容と技法を参照する。
※実習課題にはグループで取り組み主体的・対話的で深い学びにつなげる。

月

第1章

月

5

第２節 「情報Ⅰ」で学ぶこと

主な学習目標技法①～③
第４章 章末問題
巻末問題⑦解決策を実行し，振り返りを行う⑧章末問題に取り組み，疑問点をクラス内で共有する⑨巻末問題に取り組み，疑問点をクラス内で共有する
配当時間合計 56〜70

配当時間合計 56〜70

1314

教師用指導書
教師用指導書教授資料

生徒用副教材
教科書完全準拠

令和4年
3月
発行予定
朱書編

解説編

デジタルデータ編

教科書の縮刷にポイント解説を加えた「朱書編」。

ータ編」で構成する予定です。

サブノート

令和4年
3月
発行予定

教科書の理解を助ける生徒用の副教材です。授業プリント「情報Ⅰ」の指導に関係する解説をまとめた「解説編」。教科書のデータを収録した「デジタルデ

生徒用副教材の代わりとして，また定期テスト前の学習教材としてご活
収録予定の
おもな内容

PDF

図版

テスト
問題集

アニメー スライド テキスト
ション

用ください。

●情報Ⅰ サブノート（情Ⅰ 710準拠）
B5変型判，164ページ，定価660円（本体600円＋税10％）
ISBN978-4-536-25494-6

教科書QRコンテンツ●情報Ⅰ図解と実習 サブノート（情Ⅰ 711準拠）

34本のアニメーションと290問の用語問題

B5変型判，100ページ，定価605円（本体550円＋税10％）
ISBN978-4-536-25493-9

教科書内のQRコードを読み取ることでアクセスできるコンテンツには以下の2つがあります。

ご採用校には解答と紙面のデータを提供します

アニメーション教材

ご採用校には別途IDとパスワードをお知らせし，Webから解答と紙面のデータをダウンロードいただけるようにいたします。

2 進法，論理回路，デジタル化のしくみ，ネットワークのしくみ，暗号化のしくみなど，先生が 1 度説明しただけではなかなか理解できない学習内容も，動きのあるアニメーション教材を繰り返し見ることで，確実な知識の定着をはかれます。

▲「数の表現方法の変換 10進法と２進法」▲「確認問題」と「練習問題」※生徒用の別冊解答や，紙面に赤字で解答が示された教師用書の発 行は予 定しておりませんので，予めご了承ください。

▲「CPUと論理回路」

用語問題集▲ワークシートも豊富に用意

章末の QRコードからは，スマートフォンなどでも動作する用語問題集にアクセスできます。章ごとに順番に出題するモードのほか，
ランダム出題モードも用意しました。総合問題には教科書全体からのランダム出題の機能があり，繰り返し取り組むことで，「情報の語彙力」を高めることができます。

▲各章末には「章末問題」を用意▼こちらは「情報Ⅰ図解と実習 サブノート」の紙面です

教科書QRコンテンツ
サンプルはこちら

開発進行中！

学習者用デジタル教科書▲全体からランダムに出題する機能も
あります。

15

▲出題画面

教科書の紙面をPC，タブレット，スマートフォン等，マルチデバイスで閲覧できる学
習者用のデジタル教科書の発売を予定し
ています。

16

「情報Ⅰ」著者紹介

コンピュータ入力問題集 第3版
Word，Excel，PowerPoint の練習問題を多数収録。各種検定にも対応しています。繰り返し学習できる
便利な練習帳です。
B5 判，120 ページ，
定価 638 円（本体 580 円＋税 10％）
ISBN978-4-536-25358-1

ISBN978-4-536-60063-7 ISBN978-4-536-25359-8
C7037 ¥376E
C7037 ¥376E

ISBN978-4-536-25359-8
C7037 ¥380E

発行

1927037003806

見 て わ か る 情 報 モ ラ ル

9784536253598
定価 （本体380円＋税）

見てわかる

３版

第 ３ 版

Hi !
存

メールのマナー

詐

欺

個人情報

コミュニケーションアプリ

ポイントカード

S N S

誹謗中傷

匿 名 性

肖 像 権

著 作 権

違法ダウンロード

フィルタリング

Point

じょうほう

2016年
（平成28年）
5月15日
編

集

だい

はん

第３版

初版発行

炎

発

行

者

佐々木秀樹

発

行

所

日本文教出版株式会社〒558-0041 大阪市住吉区南住吉 4‑7‑5
TEL：06‑6692‑1261

デザイン

株式会社ユニックス

印刷・製本

株式会社ユニックス©2016 Nihon Bunkyo Shuppan
All Rights Reserved.
ISBN978-4-536-25359-8 Printed in Japan
定価は裏表紙に表示してあります。
本書の無断転載・複製を禁じます。
乱丁・落丁本は購入書店を明記の上，小社大阪本社業務部（TEL：06-6695-1771）あてにお送りください。
送料小社負担にてお取り替えいたします。

拡散

ネットショッピング

2

問題関連ファイルも
日文Webサイトで公開

モラルをしっかりおさえます。第3

適切な引用版ではスマートフォンや SNSにまつ

情報の信憑性スマ ホ・ＳＮＳ 時 代 の

情 報 社 会 の 歩 き 方 Lessons

わる事例を充実させました。

日本文教出版

16/02/26 10:29

B5 判，48 ページ，
定価 418 円（本体 380 円＋税 10％）
ISBN978-4-536-25359-8

point

1

4コマ＋1コマの漫画で，身近な事例を紹介。

2「問題点」とそれに対応する「予防と対策」のセットでわかりやすく。

ネット社会を賢く生きよう！

最新情報モラル 高校版

積極的にネットを活用するための基礎知識と実践スタディ「べからず」集ではなく，生徒が「能動的にネットを使いこなせる」ことを主眼に編集。実践的なケーススタ
ディを通して，情報モラルに対する正しい知識と態度を養います。
B5 判，96 ページ，
定価 528 円（本体 480 円＋税 10％）
ISBN978-4-536-25309-3
発行：日経 BP／発売：日本文教出版

情報 最新トピック集2021 高校版

NEW!!

「情報」を学ぶための最新トピックを厳選した資料集。
「知っておきたい」基本的な内容から「もっと知りたい」高度な内容まで，見開きでわかりやすく解説しています。
B5 判，216 ページ，
定価 1,034 円（本体 940 円＋税 10％）
ISBN978-4-536-25495-3
発行：日経 BP／発売：日本文教出版

17

黒上晴夫

関西大学教授堀田龍也

東北大学大学院教授

村井純

慶應義塾大学教授◆編修・執筆1927037003769

上日本文教出版編集部

http://www.nichibun-g.co.jp/
http://www.nichibun.net/

番

なりすまし

レベル別の構成で着実にスキルアップを。

見てわかる情報モラル 第3版

ように…。コンパクトな構成で情報

パスワード

Friends
み見てわかる情報モラル

1

生徒がトラブルに巻き込まれない

Hello

依

ウイルス対策point

9784536600637

第

情報モラル
スマホのマナー

◆監修

point

1

左ページは基本解説。
右ページは詳しい解説で見開きを構成。

2

企業名や商品名も具体的。
豊富な資料で教科書を強力にサポート。

池田明

大阪市立東高等学校主務教諭

稲垣

忠

辰己丈夫

放送大学教授東北学院大学教授

植原啓介

田邊則彦

ドルトン東京学園中等部・高等部参与

慶應義塾大学准教授

大貫和則

寺嶋浩介

大阪教育大学大学院准教授

茗溪学園中学校高等学校教諭

岡村起代之

時任隼平

関西学院大学准教授

埼玉県立浦和北高等学校教諭

岡本弘之

中川一史

放送大学教授アサンプション国際中学校高等学校副校長

奥村

稔

中西

名古屋高等学校教諭

北海道有朋高等学校教諭

小原

格

中野由章

神戸市立科学技術高等学校教頭

東京都立町田高等学校指導教諭

勝田浩次

中橋

武蔵大学教授清教学園中・高等学校教諭

金田千恵子

登本洋子

桐蔭学園中等教育学校・高等学校教諭

早稲田大学高等学院講師

鎌田高徳

長谷川友彦

近江兄弟社高等学校教諭

神奈川県立茅ケ崎西浜高等学校教諭

亀井美穂子

半田

早稲田本庄高等学院学院長

椙山女学園大学准教授

神藤健朗

三井栄慶

神奈川県立横浜翠嵐高等学校総括教諭

ドルトン東京学園中等部・高等部教諭

黒田

村松浩幸

信州大学教授富山大学教授小林道夫

森棟隆一

白百合学園中学高等学校教諭

神奈川大学附属中・高等学校副校長

小松一智

八百幸大

早稲田大学高等学院教諭

東京都立石神井高等学校指導教諭

高納成幸

吉田

青山学院大学助教

元岐阜県立大垣北高等学校教諭

橘

米田謙三

早稲田大学高等学院教務主任 教頭

日本文教出版株式会社

朝比奈岳彦

東京都立六本木高等学校教諭

新井廣幸

清水正幸

栄北高等学校教諭

東亜学園高等学校教諭

生田研一郎

鈴木雅子

愛知県立守山高等学校教諭

中央大学杉並高等学校教諭

伊藤久泰

長澤昇一

埼玉県立蓮田松韻高等学校教諭

立命館守山中学校・高等学校教諭

戎原進一

長瀬勇輝

大阪府立夕陽丘高等学校教諭

兵庫県立福崎高等学校教諭

岡田義雄

成瀬浩健

京都女子中学高等学校教諭

兵庫県立高砂南高等学校教諭

岡本恭介

沼崎拓也

千葉県立柏の葉高等学校教諭

東北学院中学校・高等学校教諭

上久保洋美

山口将人

宮崎県立延岡高等学校教諭

神奈川県立相模向陽館高等学校教諭

佐藤博臣

大和雅俊

東京都立本所高等学校主任教諭

鷗友学園女子中学高等学校教諭

ほか1名

卓

孝博

渉
雄

亨

葵

関西学院千里国際中等部・高等部教諭

◆編集協力

◆校閲
特別支援教育・カラーユニバーサルデザインに関する校閲大内進

国立特別支援教育総合研究所名誉所員・特任研究員

防災・安全教育に関する校閲河田惠昭

関西大学特別任命教授※本ページに掲載の所属は2021年３月現在の情報です。

18

観点別特色一覧

─ご検討時にご覧いただきたい観点─

情報Ⅰ／116 日文／情Ⅰ 710

1

内容（特色のある教材や記述）●学習指導要領に基づき，幅広く高度な知識や技能も積極的に取り扱われている。

5

創意工夫（学習の動機づけ等の工夫）●解説は一般論で詳しく，関連する資料も充実していて理解を深めやすい。

●側欄に示された「やってみよう」「話し合ってみよう」などの学習のポイントは「主体的・対話的で深い学び」で活用できる。

●巻頭資料には図解表現，情報デザイン，プレゼンテーション，レポート作成等のテクニックがまとめられており年間を通して使いやすい。

●側欄などに示されたキャラクターのセリフは，学習内容を身近に感じさせながら，必要な気づきを促す
ことができる。

●巻末資料には HTML と CSS，JavaScript，Python に関する基本事項がまとめられており，年間を通して使いやすい。

●２次元コードからアニメーション教材や用語問題集にアクセスすることができ，知識の定着をはかることができる。
●ページ番号上下に 2 進表現と 16 進表現が併記され，基数変換の理解を助けることができる。

2構成（特徴のある単元の組織・配列）●序章のチェックリストは生徒の理解度を把握するのに活用できるほか，自己評価にも使える。
●「問題解決」についての解説が第１章にまとまっていて使いやすい。
●第１章は「Try」と「Guide」の組み合わせで，問題解決の流れを体験しながら，情報社会についての基本的なことを学ぶことができる。
●「章末実習」に対応する形でまとめられた「技法」は，各実習に取り組む際に役立つトピックがまとめられており使いやすい。
●プログラミングの内容は例題を中心に構成され，順を追って理解を深めることができる。
●章の構成は基本的に「情報Ⅰ」の学習指導要領の並びと同一で対応がわかりやすく，授業準備をする上で全体像の把握がしやすい。

3

分量（教材の分量や詳しさのバランス）●見開き完結で内容が整理されていて，扱いやすい。
●「情報Ⅰ」の目標を達成するのに必要な解説が充実している。
●読めば理解できる十分な文章量で，自学自習もしやすい。
●用語の意味は側欄で詳しく説明されていて，その量も十分である。
●ソースコードの例はシンプルに示されており，分量も適切である。
●図表や写真はわかりやすく，効果的に用いられている。

4

表記・表現（使用上の便宜）●キーボード操作に不慣れな生徒が増える傾向にある中，巻末に「キーボード配列の例」があり，コン
ピュータが無い場所でも内容が確認できる。
●基本的な電子メールのマナーが巻頭資料にまとめられており，コンピュータで電子メールを使ったことのない生徒への指導に役立つ。

6

学習の深まり（他教科，総合的な探究の時間との関連等）●第１章の問題解決の考え方や，各章の技法で扱われる実践的な内容は，他教科や「総合的な探究の時間」
での学び，卒業後の進路においても役立つ。
●第４章の「技法」には統計的な手法の解説がまとまっており，数学科との関連を意図した授業を展開しやすい。
●「関連資料」には大きな写真やイラストを用い，最新の情報通信技術やその活用事例が紹介されており，「 情報Ⅰ」で学ぶ内容と実社会とのつながりを知ることができる。

7

学習環境への配慮（学校の独自性への配慮）●学習内容は一般論で説明されていて，特定のコンピュータやソフトウェアに依存していない。
●実習で必要になる各種データや成果物の完成例ファイルは，教授資料等でサポートされている。

8

その他（その他の全体的特徴，周辺教材の状況）●全ページ４色刷りでカラーユニバーサルデザインにも配慮されており，印刷も鮮明である。
●全体にわたって UD フォントが用いられており，読みやすく，読み間違いにくい。
●長期間の使用に耐えられるよう表紙は丈夫で防水性もあり，製本も堅牢である。

●本文での解説は冗長な部分はなく，適切である。

●環境への配慮から再生紙と植物油インキが使用されている。

●イラストや図解が充実していて，視覚的に内容を理解しやすい。

●教科書での指導を支援する教授資料や周辺教材が充実している。

●無駄のないレイアウトですっきりとした印象があり，読みやすい。

●教授資料には教科書のデジタルデータが添付されているため，必要に応じて加工するなどして便利に活用できる。

●側欄で説明されている用語には番号が振られ，対応がわかりやすい。

19●見開き右下に示されたパラパラ漫画は，動画のしくみの理解を助けることができる。

20