各回のテーマ

今回の配信では，令和４年度からはじまる「情報Ⅰ」について，これまでの学習指導要領との違いや授業を組み立てる上で考えておくべきポイントなどを中心に３名の著者の先生にお話いただきます。具体的な授業イメージや，活用できるツールの紹介なども交えながら以下の４つのテーマで展開いたします。

第第１１回回 「問題解決」

第第2
2回回 「プログラミング」

問題解決は現行の学習指導要領においても重視されている内容ですが，情報科の学習のまとめのような位置づけで１年の最後に実施することも多かったのではないでしょうか。しかしながら，新しい学習指導要領ではすべての内容が問題解決と関連付いた構成でまとめられており，まず最初に問題解決とは何かということを生徒に意識させる必要があるようにも感じられます。

今回の改訂でもっとも注目されているのが「プログラミング」です。
「情報Ⅰ」は共通必履修科目ですので，すべての高校生がプログラミングについて学習するということになります。鼎談
ではプログラミング学習の目的や，プログラミングを実際に学ぶときに役に立つツールの紹介などを交えながら，授業で扱うときのポイントを探ります。

第第33回回 「情報デザイン」

第第4
4回回 「データ活用」

これまでも同様の考え方は情報科の授業の中で扱われてきましたが，改めて「情報デザイン」として学習指導要領の中に盛り込まれました。
「情報デザイン」はいわゆる見た目のデザインとは異なります。何がどう違うのか，なぜ情報科で「情報デザイン」を学ぶ必要があるのかなどを踏まえた上で，具体的な授業のイメージを考えたいと思います。

膨大なデータの分析には情報技術の活用が欠かせません。
「情報Ⅰ」では基本的な統計の知識やデータ分析の手法を学んだ上で，コンピュータや情報通信ネットワークを活用して，実際にデータを処理し，問題解決に活かす学習活動が求められます。プログラミング同様，活用できるツールの紹介も交えながら授業で扱うときのポイントを探ります。

いま 知りたい！

徹底討論

大阪教育大学

岡本 弘之 先生

アサンプション国際中学校高等学校

中野 由章 先生

情報デザイン編

神戸市立科学技術高等学校「徹底討論 情報Ⅰ」は，日本文教出版で「情報科」の教科書執筆をお願いしている先生にご登場いただき，これまでの学習指導要領との違いや，授業を組み立てる上でのポイントなどを中心にお話いただき，その内容を動画でお届けしようという試みです。動画は YouTube「日文チャンネル」でご覧いただけます。本パンフレットは動画の内容を書き起こしたものです。

新しい学習指導要領の位置づけ
寺嶋

https://www.youtube.com/channel/UCdFHyjM-avcMwW3hXfKYc0w/

ザイン」という言葉をよく聞きます。中野先生は情報

今回は「情報デザイン」を扱います。最近，「デデザインについてどのようなイメージをお持ちでしょ中野

実は僕には絵心が全くありません。猫の絵を描いたつもりなのに「それは豚か？」みたいなことになってしまうのですが，絵心がないと指導できないのではないかという自信のなさがあるし，そもそも美術の時間とどう違ってくるのかよく分からないところがあり

https://www.nichibun-g.co.jp/

寺嶋 浩介 先生

第３回

うか。

日文 教授用資料

DISCUSSION

情報Ⅰ

いま知りたい！ 徹底討論 情報Ⅰは
YouTube「日文チャンネル」でご覧ください！

いま知りたい！徹底討論
情報Ⅰ 情報デザイン編

日文 教授用資料ます。

寺嶋なるほど。ではそのあたりを糸口にしながら情報デザインについて考えていきたいと思います。岡本先生，「情報デザイン」ですがどのように捉えればよ

コミュニケーションと情報デザインの内容
ア 次のような知識及び技能を身に付けること。
(ｱ) メディアの特性とコミュニケーション手段の特徴について，その変遷も踏まえて科学的に理解すること。
(ｲ) 情報デザインが人や社会に果たしている役割を理解すること。
(ｳ) 効果的なコミュニケーションを行うための情報デザインの考え方や方法を理解し表現する技能を身に付けること。
イ 次のような思考力，判断力，表現力等を身に付けること。
(ｱ) メディアとコミュニケーション手段の関係を科学的に捉え，それらを目的や状況に応じて適切に選択すること。
(ｲ) コミュニケーションの目的を明確にして，適切かつ効果的な情報デザインを考えること。
(ｳ) 効果的なコミュニケーションを行うための情報デザインの考え方や方法に基づいて表現し，評価し改善すること。問題を発見・解決する方法を身につける・考える
学習指導要領解説「情報Ⅰ」より

