2019年ゴールデンウイーク前の色々なピクトグラミングの機能追加が原因で，IE（インターネットエクスプローラ） を使ってピクトグラミングを使用する場合に限り，命令入力支援ボタンにより入力した際にすでにプログラム入力領域に入力されている命令の一部が消えてしまうという不具合が発生するようになったと報告を受けました．これを修正いたしましたので，報告いたします．IEは独自仕様が多く，近年プログラミング教育用アプリケーションはIEをサポートしないものが少なくありません．またIEはマイクロソフト社でも既に利用を推奨しないなどの報告がされていますが，実情としては，小学校，中学校，高校では未だにIEしか使えない学校が多いです．おかげさまで，小学校，中学校，高校，大学で使っていただいているのは以前ご報告した通りです．ピクトグラミングは学校で使っていただくことを念頭に入れており今後もIE対応は続けていきます．よろしくお願いします．

先日のエントリ「マウス操作だけでさまざまな線画が描けるようになりました！」で，マウス操作で直接線画が描けるようにした報告をしましたが，今回，マウスドラッグ中の軌跡を表示するように変更しました．

マウス操作に関する機能をもっと色々追加したい気持ちはあるのですが，ピクトグラム作成ツールの側面だけではなく，プログラミング学習ツールとしての側面を残したいのでわざと入れていない機能がたくさんあります．

マウス操作だけでも，それなりのピクトグラムはできるのだけど，アニメーションピクトグラムやデザイン的に精錬されたピクトグラムを作ろうとすると命令の仕様を理解し，キーボード入力で命令コードや値などを記述・変更していかなければならないようになっています．その按配がピクトグラミングを実装する上でのポイントです．

 

 

情報処理教育に関して優れた教材の開発を行った情報処理学会正会員を表彰する，情報処理学会優秀教材賞(2018年度)を受賞することが決まりました．

年間の研究会，シンポジウムの中から特に優秀な論文に与えられる2018年度情報処理学会山下記念研究賞，機関誌に発表された論文のうち，特に優秀な著者に授与される2018年度情報処理学会論文賞に続けての受賞です．優秀教材賞は，2019年度情報処理学会定時総会（2019 年 6 月5日開催）において授与される予定です．小学校から高等学校までのプログラミング教育の必修化が社会的に注目されている中において，今後の利活用が期待されています．

情報処理学会論文誌「教育とコンピュータ」に2018年6月掲載された「ピクトグラミング – 人型ピクトグラムを用いたプログラミング学習環境」が2018年度情報処理学会論文賞を受賞することが決まりました．年間の研究会，シンポジウムの中から特に優秀な論文に与えられる2018年度情報処理学会山下記念研究賞に続けての受賞です．論文賞は，2019年度情報処理学会定時総会（2019 年 6 月5日開催）において授与される予定です．小学校から高等学校までのプログラミング教育の必修化が社会的に注目されている中において，今後の利活用が期待されています．

これまで，ピクトグラミングの線画はピクトグラム自身，あるいはピクトグラムの体の部品をテキスト形式の命令入力により動かし軌跡を描く方式でした．しかし，少し慣れが必要でした．そこで，マウス操作だけで線画が描けるようにしました．

まず，ピクトグラミングにL(Line)命令を追加しました．

 

命令の様式	処理
L arg1 arg2 arg3 arg4	座標（arg1,arg2）から座標(arg3,arg4)まで直線を描く

 

以下に例を示します．

PENW 10
PEN ROUND
L 100 0 300 200

ペンの太さや形状は引き継がれますので，この例では座標(100,0)から(300,200)まで線幅10で両端が丸型の線分が描かれることになります．PEN HOLD,RELEASE に関係なく無条件に描かれます．命令名は英語では「L」ですが，日本語では「線」，日本語ひらがなでは「せん」となります．

線 100 0 300 200

せん 100 0 300 200

また．人型ピクトグラムディスプレイパネル上で，始点を人型ピクトグラムの体の部分以外の点にして，終点までドラックすると，

