情報 I のプログラミ ング学習環境に関する考察
中西渉
watayan@meigaku.ac.jp
名古屋高等学校

2022 年 8 月
第 15 回全高情研全国大会 （オンライ ン大会）

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

1 / 20

1

はじめに

2

プログラミ ング学習環境
テキスト エ ディ タ
Python の実行環境
JavaScript の実行環境
DNCL による実習の是非

3

おわり に中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

2 / 20自己紹介

0 自己紹介
氏名 中西渉勤務校 名古屋高等学校 （1989 年度〜）
創立 1887 年 （今年で 135 年）
私立男子校
併設型中高一貫校

Web サイ ト https://watayan.net
Twitter @watayan
あれこ れ 情報科に関するこ とで2000 年度現職教員等認定講習会で免許取得
2004 年度から情報科の授業担当PenFlowchart， WaPEN， PyPEN などの開発
中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

3 / 20はじめに1 はじめに
「情報 I」 始動！
情報社会の問題解決
コ ミ ュ ニケーシ ョ ンと情報デザイ ン
コ ンピュ ータ とプログラミ ング
情報通信ネッ ト ワーク とデータ の活用
プログラミ ングを全員が学習→どんな環境で実習するの？

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

4 / 20はじめに

本発表の主旨生徒の実習環境に関する考察
学校ごとに事情は違う
筆者の普段の環境は Debian GNU/Linux
勤務校の情報教室は Debian GNU/Linux→ 理解が及ばない点はご容赦を中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

5 / 20プログラミ ング学習環境2 プログラミ ング学習環境
情報 I の教科書で用いられている主な言語

PythonJavaScript
VBA
Scratch
こ れらの実行環境について考察する（VBA， Scratch については自ずと環境が定まるので触れない）
低スペッ ク PC でも Excel なら動く → VBA が選ばれる ?

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

6 / 20プログラミ ング学習環境

テキスト エ ディ タ

2.1 テキスト エ ディ タ
テキスト エ ディ タ を使う場面が想定される（JavaScript では必須）→ 「メモ帳」 は使いたく ない中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

7 / 20プログラミ ング学習環境

テキスト エ ディ タ

無料で使えるテキスト エ ディ タ はいろいろ
イ ンスト ールの制限→ポータ ブル版を検討
高機能のエ ディ タ は重い→ほどほどに …
細かい設定→生徒任せは厳し い
Tab 文字 or 空白 4 つデフォ ルト の保存フォ ルダ
日本語化
プラグイ ン， 拡張機能

→ ポータ ブル版なら設定ごと渡せる ?

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

8 / 20プログラミ ング学習環境

テキスト エ ディ タ

テキスト フ ァ イ ル ・ テキスト エ ディ タ は軽視されがち→生徒に各種リ テラシ を要求
パソ コ ン ・ リ テラシ ク ラウド だと意識し ない事柄保存するフ ォ ルダの区別
保存するという行為自体
フ ァ イ ルの開き方
キーボード ・ リ テラシ 文字 ・ 記号のタ イ ピングだけではない
Home， End， Tab など移動キー （矢印キーも含む）
Delete， Backspace の区別
Shift， Ctrl， Alt， Esc などの機能キー
シ ョ ート カッ ト キー

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

9 / 20プログラミ ング学習環境

Python の実行環境

2.2 Python の実行環境
オンライ ン
Google Colaboratory
Bit Arrowpaiza.IO
Wandbox

ローカル
Python 単体
Anaconda， Jupyter Notebook， Miniconda， Spyder などの環境

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

10 / 20

プログラミ ング学習環境

Python の実行環境

学校ごとの事情例 ： Google Colaboratory が使えるか
外部サイ ト の利用制限

Google ア カウント の利用制限
ネッ ト ワーク の太さ

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

11 / 20

プログラミ ング学習環境

Python の実行環境

エ ディ タ でのコ ーディ ングは大変→何らかの環境を

IDLE
Anaconda や Spyder など
デバッ グ環境もほし い
ブレ ーク ポイ ント
変数のウォ ッ チ

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

12 / 20

プログラミ ング学習環境

JavaScript の実行環境

2.3 JavaScript の実行環境
Web ブラウザ上の実行が前提
例 ： Node.js は?
window.prompt， window.alert， document.write が使われている→ それらに代わる入出力が面倒 （特に入力）
テキスト エ ディ タ が必須

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

13 / 20

プログラミ ング学習環境

JavaScript の実行環境

最低限必要な HTML<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>タイトル</title></head><body><script><!--ここにコードを書く--></script></body></html>中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

14 / 20

プログラミ ング学習環境

JavaScript の実行環境

実際のコ ード を…

HTML に埋め込んで書く か<script>
document.write("Hello, World.<BR>");</script>
別ファ イ ルに書く か<script src="hello.js" type="text/javascript"></script>

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

15 / 20

プログラミ ング学習環境

JavaScript の実行環境

テキスト エ ディ タ と Web ブラウザを往復→各種ト ラブルが予想
ファ イ ルを置く フ ォ ルダ間違い
保存忘れ
リ ロード 忘れ…
防ぐ妙案があり まし たらご教示を中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

16 / 20

プログラミ ング学習環境

JavaScript の実行環境

デバッ グ環境→ Web ブラウザのデベロッ パーツール
ブレ ーク ポイ ント
変数のウォ ッ チ
（一定のキー操作を覚える必要はあるか）

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

17 / 20

プログラミ ング学習環境

DNCL による実習の是非

2.4 DNCL による実習の是非
大学入学共通テスト に 「情報」 が追加
検討イ メージとし ての試作問題
サンプル問題
こ れまでの 「情報関係基礎」→ DNCL （日本語をベースにし た擬似言語）※試作問題 ・ サンプル問題では構文が Python っ ぽい感じ？
新 DNCLn を 1 から 10 まで 1 ずつ増やしながら:
丨 もし n%3!=0 ならば:丨 └ 表示する (n)丨 そうでなければ:└ └ 表示する ("( ́・ω・`)")
中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

18 / 20

プログラミ ング学習環境

DNCL による実習の是非

DNCL の実行環境
旧 DNCL PEN， PenFlowchart， WaPEN， …
新 DNCL PyPEN， つちのこ ， …
DNCL で授業の実習をすれば一石二鳥？
→筆者は賛成し ない
ア ルゴリ ズム の学習は可能→でもその先は？
他言語からの 「読み替え」 は簡単にできる （はず）
導入や演習で使うのは有効かもし れない中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

19 / 20

おわり に3 おわり に愛知県の研究会にて公立学校の情報教室はイ ンスト ール手続きが面倒→定番環境を県全体で申請し ては？
メリ ッ ト ：環境構築の手間軽減
同じ環境なら相談し やすい
デメリ ッ ト ：宗教戦争の火種…
他の言語のこ とまでわからない

中西渉 (名古屋高等学校)

情報 I のプログラミ ング学習環境に関する考察

第 15 回全高情研全国大会

20 / 20