令和３年（2021年）１月20日発行

本資料は，一般社団法人教科書協会「教科書発行者行動規範」に則り，配布を許可されているものです。

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

いま 知りたい！ 徹底討論

いとお考えですか。

るポスターと情報科で作るポスターは違うということ岡本です。情報デザインはアートとは異なります。

学習指導要領「情報Ⅰ」の２つ目の内容として

第３回

情 報デザイン編いうカテゴリの店で，具体的にはこんな店があるとい情報デザインの知識
寺嶋

情報Ⅰうような表現の方法です。教科書など，本の目次も構「コミュニケーションと情報デザイン」という項目が

例えば１枚の芸術作品としての絵画があったとしま入ってきました。
「情報デザインが人や社会に果たしす。同じ絵画でも見る人によって解釈が違ってくるこます。では「情報デザイン」としてどういうことを学ている役割を理解すること【ア（イ）】」をはじめとして，とはよくあることです。絵画の美しさをじっくり味わんでいけばよいのか解説をしてくださいますか。

【ア（ウ）】【イ（イ）】【イ（ウ）】にも情報デザインといういながら，人との解釈の違いを楽しむことも含めたと岡本基礎知識がある程度必要だと思います。先ほどを分類するときの視点です。例えばクラスの名簿を作ワードが入っています。ここでは，情報デザインの役ころで作品の評価が成り立っていきます。でも，情報のポスターの例で言えば「はい，作りなさい」と言っるときに LATCH を参考にするならば，住所で分類す割，考え方，方法を理解した上で，効果的な情報デザ科で作るポスターはどうでしょう。人によって解釈にていきなり作らせるのではなく，ある程度基本的な知る，誕生日で分類する，部活動で分類する，あいうえインを考え，実際に表現して評価・改善まで行うこと

ばらつきのあるポスターはよいポスターと言えるで識を教えて，それを踏まえて実習に取り組んでもらう

お順で分類する，学年・クラスで分類するというようが求められています。今の「社会と情報」「情報の科学」

しょうか。美術では見た目の美しさなどを追求するこのが情報デザインの授業ではないかと思います。

な分類のパターンが思い浮かびます。分類は情報を整の学習指導要領の中には「情報デザイン」という言葉とが重視されますが，情報科では「伝えること」「伝は出てこないので，今回は非常に大きな扱いになってわること」が大事になります。

います。

「情報デザイン」の考え方では，見る人に確実に意

情報デザインの知識味やメッセージを伝えられなくてはいけません。その• 抽象化・可視化・構造化

情報デザインは今の情報科にはない！

点がアートとは異なるところだと考えています。

大きなポイントはこれで理解できたように思い• 操作性を高めたりするデザインの基礎知識や表現方法及びその技術のこと

アートと情報デザインの違い岡本

二つ目にご紹介したいのは「LATCH」という情報てはいかがでしょうか。

• 抽象化＝伝えたいことを絵などでシンプルに表現• 可視化＝必要な情報を取り出し、視覚的に表現• 構造化＝レベル・段階・順序を整理して表現
100
806040200

英語

情報デザインとは（学習指導要領解説より）• 効果的なコミュニケーションや問題解決のため（目的）• 情報を整理したり• 目的や意図を持った情報を受け手に対して分かりやすく伝達したり識として知っておいたほうがいいと思います。

理するための基本的な方法ですので，授業で取り扱っ中間試験結果

情報デザインはアートではない造化の例です。こうした手法は情報デザインの基礎知• ユニバーサルデザイン

国語

理科

伝えるために配慮すること＝全ての人が使いやすいように配慮する（例）カラーユニバーサルデザイン社会• アクセシビリティ＝サービスにたどり着くまでの障壁が少ない（例）Ｗｅｂの対象別メニュー（ｌｉｎｋ）

数学
得点

平均

• ユーザビリティ＝ものやサービスの使いやすさ・わかりやすさ

情報デザインの単元で取り扱う基礎知識にあたるものはいくつかあると考えられます。一つ目は，「抽象化」「可視化」「構造化」という手法。抽象化は例えばピクもう一つ忘れてはいけないのが，情報デザインを行トグラムのように伝えたいことを絵などでシンプルにうときの配慮事項です。これまでの情報の教科書にも表現する手法です。可視化の例にはグラフがあります。

登場するおなじみの「ユニバーサルデザイン」「アクセシビリティ」「ユーザビリティ」です。例えばトイ

美術の時間のデザインと情報デザインの違いは学習指導要領の中にも，「問題解決のために情報を例えば試験の結果をレーダーチャートで表現すれば，どこにあるのかという中野先生の疑問がありました。