L <始点のx座標> <始点のy座標> <終点のx座標> <終点のy座標>

の命令（”L”の部分は言語設定により変わる）が，プログラムコード入力領域のカーソルの位置に自動的に挿入されます．つまりマウス操作だけで，様々な線画が描けるようになりました．

 

 

これまで線画で描いた様々なオブジェクトを塗りつぶすためには，線を少しずつずらして重ね書きするしかありませんでした．

JISの案内用図記号に「洋風便器」「和風便器」「温水洗浄便座」が追加されたことを機に，

 

 

体の指定した部分の座標を含む閉じた線画の内部を全て塗りつぶすことができるように命令を拡張しました．
赤字で表記されている部分が追加された部分です．

 

命令の様式

処理

PEN arg1 [arg2]

arg1 がUPの場合，ペンを上げる．DOWN の場合，ペンを下げる．arg1がUPまたはDOWNの時は，ペンの上げ下げをする体の部位の名称をR,RW命令と同様の表記でarg2に指定できる．arg1がFILLの時は，R,RW命令と同様の表記で指定されたarg2の体の部位の座標を含む閉じた線画の内部を塗りつぶすことができる．arg2が省略された場合は BODYが記述されているものとみなされる． ペンの両端について，arg1がSQUAREの場合，線の両端の形状は四角，arg1がROUNDの場合線，両端の形状を丸を付加する．arg1がBUTTの場合は両端に形状を付加しない．ペンの種類について，arg1 が NORMALの場合は実線を，ERASEの場合は線を消す，XORの場合はすでに描かれていた部分は消し，そうでない部分は描く（反転）．初期状態はペンが上がっている状態で，線の両端の形状は四角(SQUARE)，ペンの種類はノーマル(NORMAL)．

 

指定できる体の位置は以下の9箇所です

[日本語]

[English]

サンプルを示します．
線画を組み合わせて和式便器（の外枠）を描いてみました．

SC 0.1
MW -80 40

PEN DOWN
RT 270
REPEAT 90
FD 2
LT 1
MW 0 0.5
END
LT 90
FD 400
LT 90 
FD 30
REPEAT 90
FD 0.4
LT 1
END
FD 220
REPEAT 90
FD 0.7
RT 1
END
FD 63

これに対して，次の3行を最後に追加します．

PEN UP
MW -30 30
PEN FILL

1,2行目で描画ポイントである体の中心部分を線画で囲われた部分の内部に移動させています．1行目でPEN UPしておかないと描画ポイント自体に線が描かれてしまい，塗りつぶされないので注意してください．また線画で描かれた線画が閉じていないと，画面全体が塗りつぶされてしまうので注意してください．
3行目で，描画ポイントである体の中心部分を含む線画で囲われた領域を塗りつぶしています．

 

SC 0.1
MW -80 40

PEN DOWN
RT 270
REPEAT 90
FD 2
LT 1
MW 0 0.5
END
LT 90
FD 400
LT 90 
FD 30
REPEAT 90
FD 0.4
LT 1
END
FD 220
REPEAT 90
FD 0.7
RT 1
END
FD 63
PEN UP
MW -30 30
PEN FILL 

このプログラムを実行すると，次のように塗りつぶされます．

 

ピクトグラミングの特徴は，人型ピクトグラムと図形描画によって作成されたオブジェクトを組み合わせられることでしたので，以下のような画像も作成できます．和式トイレの使い方を知らない人には以下のようなピクトグラムの方が親切なのかもしれません．

 

体の中心部分以外で描いたり，塗りつぶしの基準点を体の中心部分以外にすることもできます．これは左前腕（LLA）で描いた四角形を，四角形の内部に位置する左上腕(LUA)を基準に塗りつぶした例です．

SK
RW LUA 45
PEN DOWN LLA
REPEAT 4
RW LUA 90
END
PEN UP LLA
PEN FILL LUA