整理したり，分かりやすく伝達したり，操作性を高め平均点との比較がしやすくなり，自分の得意科目がひ私も絵心がまったくなくて生徒によく笑われますが，たりするデザインの基礎知識や表現方法及びその技と目で分かります。構造化というのは，デパートの入ポスター制作などの実習で生徒に言うのは，美術で作術」と書かれています。こうした内容を踏まえて伝え口にある店舗案内のような，それぞれのフロアがどうる技術を教えていく必要があります。
寺嶋

情報デザインはアートではない
アートとデザインの違い• アート＝見る人によって解釈は違ってよい• デザイン
＝見る人に意味が伝わらないとダメ中野先生，いまの岡本先生のお話で少しイメージが湧いてきましたか。
中野

そうすると意味伝達というかコミュニケーションの手段と考えたらいいですか。
岡本

そうですね。伝える・伝わるというコミュニケーションの手段として，どのように設計していくのかが情報デザインのポイントになると思います。

2

情報デザインの知識• ＬＡＴＣＨ・五つの帽子掛け• 位置 （例）住所で分類する• 時間 （例）誕生日順に分類する• 分野 （例）部活動で分類する• アルファベット （例）あいうえお順で分類する• 階層 （例）学年ごとに分類する

岡本 弘之
社会科と情報科の授業を担当。
2005 年から続く自身の Webサイトで授業実践等を積極的に発信。大阪私学教育情報化研究会では事務局を担当。

3

情報Ⅰ

いま 知りたい！ 徹底討論

レの表示は，まだ文字が読めない小さな子どもにも，情報デザインの授業では，伝わるか伝わらないかが

情 報デザイン編

そうだと思います。文化祭に人が来てほしいと非常に重要です。したがって，実習を通して制作したいう目的（文化祭の来場者が少ないという問題）があっレシピを作りっぱなしにするのではなく，できたものてポスター制作をするのであれば，単にきれいなポスをほかの人に見てもらって作り方が分かったかどうかターを作るという形で終わるのではなく，ポスターをを聞いて，分かりにくいところは改善して最終的な完見た人が本当に文化祭に来たくなるかどうかという視成形にするまでを見通した方がよいと思います。

点で吟味するべきです。これはプレゼンテーションも寺嶋

丁寧に解説いただきありがとうございます。中同じですが，相手に伝わってこそのポスターだと思いPC の操作をしているときに出てくるダイアログに「編野先生は今のお話を聞いてどういうイメージを持たれますので，自分たちが期待することが実現できたか。

集内容をキャンセルしてもいいですか？」と出てきてましたか。

問題解決に役立ったか。そういうところが一つのポイントになると思います。

どちらが男性用でどちらが女性用かはわかります。学校のホームページによく見られるように「在校生向け」

実習を通した学習「保護者向け」「入学希望者向け」という入口が示され情報デザイン（学習指導要領解説より）て情報が整理されていれば，目的とする情報にたどり着きやすいです。ユーザビリティは，うまく行っていない例を見せるとわかりやすいです。例えばスマホや• 「目的や状況に応じて受け手に分かりやすく情報を伝える活動を通じて，情報 の科学的な見方・考え方を働かせて，メディアの特性やコミュニケーション手段の特徴に ついて科学的に理解するようにし，効果的なコミュニケーションを行うための情報デザイ ンの考え方や方法を身に付けるようにするとともに，コンテンツを表現し，評価し改善する力を養うことをねらいとしている。 」

選択肢が「OK」と「キャンセル」だとどうでしょうか。

料理のレシピを紹介するホームページを作るというの

中野

どう改善すれば伝わるようになるのかを生徒に考えさがありました。こうしたページを作るときの見本は，参考にしながら作っていくことは自分が目指すべき到せるとよいと思います。

教員がわざわざ用意しなくても，世の中にはプロが達点がよく分かります。レシピだと「適量を入れる」

作った見本がたくさんあります。と書いてあるその適量が，料理に自信のない人にとっ情報デザインの授業で何かを制作する時には，こうすごく分かりやすいと思いました。いい見本をコミュニケーションと情報デザインした知識や視点を使いながら，情報を整理し設計するレシピのホームページを作ることを考えると，参考ては実はさっぱり分からないので，そのようなものもことで，分かりやすくて，伝わりやすくて，使いやすにできるサイトとして，例えばクックパッドがありま相互評価でチェックしていくとより完成度が上がるだ

情報 Ⅰ 「情報デザイン」のポイントいものになるのだということを実感させるのがよいとす。ここにはよい見本もちょっとわかりにくい見本もろうと思いました。

思います。

あるので，まずは料理のレシピをわかりやすく伝える

寺嶋•学ぶべき知識や技術を明確にするにはどうすればよいかに気付いてもらうために，ワー形式のよいところではないかと思います。他の例は何クシートを作っていくつかのレシピを研究させます。

かありませんか。

情報デザインの実習
寺嶋 「設計」ということをベースに考えながら，どレシピのような何かの「作り方」を情報デザインの学ぶべき内容は分かってきたと思います。問題はこれ実習の中で扱うのは，どうやったら伝わるかを考えてをどのようにして学ぶかです。中野先生，何か不安な情報をデザインしないと伝わらないことが実感できる点はありますか。

からです。例えば，一連の手順をどう区切って表現す中野

情報デザインの知識配慮事項に留意して作りなるか。分量は目分量でよいのか，何グラムと数値情報さいと言われても具体的にどうすればいいのかよく分も合わせて載せた方がよいのか，そうした点に十分にからない。どこまでやればいいのか，何をもって配慮配慮しないと，初めての人が同じ料理を作ろうとしたできていると言えるのか。合格ラインや到達点を示す

ときに，できる，できないが変わってきます。

実際に作ることと併せて評価のことも考えていかなければいけないと思いますが，岡本先生は実際の授業はどういう形で取り組まれているでしょうか。
岡本

情報デザインの授業は座学で扱う内容から考えるのではなく，まず実習展開をイメージして，さきほどのような知識項目や配慮事項をどこに埋め込むかを意識しながら授業を組み立てるのが一番よいと考えています。過去に私が実践したものに，自分の家の自慢•日常生活での具体例との関わりを意識して学べる内容にする•「問題解決」を意識した実習にするもらいました。

ういう知識が必要かをお話しいただきました。これで寺嶋

実際のプロセスを通して学んでいけるのが実習

そこで気付いたことを踏まえて自分のレシピを作って授業例：文化祭のポスター制作①ポスターの研究↓②企画書の作成
↓③制作
↓
④相互評価
↓
⑤改善・完成岡本

具体的な指標がないと迷うところがありますよね。

4岡本

第３回

授業例：自慢料理のレシピＷｅｂ制作①Ｗｅｂの研究↓②企画書の作成
↓
③制作
↓
④相互評価
↓
⑤改善・完成

テーマ
ターゲット
コンセプト
コピー
絵コンテ

寺嶋

岡本先生から実習について具体的な実践例をご提供いただいたので，情報デザインの授業イメージができたのではないかと思います。最後にまとめます。
最初に情報デザインはアートではないというお話がさきほどはレシピサイトの情報デザインの例でしたが，よく実習の題材として取り上げられるポスター制作でも同じようなことができます。世の中にはポスターがたくさんありますので，これを研究の題材にして，同様の手順を踏んでいけば，情報デザインのテーマにできるのではないかと思います。
寺嶋

情報デザインの実習を位置づけるためには，問題解決のプロセスに乗せていくことが必要だという理解でよいでしょうか。

寺嶋 浩介
関西大学大学院総合情報学研
究科修了後，京都外国語大学，長崎大学を経て現職。博士（情報学）専門分野は教師教育学，教育工学，
メディア教育5いま 知りたい！ 徹底討論

情報Ⅰ

第３回

情 報デザイン編

ありました。まず，情報科の情報デザインで学ぶべき知識や技術が何なのかを明確にしないと生徒の自由な発想でデザインをさせているだけでは何を身に付けさせているかがよく分からないまま進んでしまう可能性があります。学ぶべき内容はいったい何なのかをきちんと押さえておくことが特に重要ではないかと考えました。
次に，紹介していただいた学習活動は，私たちの日常生活でも話題になることがとても多いように感じました。街には，あるいは自分たちの手元には，いくつも具体例があると思います。具体例との関わりを意識

中野 由章
IBM 大和研究所，高校教員，大学教員を経て現職。情報処理学会等を中心に高校情報科関連の調査研究活動も展開。技術士（総合技術監理・情報工学）

して学べる内容にしていくと，生徒も取り組む意義を実感しながら学んでいくテーマにできるのではないかと感じるところです。
最後に，情報デザインも情報社会の問題解決と強い接点を持つ内容になっています。実際の実習がその問題解決のプロセスに沿ったものになっていることが，どうやら理想的なようです。問題解決やそのプロセス6を意識した実習にしていくことが，より効果的な情報デザインの授業を進める上でのポイントだろうと考えられます。
以上で，情報デザインについてのお話を終わります。
お二人の先生方，どうもありがとうございました。

7