[{"data":1,"prerenderedAt":3353},["ShallowReactive",2],{"\u002Ftag\u002Fnurpa":3},[4,1155,2184,2848],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"category":11,"tag":13,"thumbnail":18,"createdAt":19,"updatedAt":20,"body":21,"_type":1149,"_id":1150,"_source":1151,"_file":1152,"_stem":1153,"_extension":1154},"\u002Farticles\u002Fict-4","articles",false,"","ICTあるある―4「いろんな文書やスキャン画像をまとめられない」","いろんな文書やスキャン画像を一本のPDFファイルにまとめる方法が難しいというので、超簡単にしてみた件",[12],"work-system",[14,15,16,17],"ict","teachers-baton","nurpa","web-standards","snspost.png","2022\u002F10\u002F24","2022\u002F10\u002F31",{"type":22,"children":23,"toc":1136},"root",[24,32,36,41,47,50,55,58,65,70,100,103,127,130,151,154,175,178,199,202,228,231,237,258,261,282,288,309,312,333,336,357,362,383,386,407,410,416,445,448,469,474,495,498,519,524,545,550,571,574,595,600,621,626,647,650,655,676,679,700,703,724,727,748,751,772,775,781,786,789,804,816,819,825,830,835,842,847,852,857,862,867,872,877,882,888,899,902,1014,1018,1111,1114,1118,1127],{"type":25,"tag":26,"props":27,"children":28},"element","p",{},[29],{"type":30,"value":31},"text","　「ICT活用で教職員の働き方改革というけれど、忙しすぎて覚える時間がない」という笑えない実態が学校現場にあります。落ち込んでいても仕方ないので、あえて笑い話にしてみたのが「ICTあるある」です。",{"type":25,"tag":33,"props":34,"children":35},"br",{},[],{"type":25,"tag":26,"props":37,"children":38},{},[39],{"type":30,"value":40},"　今回お届けするのは……",{"type":25,"tag":42,"props":43,"children":45},"h2",{"id":44},"いろんな文書やスキャン画像を一本のpdfファイルにまとめる方法が難しいというので超簡単にしてみた件",[46],{"type":30,"value":10},{"type":25,"tag":33,"props":48,"children":49},{},[],{"type":25,"tag":26,"props":51,"children":52},{},[53],{"type":30,"value":54},"　教員が扱う文書には、ワード・エクセル・パワーポイントのファイル、冊子をスキャンした画像、デジカメ写真などさまざまな形式が混在しています。保護者に配布するには印刷するしかありません。PDFファイルなら、そのまま印刷するだけなので便利です。異なる環境でも同じ印刷結果になります。",{"type":25,"tag":33,"props":56,"children":57},{},[],{"type":25,"tag":59,"props":60,"children":62},"h3",{"id":61},"スキャン画像がわらわらあってパニックです",[63],{"type":30,"value":64},"スキャン画像がわらわらあってパニックです！",{"type":25,"tag":26,"props":66,"children":67},{},[68],{"type":30,"value":69},"中3の学年主任から、SOSの電話がありました。",{"type":25,"tag":71,"props":72,"children":75},"div",{"className":73},[74],"balloon1",[76,78,93,95,98],{"type":30,"value":77},"\n  ",{"type":25,"tag":71,"props":79,"children":82},{"className":80},[81],"icon",[83,85,92],{"type":30,"value":84}," ",{"type":25,"tag":86,"props":87,"children":91},"img",{"src":88,"alt":89,"width":90},"\u002Fimg\u002Fkemi.png","教員A",80,[],{"type":30,"value":84},{"type":30,"value":94},"\n  教頭先生、保護者向けの進路説明会を来週するんですが、資料作りで困っています。\n  ",{"type":25,"tag":33,"props":96,"children":97},{},[],{"type":30,"value":99},"いろんな文書を一本のPDFファイルにまとめたいんですけど、県立や私立の入試要項のスキャン画像がわらわらあってパニックです！\n",{"type":25,"tag":33,"props":101,"children":102},{},[],{"type":25,"tag":71,"props":104,"children":107},{"className":105},[106],"balloon2",[108,109,120,122,125],{"type":30,"value":77},{"type":25,"tag":71,"props":110,"children":112},{"className":111},[81],[113,114,119],{"type":30,"value":84},{"type":25,"tag":86,"props":115,"children":118},{"src":116,"alt":117,"width":90},"\u002Fimg\u002Fhadano80.png","ハダノ",[],{"type":30,"value":84},{"type":30,"value":121},"\n  pdf_asを使えば、ページ順を変えたりまとめたりできますよ。\n  ",{"type":25,"tag":33,"props":123,"children":124},{},[],{"type":30,"value":126},"共有フォルダを見てください。\n",{"type":25,"tag":33,"props":128,"children":129},{},[],{"type":25,"tag":71,"props":131,"children":133},{"className":132},[74],[134,135,144,146,149],{"type":30,"value":77},{"type":25,"tag":71,"props":136,"children":138},{"className":137},[81],[139,140,143],{"type":30,"value":84},{"type":25,"tag":86,"props":141,"children":142},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":145},"\n  ……ああ、私には無理です。説明見てもできる気がしません。\n  ",{"type":25,"tag":33,"props":147,"children":148},{},[],{"type":30,"value":150},"私のようなICTオンチにもできる方法はないんでしょうか。\n",{"type":25,"tag":33,"props":152,"children":153},{},[],{"type":25,"tag":71,"props":155,"children":157},{"className":156},[106],[158,159,168,170,173],{"type":30,"value":77},{"type":25,"tag":71,"props":160,"children":162},{"className":161},[81],[163,164,167],{"type":30,"value":84},{"type":25,"tag":86,"props":165,"children":166},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":169},"\n  慣れてない操作は厳しいか……。\n  ",{"type":25,"tag":33,"props":171,"children":172},{},[],{"type":30,"value":174},"もしも、PDFをパワーポイントに貼れれば、スライドの順番を変えたりできそうですか。\n",{"type":25,"tag":33,"props":176,"children":177},{},[],{"type":25,"tag":71,"props":179,"children":181},{"className":180},[74],[182,183,192,194,197],{"type":30,"value":77},{"type":25,"tag":71,"props":184,"children":186},{"className":185},[81],[187,188,191],{"type":30,"value":84},{"type":25,"tag":86,"props":189,"children":190},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":193},"\n  それはまあ、大丈夫です。パワポなら使ったことありますし。\n  ",{"type":25,"tag":33,"props":195,"children":196},{},[],{"type":30,"value":198},"でも、そんな方法があるなら、なんで早く教えてくれなかったんですか。\n",{"type":25,"tag":33,"props":200,"children":201},{},[],{"type":25,"tag":71,"props":203,"children":205},{"className":204},[106],[206,207,216,218,221,223,226],{"type":30,"value":77},{"type":25,"tag":71,"props":208,"children":210},{"className":209},[81],[211,212,215],{"type":30,"value":84},{"type":25,"tag":86,"props":213,"children":214},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":217},"\n  実は、このPDFを貼る方法には「重大な欠点」があるんです。\n  ",{"type":25,"tag":33,"props":219,"children":220},{},[],{"type":30,"value":222},"ん？待てよ……あっ、そうだ。あれを使えば、回避できるはず。\n  ",{"type":25,"tag":33,"props":224,"children":225},{},[],{"type":30,"value":227},"とりあえず実際にやってみましょう。\n",{"type":25,"tag":33,"props":229,"children":230},{},[],{"type":25,"tag":59,"props":232,"children":234},{"id":233},"pdfをパワーポイントに貼る",[235],{"type":30,"value":236},"PDFをパワーポイントに貼る",{"type":25,"tag":71,"props":238,"children":240},{"className":239},[74],[241,242,251,253,256],{"type":30,"value":77},{"type":25,"tag":71,"props":243,"children":245},{"className":244},[81],[246,247,250],{"type":30,"value":84},{"type":25,"tag":86,"props":248,"children":249},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":252},"\n  ……はい、パワーポイントで新規作成しました。\n  ",{"type":25,"tag":33,"props":254,"children":255},{},[],{"type":30,"value":257},"いつもの横長のスライドができています。\n",{"type":25,"tag":33,"props":259,"children":260},{},[],{"type":25,"tag":71,"props":262,"children":264},{"className":263},[106],[265,266,275,277,280],{"type":30,"value":77},{"type":25,"tag":71,"props":267,"children":269},{"className":268},[81],[270,271,274],{"type":30,"value":84},{"type":25,"tag":86,"props":272,"children":273},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":276},"\n  スライドをA4縦にするには、デザイン-ユーザー設定-スライドのサイズ-ユーザー設定のスライドのサイズ で A4 と 縦 を選びます。\n  ",{"type":25,"tag":33,"props":278,"children":279},{},[],{"type":30,"value":281},"余白をいい感じにするために、幅 21cm 、高さ 29.7cm と打ちます。\n",{"type":25,"tag":86,"props":283,"children":287},{"src":284,"alt":285,"width":286},"\u002Fimg\u002Fppa4tate.jpg","パワポA4縦","100%",[],{"type":25,"tag":71,"props":289,"children":291},{"className":290},[106],[292,293,302,304,307],{"type":30,"value":77},{"type":25,"tag":71,"props":294,"children":296},{"className":295},[81],[297,298,301],{"type":30,"value":84},{"type":25,"tag":86,"props":299,"children":300},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":303},"\n  ホーム-新しいスライド-白紙 を3回ほど実行します。\n  ",{"type":25,"tag":33,"props":305,"children":306},{},[],{"type":30,"value":308},"最初のスライドを削除したら、 A4tate.pptx として保存しておきましょう。\n",{"type":25,"tag":33,"props":310,"children":311},{},[],{"type":25,"tag":71,"props":313,"children":315},{"className":314},[74],[316,317,326,328,331],{"type":30,"value":77},{"type":25,"tag":71,"props":318,"children":320},{"className":319},[81],[321,322,325],{"type":30,"value":84},{"type":25,"tag":86,"props":323,"children":324},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":327},"\n  できました。ホーム-新しいスライド で空白のスライドが増やせて便利です。\n  ",{"type":25,"tag":33,"props":329,"children":330},{},[],{"type":30,"value":332},"いよいよこれに PDF を貼るんですね。挿入-画像-このデバイス でしょうか。\n",{"type":25,"tag":33,"props":334,"children":335},{},[],{"type":25,"tag":71,"props":337,"children":339},{"className":338},[106],[340,341,350,352,355],{"type":30,"value":77},{"type":25,"tag":71,"props":342,"children":344},{"className":343},[81],[345,346,349],{"type":30,"value":84},{"type":25,"tag":86,"props":347,"children":348},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":351},"\n  それだとPDFは選べないんですよ。\n  ",{"type":25,"tag":33,"props":353,"children":354},{},[],{"type":30,"value":356},"PDFの挿入は、オブジェクト-ファイルから-参照 ですね。\n",{"type":25,"tag":86,"props":358,"children":361},{"src":359,"alt":360,"width":286},"\u002Fimg\u002Fppobject.jpg","パワポ挿入オブジェクト",[],{"type":25,"tag":71,"props":363,"children":365},{"className":364},[74],[366,367,376,378,381],{"type":30,"value":77},{"type":25,"tag":71,"props":368,"children":370},{"className":369},[81],[371,372,375],{"type":30,"value":84},{"type":25,"tag":86,"props":373,"children":374},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":377},"\n  できました。\n  ",{"type":25,"tag":33,"props":379,"children":380},{},[],{"type":30,"value":382},"……でも、なんだかぼやけています。思っていたのと違うんですけど……\n",{"type":25,"tag":33,"props":384,"children":385},{},[],{"type":25,"tag":71,"props":387,"children":389},{"className":388},[106],[390,391,400,402,405],{"type":30,"value":77},{"type":25,"tag":71,"props":392,"children":394},{"className":393},[81],[395,396,399],{"type":30,"value":84},{"type":25,"tag":86,"props":397,"children":398},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":401},"\n  これが、「重大な欠点」です。だから、使う人が少ないんだと思います。\n  ",{"type":25,"tag":33,"props":403,"children":404},{},[],{"type":30,"value":406},"PDFをきれいに貼るには、ひと手間かける必要があります。\n",{"type":25,"tag":33,"props":408,"children":409},{},[],{"type":25,"tag":59,"props":411,"children":413},{"id":412},"pdfをきれいに貼る裏技",[414],{"type":30,"value":415},"PDFをきれいに貼る裏技",{"type":25,"tag":71,"props":417,"children":419},{"className":418},[106],[420,421,430,432,435,443],{"type":30,"value":77},{"type":25,"tag":71,"props":422,"children":424},{"className":423},[81],[425,426,429],{"type":30,"value":84},{"type":25,"tag":86,"props":427,"children":428},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":431},"\n  Inkscape(インクスケープ)というベクトル図形編集ソフトを使うんです。\n  ",{"type":25,"tag":33,"props":433,"children":434},{},[],{"type":25,"tag":436,"props":437,"children":440},"a",{"href":438,"target":439},"https:\u002F\u002Finkscape.org\u002Fja\u002F~GordCaswell\u002F%E2%98%85inkscape-portable-11","_blank",[441],{"type":30,"value":442},"🔗https:\u002F\u002Finkscape.org\u002Fja\u002F~GordCaswell\u002F%E2%98%85inkscape-portable-11",{"type":30,"value":444},"\n  の ↓ アイコンをクリックしてダウンロードします。\n",{"type":25,"tag":33,"props":446,"children":447},{},[],{"type":25,"tag":71,"props":449,"children":451},{"className":450},[106],[452,453,462,464,467],{"type":30,"value":77},{"type":25,"tag":71,"props":454,"children":456},{"className":455},[81],[457,458,461],{"type":30,"value":84},{"type":25,"tag":86,"props":459,"children":460},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":463},"\n  InkscapePortable_1.1.paf.exe をダブルクリックして好きな場所に展開してください。\n  ",{"type":25,"tag":33,"props":465,"children":466},{},[],{"type":30,"value":468},"PCのシステムに影響を与えないので、市教委に許可を取らなくて済みます。公用USBメモリに入れて使うこともできます。\n",{"type":25,"tag":86,"props":470,"children":473},{"src":471,"alt":472,"width":286},"\u002Fimg\u002Finkscapeportable.jpg","Inkscape portable",[],{"type":25,"tag":71,"props":475,"children":477},{"className":476},[74],[478,479,488,490,493],{"type":30,"value":77},{"type":25,"tag":71,"props":480,"children":482},{"className":481},[81],[483,484,487],{"type":30,"value":84},{"type":25,"tag":86,"props":485,"children":486},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":489},"\n  New Document で新規作成できました。\n  ",{"type":25,"tag":33,"props":491,"children":492},{},[],{"type":30,"value":494},"まさか、これから Inkscape の操作方法の講義が始まるんじゃないでしょうね。\n",{"type":25,"tag":33,"props":496,"children":497},{},[],{"type":25,"tag":71,"props":499,"children":501},{"className":500},[106],[502,503,512,514,517],{"type":30,"value":77},{"type":25,"tag":71,"props":504,"children":506},{"className":505},[81],[507,508,511],{"type":30,"value":84},{"type":25,"tag":86,"props":509,"children":510},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":513},"\n  大丈夫です。『 PDF → Inkscape → パワーポイント 』という風に、ワンクッションいれるだけなので。\n  ",{"type":25,"tag":33,"props":515,"children":516},{},[],{"type":30,"value":518},"はい、それでは PDFファイルをInkscapeにドラッグ＆ドロップしちゃってください。\n",{"type":25,"tag":86,"props":520,"children":523},{"src":521,"alt":522,"width":286},"\u002Fimg\u002Fpdf2inkscape.jpg","PDFをInkscapeに取り込み",[],{"type":25,"tag":71,"props":525,"children":527},{"className":526},[106],[528,529,538,540,543],{"type":30,"value":77},{"type":25,"tag":71,"props":530,"children":532},{"className":531},[81],[533,534,537],{"type":30,"value":84},{"type":25,"tag":86,"props":535,"children":536},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":539},"\n  それをコピー（Ctrl+C）して……\n  ",{"type":25,"tag":33,"props":541,"children":542},{},[],{"type":30,"value":544},"パワーポイントのスライド2に貼り付け（Ctrl+V）をすると……\n",{"type":25,"tag":86,"props":546,"children":549},{"src":547,"alt":548,"width":286},"\u002Fimg\u002Fppinkscape1.jpg","Inkscape経由でパワポに貼り付け1",[],{"type":25,"tag":71,"props":551,"children":553},{"className":552},[74],[554,555,564,566,569],{"type":30,"value":77},{"type":25,"tag":71,"props":556,"children":558},{"className":557},[81],[559,560,563],{"type":30,"value":84},{"type":25,"tag":86,"props":561,"children":562},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":565},"\n  あっ、貼れました。\n  ",{"type":25,"tag":33,"props":567,"children":568},{},[],{"type":30,"value":570},"文字がくっきりしてて、余白もいい感じです。すごいすごい！\n",{"type":25,"tag":33,"props":572,"children":573},{},[],{"type":25,"tag":71,"props":575,"children":577},{"className":576},[106],[578,579,588,590,593],{"type":30,"value":77},{"type":25,"tag":71,"props":580,"children":582},{"className":581},[81],[583,584,587],{"type":30,"value":84},{"type":25,"tag":86,"props":585,"children":586},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":589},"\n  Inkscapeに戻って、さっきのものは削除（Delete）します。\n  ",{"type":25,"tag":33,"props":591,"children":592},{},[],{"type":30,"value":594}," もう一度 PDFファイルをInkscapeにドラッグ＆ドロップし、Select page: で ＋ をクリックすると、2ページ目が取り込まれます。\n",{"type":25,"tag":86,"props":596,"children":599},{"src":597,"alt":598,"width":286},"\u002Fimg\u002Fpdf2inkscape2.jpg","PDF2頁目をInkscapeに取り込み",[],{"type":25,"tag":71,"props":601,"children":603},{"className":602},[106],[604,605,614,616,619],{"type":30,"value":77},{"type":25,"tag":71,"props":606,"children":608},{"className":607},[81],[609,610,613],{"type":30,"value":84},{"type":25,"tag":86,"props":611,"children":612},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":615},"\n  これからは、カット（Ctrl+X）の方がいいでしょう。\n  ",{"type":25,"tag":33,"props":617,"children":618},{},[],{"type":30,"value":620},"パワーポイントのスライド3に貼り付け（Ctrl+V）をし、スライド1を削除すれば完了です。ファイル-名前を付けて保存 でPDFにすることもできます。Inkscapeは保存せずに閉じてかまいません。\n",{"type":25,"tag":86,"props":622,"children":625},{"src":623,"alt":624,"width":286},"\u002Fimg\u002Fppinkscape2.jpg","Inkscape経由でパワポに貼り付け2",[],{"type":25,"tag":71,"props":627,"children":629},{"className":628},[74],[630,631,640,642,645],{"type":30,"value":77},{"type":25,"tag":71,"props":632,"children":634},{"className":633},[81],[635,636,639],{"type":30,"value":84},{"type":25,"tag":86,"props":637,"children":638},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":641},"\n  これなら私にもできそうです。\n  ",{"type":25,"tag":33,"props":643,"children":644},{},[],{"type":30,"value":646},"ふだん使っているパワポで、見たまま編集できるので安心ですね。\n",{"type":25,"tag":33,"props":648,"children":649},{},[],{"type":25,"tag":59,"props":651,"children":653},{"id":652},"進路説明会が終わって",[654],{"type":30,"value":652},{"type":25,"tag":71,"props":656,"children":658},{"className":657},[106],[659,660,669,671,674],{"type":30,"value":77},{"type":25,"tag":71,"props":661,"children":663},{"className":662},[81],[664,665,668],{"type":30,"value":84},{"type":25,"tag":86,"props":666,"children":667},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":670},"\n  進路説明会、お疲れさまでした。\n  ",{"type":25,"tag":33,"props":672,"children":673},{},[],{"type":30,"value":675},"資料は、うまくできましたか。\n",{"type":25,"tag":33,"props":677,"children":678},{},[],{"type":25,"tag":71,"props":680,"children":682},{"className":681},[74],[683,684,693,695,698],{"type":30,"value":77},{"type":25,"tag":71,"props":685,"children":687},{"className":686},[81],[688,689,692],{"type":30,"value":84},{"type":25,"tag":86,"props":690,"children":691},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":694},"\n  「PDFをきれいに貼る裏技」は、スライドの順番を変える以外でも大活躍でした。\n  ",{"type":25,"tag":33,"props":696,"children":697},{},[],{"type":30,"value":699},"傾いたりさかさまになったりしたスキャン画像を回転させたり、余分なところを白い図形でおおったり、テキストボックスで説明を加えたりと自由に加工できたんです。\n",{"type":25,"tag":33,"props":701,"children":702},{},[],{"type":25,"tag":71,"props":704,"children":706},{"className":705},[106],[707,708,717,719,722],{"type":30,"value":77},{"type":25,"tag":71,"props":709,"children":711},{"className":710},[81],[712,713,716],{"type":30,"value":84},{"type":25,"tag":86,"props":714,"children":715},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":718},"\n  今回は、パワーポイントを使いました。\n  ",{"type":25,"tag":33,"props":720,"children":721},{},[],{"type":30,"value":723},"ワードに画像を貼った場合と比べてどうですか。\n",{"type":25,"tag":33,"props":725,"children":726},{},[],{"type":25,"tag":71,"props":728,"children":730},{"className":729},[74],[731,732,741,743,746],{"type":30,"value":77},{"type":25,"tag":71,"props":733,"children":735},{"className":734},[81],[736,737,740],{"type":30,"value":84},{"type":25,"tag":86,"props":738,"children":739},{"src":88,"alt":89,"width":90},[],{"type":30,"value":84},{"type":30,"value":742},"\n  ワードだと、貼った画像が勝手に動いてしまって困るんです。\n  ",{"type":25,"tag":33,"props":744,"children":745},{},[],{"type":30,"value":747},"この方法なら、そういうこともなくて助かります。\n",{"type":25,"tag":33,"props":749,"children":750},{},[],{"type":25,"tag":71,"props":752,"children":754},{"className":753},[106],[755,756,765,767,770],{"type":30,"value":77},{"type":25,"tag":71,"props":757,"children":759},{"className":758},[81],[760,761,764],{"type":30,"value":84},{"type":25,"tag":86,"props":762,"children":763},{"src":116,"alt":117,"width":90},[],{"type":30,"value":84},{"type":30,"value":766},"\n  それはよかった。\n  ",{"type":25,"tag":33,"props":768,"children":769},{},[],{"type":30,"value":771},"先生に頼まれたおかげで、私もいい勉強になりました。\n",{"type":25,"tag":33,"props":773,"children":774},{},[],{"type":25,"tag":42,"props":776,"children":778},{"id":777},"結論pdfをinkscape経由でパワーポイントに貼ればきれい自由超簡単",[779],{"type":30,"value":780},"【結論】PDFをInkscape経由でパワーポイントに貼れば、「きれい・自由・超簡単」",{"type":25,"tag":26,"props":782,"children":783},{},[784],{"type":30,"value":785},"　いろんな文書やスキャン画像をまとめる良い方法が誕生しました。それぞれをPDFにしてから、Inkscape経由でパワーポイントに貼れば、「きれい・自由・超簡単」に1本のPDFファイルにまとめられます。",{"type":25,"tag":33,"props":787,"children":788},{},[],{"type":25,"tag":26,"props":790,"children":791},{},[792,794,802],{"type":30,"value":793},"　これまで、「",{"type":25,"tag":436,"props":795,"children":799},{"href":796,"rel":797},"https:\u002F\u002Fforest.watch.impress.co.jp\u002Flibrary\u002Fsoftware\u002Fpdf_as\u002F",[798],"nofollow",[800],{"type":30,"value":801},"🔗pdf_as",{"type":30,"value":803}," を使いましょう」と呼びかけていましたが、フリーソフトを使い慣れていない人々には敷居が高いようです。「習うより慣れよ」「まずはふだん使いを」と言いながら、敷居を下げる努力を怠っていたのではないかと気づかされました。「今のスキルでできる方法」の追求にも心がけていきたいと思います。",{"type":25,"tag":26,"props":805,"children":807},{"style":806},"text-align: right;",[808,810],{"type":30,"value":809},"⇒",{"type":25,"tag":436,"props":811,"children":813},{"href":812},"\u002Farticles\u002Fcg-usagi",[814],{"type":30,"value":815}," 🔗パワーポイントでサクッと作る3-D年賀状",{"type":25,"tag":33,"props":817,"children":818},{},[],{"type":25,"tag":59,"props":820,"children":822},{"id":821},"pdfをinkscape経由で貼る方法で作ったポスター例",[823],{"type":30,"value":824},"「PDFをInkscape経由で貼る方法」で作ったポスター（例）",{"type":25,"tag":26,"props":826,"children":827},{},[828],{"type":30,"value":829},"　2023年のカレンダーを手作りし、各月のPDFをInkscape経由でパワーポイントに貼りつけて加工し、ホームパーティー用のポスターにしてみました。SVG形式で保存しています。",{"type":25,"tag":86,"props":831,"children":834},{"src":832,"alt":833,"width":286},"\u002Fimg\u002Freborn.svg","還暦祝いポスター",[],{"type":25,"tag":836,"props":837,"children":839},"h4",{"id":838},"それぞれをpdfにする方法",[840],{"type":30,"value":841},"それぞれをPDFにする方法",{"type":25,"tag":26,"props":843,"children":844},{},[845],{"type":30,"value":846},"　ファイル-名前をつけて保存 でPDFにするか、印刷-PDFとして保存 あるいは プリンター名→ Microsoft Print to PDF で、ほとんどのデジタルデータは PDFファイルに変換できる。",{"type":25,"tag":836,"props":848,"children":850},{"id":849},"注意点1",[851],{"type":30,"value":849},{"type":25,"tag":26,"props":853,"children":854},{},[855],{"type":30,"value":856},"　PDFのファイル名・フォルダ名は、半角英数とすること。日本語やドイツ語（ä,ö,ü）が含まれているとエラーが起きる場合がある。",{"type":25,"tag":836,"props":858,"children":860},{"id":859},"注意点2",[861],{"type":30,"value":859},{"type":25,"tag":26,"props":863,"children":864},{},[865],{"type":30,"value":866},"　縦書きの表記がおかしい場合がある。アートを縦書きにすると……",{"type":25,"tag":26,"props":868,"children":869},{},[870],{"type":30,"value":871},"　ア",{"type":25,"tag":26,"props":873,"children":874},{},[875],{"type":30,"value":876},"　ー",{"type":25,"tag":26,"props":878,"children":879},{},[880],{"type":30,"value":881},"　ト",{"type":25,"tag":836,"props":883,"children":885},{"id":884},"inkscapeについてもっと知りたければ",[886],{"type":30,"value":887},"Inkscapeについてもっと知りたければ……",{"type":25,"tag":26,"props":889,"children":890},{},[891,893],{"type":30,"value":892},"→ ",{"type":25,"tag":436,"props":894,"children":896},{"href":895},"\u002Farticles\u002Fnurpa-1#inkscape",[897],{"type":30,"value":898},"🔗すぐに作れる ずっと使える Inkscapeのすべてが身に付く本",{"type":25,"tag":33,"props":900,"children":901},{},[],{"type":25,"tag":71,"props":903,"children":906},{"className":904},[905],"kattene",[907,909,924,925],{"type":30,"value":908},"\n    ",{"type":25,"tag":71,"props":910,"children":913},{"className":911},[912],"kattene__imgpart",[914],{"type":25,"tag":436,"props":915,"children":919},{"target":439,"rel":916,"href":918},[917],"noopener","https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F2cb48a50.7831fb38.2cb48a51.d493ac2e\u002F_RTLink57026?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fyamada-denki%2F5244146019%2F&link_type=pict&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0Iiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[920],{"type":25,"tag":86,"props":921,"children":923},{"src":922},"https:\u002F\u002Fhbb.afl.rakuten.co.jp\u002Fhgb\u002F2cb48a50.7831fb38.2cb48a51.d493ac2e\u002F?me_id=1357621&item_id=10169343&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fyamada-denki%2Fcabinet%2F06303919%2F441396_1826_1.jpg%3F_ex%3D240x240&s=240x240&t=pict",[],{"type":30,"value":908},{"type":25,"tag":71,"props":926,"children":929},{"className":927},[928],"kattene__infopart",[930,932,943,944,964,965,1013],{"type":30,"value":931},"\n      ",{"type":25,"tag":71,"props":933,"children":936},{"className":934},[935],"kattene__title",[937],{"type":25,"tag":436,"props":938,"children":940},{"target":439,"rel":939,"href":918},[917],[941],{"type":30,"value":942},"エプソン A4高画質フラットベッドスキャナー (6400dpi・USB) GT-X830",{"type":30,"value":931},{"type":25,"tag":71,"props":945,"children":948},{"className":946},[947],"kattene__description",[949,952,954,957,959,962],{"type":25,"tag":33,"props":950,"children":951},{},[],{"type":30,"value":953},"※ ハダノは十数年前から自宅でエプソンGT-D1000を使っています。",{"type":25,"tag":33,"props":955,"children":956},{},[],{"type":30,"value":958},"多機能プリンタのスキャナより高画質でスキャンでき、重宝しています。",{"type":25,"tag":33,"props":960,"children":961},{},[],{"type":30,"value":963},"残念ながら廃番となりましたが、最も近いのがこの機種と思われます。",{"type":30,"value":931},{"type":25,"tag":71,"props":966,"children":970},{"className":967},[968,969],"kattene__btns","__three",[971,973,985,987,999,1000,1012],{"type":30,"value":972},"\n      \t",{"type":25,"tag":71,"props":974,"children":975},{},[976],{"type":25,"tag":436,"props":977,"children":982},{"className":978,"target":439,"rel":981,"href":918},[979,980],"kattene__btn","__red",[917],[983],{"type":30,"value":984},"楽天",{"type":30,"value":986},"\n        ",{"type":25,"tag":71,"props":988,"children":989},{},[990],{"type":25,"tag":436,"props":991,"children":996},{"className":992,"target":439,"rel":994,"href":995},[979,993],"__orange",[917],"https:\u002F\u002Faf.moshimo.com\u002Faf\u002Fc\u002Fclick?a_id=3539938&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07KNQLVVW",[997],{"type":30,"value":998},"Amazon",{"type":30,"value":986},{"type":25,"tag":71,"props":1001,"children":1002},{},[1003],{"type":25,"tag":436,"props":1004,"children":1009},{"className":1005,"target":439,"rel":1007,"href":1008},[979,1006],"__green",[917],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Frakudenmart%2Fgt-x830.html",[1010],{"type":30,"value":1011},"Yahoo!",{"type":30,"value":931},{"type":30,"value":908},{"type":25,"tag":33,"props":1015,"children":1017},{"id":1016},"ep306",[],{"type":25,"tag":71,"props":1019,"children":1021},{"className":1020},[905],[1022,1023,1036,1037],{"type":30,"value":908},{"type":25,"tag":71,"props":1024,"children":1026},{"className":1025},[912],[1027],{"type":25,"tag":436,"props":1028,"children":1031},{"target":439,"rel":1029,"href":1030},[917],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F2cb4cf31.c6994e0d.2cb4cf32.2c2aeaae\u002F_RTLink57026?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbiccamera%2F4988617162273%2F&link_type=pict&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0Iiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[1032],{"type":25,"tag":86,"props":1033,"children":1035},{"src":1034},"https:\u002F\u002Fhbb.afl.rakuten.co.jp\u002Fhgb\u002F2cb4cf31.c6994e0d.2cb4cf32.2c2aeaae\u002F?me_id=1269553&item_id=10560756&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fbiccamera%2Fcabinet%2Fproduct%2F0120%2F00000001428167_a01.jpg%3F_ex%3D240x240&s=240x240&t=pict",[],{"type":30,"value":908},{"type":25,"tag":71,"props":1038,"children":1040},{"className":1039},[928],[1041,1042,1052,1053,1072,1073,1110],{"type":30,"value":931},{"type":25,"tag":71,"props":1043,"children":1045},{"className":1044},[935],[1046],{"type":25,"tag":436,"props":1047,"children":1049},{"target":439,"rel":1048,"href":1030},[917],[1050],{"type":30,"value":1051},"エプソン プリンター A4 インクジェット カラリオ EP-306",{"type":30,"value":931},{"type":25,"tag":71,"props":1054,"children":1056},{"className":1055},[947],[1057,1060,1062,1065,1067,1070],{"type":25,"tag":33,"props":1058,"children":1059},{},[],{"type":30,"value":1061},"※ ハダノが自宅で使っているプリンタです。",{"type":25,"tag":33,"props":1063,"children":1064},{},[],{"type":30,"value":1066},"9年前から使っていますが、後継機種が出ず、いまだに現役です。",{"type":25,"tag":33,"props":1068,"children":1069},{},[],{"type":30,"value":1071},"非常に完成度の高いプリンタだと思います。",{"type":30,"value":931},{"type":25,"tag":71,"props":1074,"children":1076},{"className":1075},[968,969],[1077,1078,1087,1088,1098,1099,1109],{"type":30,"value":972},{"type":25,"tag":71,"props":1079,"children":1080},{},[1081],{"type":25,"tag":436,"props":1082,"children":1085},{"className":1083,"target":439,"rel":1084,"href":1030},[979,980],[917],[1086],{"type":30,"value":984},{"type":30,"value":986},{"type":25,"tag":71,"props":1089,"children":1090},{},[1091],{"type":25,"tag":436,"props":1092,"children":1096},{"className":1093,"target":439,"rel":1094,"href":1095},[979,993],[917],"https:\u002F\u002Faf.moshimo.com\u002Faf\u002Fc\u002Fclick?a_id=3539938&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB00EXHGX5M",[1097],{"type":30,"value":998},{"type":30,"value":986},{"type":25,"tag":71,"props":1100,"children":1101},{},[1102],{"type":25,"tag":436,"props":1103,"children":1107},{"className":1104,"target":439,"rel":1105,"href":1106},[979,1006],[917],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fgbft-online%2Fid-hglr-u6mj.html",[1108],{"type":30,"value":1011},{"type":30,"value":931},{"type":30,"value":908},{"type":25,"tag":33,"props":1112,"children":1113},{},[],{"type":25,"tag":1115,"props":1116,"children":1117},"hr",{},[],{"type":25,"tag":26,"props":1119,"children":1120},{},[1121],{"type":25,"tag":436,"props":1122,"children":1124},{"href":1123},"\u002Farticles\u002Fict-3",[1125],{"type":30,"value":1126},"←前へ　ICTあるある―3",{"type":25,"tag":26,"props":1128,"children":1129},{},[1130],{"type":25,"tag":436,"props":1131,"children":1133},{"href":1132},"\u002Farticles\u002Fict-5",[1134],{"type":30,"value":1135},"次へ→　ICTあるある―5",{"title":8,"searchDepth":1137,"depth":1137,"links":1138},2,[1139,1146],{"id":44,"depth":1137,"text":10,"children":1140},[1141,1143,1144,1145],{"id":61,"depth":1142,"text":64},3,{"id":233,"depth":1142,"text":236},{"id":412,"depth":1142,"text":415},{"id":652,"depth":1142,"text":652},{"id":777,"depth":1137,"text":780,"children":1147},[1148],{"id":821,"depth":1142,"text":824},"markdown","content:articles:ict-4.md","content","articles\u002Fict-4.md","articles\u002Fict-4","md",{"_path":1156,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1157,"description":1158,"category":1159,"tag":1160,"thumbnail":1165,"createdAt":1166,"updatedAt":1167,"body":1168,"_type":1149,"_id":2181,"_source":1151,"_file":2182,"_stem":2183,"_extension":1154},"\u002Farticles\u002Fnurpa-2","全校ぬりえ自動化システム「ヌルパ」を作ってみた","全校ぬりえ自動化システム「ヌルパ」の使い方を紹介。壁画づくり・自動化の技術的な話も",[12],[16,1161,17,1162,15,1163,1164],"rpa","cg","steam","dx","nuriehonban.jpg","2022\u002F5\u002F11","2022\u002F5\u002F15",{"type":22,"children":1169,"toc":2161},[1170,1175,1180,1185,1190,1195,1198,1204,1209,1214,1219,1224,1227,1232,1238,1247,1250,1255,1258,1264,1269,1283,1288,1293,1296,1302,1311,1316,1325,1330,1335,1340,1345,1348,1354,1363,1368,1373,1378,1381,1387,1396,1401,1406,1415,1420,1425,1430,1435,1440,1443,1449,1458,1463,1468,1473,1476,1482,1487,1501,1523,1528,1533,1538,1543,1548,1551,1557,1570,1575,1578,1584,1589,1592,1597,1602,1605,1610,1615,1620,1623,1628,1631,1636,1641,1644,1649,1652,1657,1662,1665,1670,1673,1679,1684,1690,1695,1752,1758,1765,1771,1782,1788,1799,1805,1810,1823,1829,1835,1846,1852,1857,1872,1877,1882,1888,1893,1904,1907,1912,1917,1922,1927,1932,1937,1960,1965,1970,1979,1982,1988,1997,2000,2006,2011,2016,2021,2026,2031,2034,2039,2044,2049,2053,2146,2149,2152],{"type":25,"tag":26,"props":1171,"children":1172},{},[1173],{"type":30,"value":1174},"　「今年の文化祭、コロナ禍で制限多いけど、全校ぬりえに挑戦してみようか？」",{"type":25,"tag":26,"props":1176,"children":1177},{},[1178],{"type":30,"value":1179},"　「すべてフリーソフトでだれでもできるって本当なのかな？」",{"type":25,"tag":26,"props":1181,"children":1182},{},[1183],{"type":30,"value":1184},"　「ヌルパでどうやって自動化できるの？」",{"type":25,"tag":26,"props":1186,"children":1187},{},[1188],{"type":30,"value":1189},"　そんなあなたに、全校ぬりえ自動化システム「ヌルパ」の使い方を紹介します。壁画づくり・自動化の技術的な話もします。",{"type":25,"tag":26,"props":1191,"children":1192},{},[1193],{"type":30,"value":1194},"　民間企業では働き方改革の切り札として、RPAなどによる自動化が求められています。ヌルパをきっかけに教員の働き方改革を前進させてみませんか。",{"type":25,"tag":33,"props":1196,"children":1197},{},[],{"type":25,"tag":42,"props":1199,"children":1201},{"id":1200},"nurpaヌルパはぬりえ変換を自動化するｒｐａシステム",[1202],{"type":30,"value":1203},"nuRpa(ヌルパ)は、ぬりえ変換を自動化するＲＰＡシステム",{"type":25,"tag":26,"props":1205,"children":1206},{},[1207],{"type":30,"value":1208},"　全校ぬりえの取組紹介には、「すべてフリーソフトでだれでもできる」と書きましたが、数種類のソフトをいちいちマウスで操作していくのは、やはり骨が折れるものです。",{"type":25,"tag":26,"props":1210,"children":1211},{},[1212],{"type":30,"value":1213},"　そこで、アプリのショートカットと原画をフォルダに入れ、nuRpa.wsfをダブルクリックするだけで、全校ぬりえに必要なファイルが自動的にできあがる仕組みを作りました。",{"type":25,"tag":26,"props":1215,"children":1216},{},[1217],{"type":30,"value":1218},"※ Windows10,Windows11のPCで動作確認済み。",{"type":25,"tag":26,"props":1220,"children":1221},{},[1222],{"type":30,"value":1223},"※ Windows11では、右クリック-その他のオプションを表示 で、従来のWindows10の右クリックメニューが出るように変更されたので注意！",{"type":25,"tag":33,"props":1225,"children":1226},{},[],{"type":25,"tag":42,"props":1228,"children":1230},{"id":1229},"ヌルパの使い方",[1231],{"type":30,"value":1229},{"type":25,"tag":59,"props":1233,"children":1235},{"id":1234},"_1-nurpazipをダウンロードする",[1236],{"type":30,"value":1237},"1) nurpa.zipをダウンロードする",{"type":25,"tag":26,"props":1239,"children":1240},{},[1241],{"type":25,"tag":436,"props":1242,"children":1244},{"href":1243},"\u002Fsrc\u002Fnurpa.zip",[1245],{"type":30,"value":1246},"⤵ nurpa.zip をダウンロード",{"type":25,"tag":33,"props":1248,"children":1249},{},[],{"type":25,"tag":26,"props":1251,"children":1252},{},[1253],{"type":30,"value":1254},"　すべて展開し、nurpaフォルダをドキュメントフォルダなどに移動します。",{"type":25,"tag":33,"props":1256,"children":1257},{},[],{"type":25,"tag":59,"props":1259,"children":1261},{"id":1260},"_2-スムーズ化などの調整をしpng形式で保存した原画ファイルをnurpaフォルダに入れる",[1262],{"type":30,"value":1263},"2) スムーズ化などの調整をし、PNG形式で保存した原画ファイルをnurpaフォルダに入れる",{"type":25,"tag":26,"props":1265,"children":1266},{},[1267],{"type":30,"value":1268},"　A3用紙1枚の絵は、横26cm：縦39cm = 2：3 となります。横何枚×縦何枚になるか計算して原画の横：縦の比を決め、1000ピクセルをあまり超えない程度におさめてください。",{"type":25,"tag":26,"props":1270,"children":1271},{},[1272,1274,1281],{"type":30,"value":1273},"　",{"type":25,"tag":436,"props":1275,"children":1278},{"href":1276,"rel":1277},"https:\u002F\u002Feizone.info\u002Fphotoscape-x\u002F",[798],[1279],{"type":30,"value":1280},"photoscape",{"type":30,"value":1282}," などの画像編集ソフトで、スムーズ化などの調整を加えてください。ベクトル化したときにきれいに仕上がります。",{"type":25,"tag":26,"props":1284,"children":1285},{},[1286],{"type":30,"value":1287},"　原画は、jpg や bmp ではなく、必ず png ファイルとして保存してください。",{"type":25,"tag":26,"props":1289,"children":1290},{},[1291],{"type":30,"value":1292},"　動作確認用のサンプルとして、yell0.png を入れてあります。",{"type":25,"tag":33,"props":1294,"children":1295},{},[],{"type":25,"tag":59,"props":1297,"children":1299},{"id":1298},"_3-javaバージョンを確認する",[1300],{"type":30,"value":1301},"3) Javaバージョンを確認する",{"type":25,"tag":26,"props":1303,"children":1304},{},[1305],{"type":25,"tag":436,"props":1306,"children":1309},{"href":1307,"rel":1308},"https:\u002F\u002Fjava.com\u002Fja\u002Fdownload\u002Funinstalltool.jsp",[798],[1310],{"type":30,"value":1307},{"type":25,"tag":26,"props":1312,"children":1313},{},[1314],{"type":30,"value":1315},"　もしJavaが入っていなければ、インストールします。P2VJを動かすのに必要です。",{"type":25,"tag":26,"props":1317,"children":1318},{},[1319],{"type":25,"tag":436,"props":1320,"children":1323},{"href":1321,"rel":1322},"https:\u002F\u002Fjava.com\u002Fja\u002Fdownload\u002F",[798],[1324],{"type":30,"value":1321},{"type":25,"tag":26,"props":1326,"children":1327},{},[1328],{"type":30,"value":1329},"　Cドライブで javaw.exe を検索します。",{"type":25,"tag":26,"props":1331,"children":1332},{},[1333],{"type":30,"value":1334},"　見つかったものをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":25,"tag":26,"props":1336,"children":1337},{},[1338],{"type":30,"value":1339},"※ Windows11では、右クリック-その他のオプションを表示-ショートカットの貼り付け をする。",{"type":25,"tag":26,"props":1341,"children":1342},{},[1343],{"type":30,"value":1344},"例：javaw.exe - ショートカット リンク先→\"C:\\Program Files\\Java\\jre1.8.0_271\\bin\\javaw.exe\"",{"type":25,"tag":33,"props":1346,"children":1347},{},[],{"type":25,"tag":59,"props":1349,"children":1351},{"id":1350},"_4-p2vjをダウンロードする",[1352],{"type":30,"value":1353},"4) P2VJをダウンロードする",{"type":25,"tag":26,"props":1355,"children":1356},{},[1357],{"type":25,"tag":436,"props":1358,"children":1361},{"href":1359,"rel":1360},"http:\u002F\u002Fsesamecake.sakura.ne.jp\u002Fp2vj\u002F",[798],[1362],{"type":30,"value":1359},{"type":25,"tag":26,"props":1364,"children":1365},{},[1366],{"type":30,"value":1367},"　すべて展開し、p2vj_1.3フォルダをドキュメントなどにコピーします。",{"type":25,"tag":26,"props":1369,"children":1370},{},[1371],{"type":30,"value":1372},"　P2VJ.jarをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":25,"tag":26,"props":1374,"children":1375},{},[1376],{"type":30,"value":1377},"例：P2VJ.jar - ショートカット　リンク先→\"C:\\Users\\BOKUser\\Documents\\p2vj_1.3\\p2vj_1.3\\P2VJ.jar\"",{"type":25,"tag":33,"props":1379,"children":1380},{},[],{"type":25,"tag":59,"props":1382,"children":1384},{"id":1383},"_5-inkscapeをダウンロードする",[1385],{"type":30,"value":1386},"5) Inkscapeをダウンロードする",{"type":25,"tag":26,"props":1388,"children":1389},{},[1390],{"type":25,"tag":436,"props":1391,"children":1394},{"href":1392,"rel":1393},"https:\u002F\u002Finkscape.org\u002Fja\u002Frelease\u002F1.0.1\u002Fwindows\u002F",[798],[1395],{"type":30,"value":1392},{"type":25,"tag":26,"props":1397,"children":1398},{},[1399],{"type":30,"value":1400},"　できるだけ最新版をインストールします。",{"type":25,"tag":26,"props":1402,"children":1403},{},[1404],{"type":30,"value":1405},"　Ver1.0以降は、出力命令が変更されているので要注意です。",{"type":25,"tag":26,"props":1407,"children":1408},{},[1409],{"type":25,"tag":436,"props":1410,"children":1413},{"href":1411,"rel":1412},"https:\u002F\u002Flookbackmargin.blog\u002F2020\u002F07\u002F31\u002Finkscape-o-instead-of-e\u002F",[798],[1414],{"type":30,"value":1411},{"type":25,"tag":26,"props":1416,"children":1417},{},[1418],{"type":30,"value":1419},"　インストールしたくない場合は、32-bitのPortable版をダウンロードし、インストール先（実際は展開のみ）をドキュメントなどにして使用します。",{"type":25,"tag":26,"props":1421,"children":1422},{},[1423],{"type":30,"value":1424},"　デスクトップのInkscapeのショートカットをコピーし、nurpaフォルダで貼り付けをします。",{"type":25,"tag":26,"props":1426,"children":1427},{},[1428],{"type":30,"value":1429},"例：Inkscape　リンク先→\"C:\\Program Files\\Inkscape\\bin\\inkscape.exe\"",{"type":25,"tag":26,"props":1431,"children":1432},{},[1433],{"type":30,"value":1434},"　または、InkscapePortable.exeをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":25,"tag":26,"props":1436,"children":1437},{},[1438],{"type":30,"value":1439},"例：InkscapePortable.exe - ショートカット　リンク先→C:\\Users\\BOKUser\\Documents\\InkscapePortable\\InkscapePortable.exe",{"type":25,"tag":33,"props":1441,"children":1442},{},[],{"type":25,"tag":59,"props":1444,"children":1446},{"id":1445},"_6-posterazorをダウンロードする",[1447],{"type":30,"value":1448},"6) PosteRazorをダウンロードする",{"type":25,"tag":26,"props":1450,"children":1451},{},[1452],{"type":25,"tag":436,"props":1453,"children":1456},{"href":1454,"rel":1455},"https:\u002F\u002Fwww.jimakudaio.com\u002Fpost-9637",[798],[1457],{"type":30,"value":1454},{"type":25,"tag":26,"props":1459,"children":1460},{},[1461],{"type":30,"value":1462},"　最新版をダウンロード・インストールします。",{"type":25,"tag":26,"props":1464,"children":1465},{},[1466],{"type":30,"value":1467},"　デスクトップのPosteRazorのショートカットをコピーし、nurpaフォルダで貼り付けをします。",{"type":25,"tag":26,"props":1469,"children":1470},{},[1471],{"type":30,"value":1472},"例：PosteRazor.exe - ショートカット　リンク先→\"C:\\Program Files (x86)\\PosteRazor\\PosteRazor.exe\"",{"type":25,"tag":33,"props":1474,"children":1475},{},[],{"type":25,"tag":59,"props":1477,"children":1479},{"id":1478},"_7-nurpaを実行する",[1480],{"type":30,"value":1481},"7) nuRpaを実行する",{"type":25,"tag":26,"props":1483,"children":1484},{},[1485],{"type":30,"value":1486},"　nurpaフォルダの nuRpa.wsf をダブルクリックして実行します。",{"type":25,"tag":26,"props":1488,"children":1489},{},[1490,1492,1499],{"type":30,"value":1491},"　処理内容を変更したいときは、 nuriemaker.js をテキストエディタ（",{"type":25,"tag":436,"props":1493,"children":1496},{"href":1494,"rel":1495},"https:\u002F\u002Fforest.watch.impress.co.jp\u002Flibrary\u002Fsoftware\u002Fmery\u002F",[798],[1497],{"type":30,"value":1498},"Mery",{"type":30,"value":1500}," など）で編集します。",{"type":25,"tag":26,"props":1502,"children":1503},{},[1504,1506,1513,1515,1521],{"type":30,"value":1505},"　2)で計算した枚数で　",{"type":25,"tag":1507,"props":1508,"children":1510},"code",{"className":1509},[],[1511],{"type":30,"value":1512},"\u002F\u002F\u002F\u002F\u002F\u002F★横分割数",{"type":30,"value":1514}," の ",{"type":25,"tag":1507,"props":1516,"children":1518},{"className":1517},[],[1519],{"type":30,"value":1520},"RoboKey(\"数\");",{"type":30,"value":1522}," を打ち換えて変更できます。縦分割数は、画像のサイズと横分割数から自動計算されます。「手本」と「ぬりえ」それぞれ指定できます。",{"type":25,"tag":26,"props":1524,"children":1525},{},[1526],{"type":30,"value":1527},"※ nuriemaker.js を直接ダブルクリックしないこと。",{"type":25,"tag":26,"props":1529,"children":1530},{},[1531],{"type":30,"value":1532},"　nuRpaでは、次の4段階で処理が進んでゆきます。",{"type":25,"tag":26,"props":1534,"children":1535},{},[1536],{"type":30,"value":1537},"①原画をSVGに変換、②完成画とぬりえのSVGを作成、③SVGをPNGに変換、④分割印刷用PDFを作成。",{"type":25,"tag":26,"props":1539,"children":1540},{},[1541],{"type":30,"value":1542},"（それぞれ、①P2VJ、②JScriptでテキスト置換、③Inkscape、④PosteRazor を使って実行）",{"type":25,"tag":26,"props":1544,"children":1545},{},[1546],{"type":30,"value":1547},"　②のぬりえ化については、「塗色を透明に」→「塗色を白色に」とアルゴリズムを改良しました。これにより、不要な線が透けることなく、塗りやすくなりました。",{"type":25,"tag":33,"props":1549,"children":1550},{},[],{"type":25,"tag":59,"props":1552,"children":1554},{"id":1553},"_8-個人手本とぬりえを分割印刷する",[1555],{"type":30,"value":1556},"8) 個人手本とぬりえを分割印刷する",{"type":25,"tag":26,"props":1558,"children":1559},{},[1560,1562,1568],{"type":30,"value":1561},"　nuRpaで作成された分割印刷用PDF（～tr.pdfと～trp.pdf）に ",{"type":25,"tag":436,"props":1563,"children":1565},{"href":796,"rel":1564},[798],[1566],{"type":30,"value":1567},"pdf_as",{"type":30,"value":1569}," でページ番号を付加します。",{"type":25,"tag":26,"props":1571,"children":1572},{},[1573],{"type":30,"value":1574},"　Acrobat Reader DC で、印刷します。",{"type":25,"tag":33,"props":1576,"children":1577},{},[],{"type":25,"tag":42,"props":1579,"children":1581},{"id":1580},"hekiga",[1582],{"type":30,"value":1583},"壁画づくりの技術的な話",{"type":25,"tag":26,"props":1585,"children":1586},{},[1587],{"type":30,"value":1588},"　「大きな壁画を分割して共同制作したい」というハダノの夢は、PCを使えば実現できそうでした。",{"type":25,"tag":33,"props":1590,"children":1591},{},[],{"type":25,"tag":26,"props":1593,"children":1594},{},[1595],{"type":30,"value":1596},"　「PL学園の人文字のマスを2cmぐらいにしたら、写真クオリティの壁画ができないか」と思いついて、1993年に横16m × 縦10mの巨大壁画を作ってみました。県都の大きな中学校の3年生8クラスの文化祭作品です。「夢を現実に」をスローガンに体育大会の感動を表現しました。体育大会の写真をスキャンし、8色の色コードをBASICのpoint関数で読み取りました。生徒はその数字の表を見ながら、模造紙のマス目をポスターカラーで塗りました。壁画は話題となり、地元の新聞にも載りました。「ドット壁画」の誕生です。",{"type":25,"tag":26,"props":1598,"children":1599},{},[1600],{"type":30,"value":1601},"　その後、「ドット壁画の作り方を教えてほしい」と自宅に人が来るようになりました。高校に行った教え子が高校ではやらせ、転任した同僚がその学校ではやらせ、しだいに文化祭や卒業式のステージ画の定番となりました。",{"type":25,"tag":33,"props":1603,"children":1604},{},[],{"type":25,"tag":26,"props":1606,"children":1607},{},[1608],{"type":30,"value":1609},"　しかし、ドット壁画はあくまでも実験でした。原画を作ってしまえば、あとは単純作業です。一人ひとりの生徒に創意工夫の余地はありません。数年後、ハダノは自分の手でドット壁画を封印しました。",{"type":25,"tag":26,"props":1611,"children":1612},{},[1613],{"type":30,"value":1614},"　田舎の学校に移っていたハダノは、専門の理科以外に数・技・美などを持たされていました。美術を教えていたとき、あることに気づきました。絵の苦手な生徒は、見た通りの形ではなく、言葉の影響を受けたシンボルを描こうとするのです。試しに上下さかさまにした絵を模写させると、みんな上手に描けます。言葉を使うことができないからです。",{"type":25,"tag":26,"props":1616,"children":1617},{},[1618],{"type":30,"value":1619},"　立体感が苦手な生徒は、見た通りの色ではなく、頭の中で信じた色を塗ろうとするのです。試しに真っ白のトイレットペーパーをスケッチさせるとき、明るさを4段階に処理した写真を見せたあとは、もうだれも「トイレットペーパーは白一色だから描けない」とは言いません。",{"type":25,"tag":33,"props":1621,"children":1622},{},[],{"type":25,"tag":86,"props":1624,"children":1627},{"src":1625,"alt":1626,"width":286},"\u002Fimg\u002Fdot_nurie.png","ドット絵からぬりえへ",[],{"type":25,"tag":33,"props":1629,"children":1630},{},[],{"type":25,"tag":26,"props":1632,"children":1633},{},[1634],{"type":30,"value":1635},"　共同制作では、形が狂うと貼り合わせられません。色は自由な発想の余地があります。こうして、「ぬりえ」にたどりつきました。2000年代は Paint Shop Pro を使い、効果-アーティスティック効果-ポスタリゼーション で減色後、 効果-エッジ効果-輪郭検出 で輪郭線を得て、画像分割もPythonマクロでやっていました。できばえはよかったものの、フリーソフトではなかったため、はやらせるのは無理がありました。",{"type":25,"tag":86,"props":1637,"children":1640},{"src":1638,"alt":1639,"width":286},"\u002Fimg\u002Fgengasakusei.png","ぬりえ原画作成",[],{"type":25,"tag":33,"props":1642,"children":1643},{},[],{"type":25,"tag":26,"props":1645,"children":1646},{},[1647],{"type":30,"value":1648},"　2010年代になると、画面の高解像度化に伴い、ベクトル画像が脚光を浴びるようになりました。Web標準技術の一つとして、SVGというベクトル画像の規格が普及してきました。HTMLのようなテキストでベクトル画像が描画できるという画期的なものです。SVG編集ソフトでは、Adobe Illustratorが有名ですが、Inkscape という優秀なフリーソフトが現われました。",{"type":25,"tag":33,"props":1650,"children":1651},{},[],{"type":25,"tag":26,"props":1653,"children":1654},{},[1655],{"type":30,"value":1656},"　ぬりえ制作では、ビットマップ画像より、ベクトル画像の方が適しています。問題は、写真のようなビットマップをベクトルにきれいに変換するのはたいへんということです。Inkscape にもトレースという機能がありますが、変換精度は今一つです。そんなとき、P2VJというフリーソフトを知りました。ビットマップ→ベクトル変換に特化していて、きれいにやってくれます。あとは、SVGの中のテキストをいじって輪郭線を灰色にしたり、塗色を抜いたりするだけでぬりえの完成です。",{"type":25,"tag":86,"props":1658,"children":1661},{"src":1659,"alt":1660,"width":286},"\u002Fimg\u002Fsodehikaku.png","ぬりえ変換プロセス",[],{"type":25,"tag":33,"props":1663,"children":1664},{},[],{"type":25,"tag":26,"props":1666,"children":1667},{},[1668],{"type":30,"value":1669},"　画像分割は、自分でもVisualBasicで作ったことがあります。大量の画像ファイルができて管理がたいへんでした。PosteRazor は、１つのPDFファイルにしてくれます。生徒が描き損じても、ページ指定で目的の分割画像だけ印刷することができるのです。",{"type":25,"tag":33,"props":1671,"children":1672},{},[],{"type":25,"tag":59,"props":1674,"children":1676},{"id":1675},"中全校ぬりえの技術的な話",[1677],{"type":30,"value":1678},"●●中全校ぬりえの技術的な話",{"type":25,"tag":26,"props":1680,"children":1681},{},[1682],{"type":30,"value":1683},"2020年度●●中学校文化祭テーマ「YELL～感謝・希望・笑顔～」",{"type":25,"tag":836,"props":1685,"children":1687},{"id":1686},"原画-紅葉の背景を",[1688],{"type":30,"value":1689},"原画① 紅葉の背景を！",{"type":25,"tag":26,"props":1691,"children":1692},{},[1693],{"type":30,"value":1694},"　色が地味すぎる、もっとカラフルにしないと。紅葉の背景画像を探そう！",{"type":25,"tag":26,"props":1696,"children":1697},{},[1698,1700,1707,1709,1716,1718,1725,1727,1734,1736,1743,1745],{"type":30,"value":1699},"※ ",{"type":25,"tag":436,"props":1701,"children":1704},{"href":1702,"rel":1703},"https:\u002F\u002Fhdrihaven.com\u002Fhdris\u002F",[798],[1705],{"type":30,"value":1706},"360度背景画像",{"type":30,"value":1708},"と",{"type":25,"tag":436,"props":1710,"children":1713},{"href":1711,"rel":1712},"https:\u002F\u002Fsketchfab.com\u002Fsearch?features=downloadable&q=tree&sort_by=-relevance&type=models",[798],[1714],{"type":30,"value":1715},"３Dモデル",{"type":30,"value":1717},"を探し、",{"type":25,"tag":436,"props":1719,"children":1722},{"href":1720,"rel":1721},"https:\u002F\u002Fudemy.benesse.co.jp\u002Fdevelopment\u002Fweb\u002Fblender.html",[798],[1723],{"type":30,"value":1724},"Blender",{"type":30,"value":1726},"で合成。Gifアニメは、",{"type":25,"tag":436,"props":1728,"children":1731},{"href":1729,"rel":1730},"https:\u002F\u002Ffreesoft-100.com\u002Freview\u002Fmadophoto.html",[798],[1732],{"type":30,"value":1733},"画面キャプチャツール「窓フォト」",{"type":30,"value":1735},"で作成。",{"type":25,"tag":436,"props":1737,"children":1740},{"href":1738,"rel":1739},"https:\u002F\u002Fwptheme-navi.jp\u002Fgif_compression_3\u002F",[798],[1741],{"type":30,"value":1742},"軽量化",{"type":30,"value":1744},"してからWebにアップロード。\n",{"type":25,"tag":86,"props":1746,"children":1751},{"src":1747,"alt":1748,"className":1749},"\u002Fimg\u002Fautumn2hf-min.gif","紅葉の背景画像を探そう",[1750],"imghr",[],{"type":25,"tag":836,"props":1753,"children":1755},{"id":1754},"原画-どこまでも伸びる木を",[1756],{"type":30,"value":1757},"原画② どこまでも伸びる木を！",{"type":25,"tag":86,"props":1759,"children":1764},{"src":1760,"alt":1761,"className":1762},"\u002Fimg\u002Ftree_2.gif","３Dの木",[1763],"imghl",[],{"type":25,"tag":836,"props":1766,"children":1768},{"id":1767},"原画-みんなを笑顔にした集団行動",[1769],{"type":30,"value":1770},"原画③ みんなを笑顔にした集団行動",{"type":25,"tag":26,"props":1772,"children":1773},{},[1774,1776],{"type":30,"value":1775},"　体育大会全校種目「集団行動」\n",{"type":25,"tag":86,"props":1777,"children":1781},{"src":1778,"alt":1779,"className":1780},"\u002Fimg\u002Fshupei.JPG","体育大会集団行動",[1750],[],{"type":25,"tag":836,"props":1783,"children":1785},{"id":1784},"原画-今ここにしかない音楽を",[1786],{"type":30,"value":1787},"原画④ 今ここにしかない音楽を！",{"type":25,"tag":26,"props":1789,"children":1790},{},[1791,1793],{"type":30,"value":1792},"　リコーダーで小鳥のさえずりを創作\n",{"type":25,"tag":86,"props":1794,"children":1798},{"src":1795,"alt":1796,"className":1797},"\u002Fimg\u002Fsaezuri.JPG","リコーダーで小鳥のさえずりを創作",[1763],[],{"type":25,"tag":836,"props":1800,"children":1802},{"id":1801},"原画-yellが伝わる応援グッズ",[1803],{"type":30,"value":1804},"原画⑤ YELLが伝わる応援グッズ？",{"type":25,"tag":26,"props":1806,"children":1807},{},[1808],{"type":30,"value":1809},"　文化祭テーマのYELLがはっきりわかるには、小道具が必要。カラフルな応援グッズと言えば…？",{"type":25,"tag":26,"props":1811,"children":1812},{},[1813,1815,1822],{"type":30,"value":1814},"※ SVGモーフィングアニメーションは、",{"type":25,"tag":436,"props":1816,"children":1819},{"href":1817,"rel":1818},"https:\u002F\u002F11neko.com\u002Fflubber_js\u002F",[798],[1820],{"type":30,"value":1821},"flubber",{"type":30,"value":1735},{"type":25,"tag":86,"props":1824,"children":1828},{"src":1825,"alt":1826,"width":1827},"\u002Fimg\u002Fmegaphf.gif","SVGモーフィングアニメーション","20%",[],{"type":25,"tag":836,"props":1830,"children":1832},{"id":1831},"原画-ファイトオー",[1833],{"type":30,"value":1834},"原画⑥ ファイト！オー！",{"type":25,"tag":26,"props":1836,"children":1837},{},[1838,1840],{"type":30,"value":1839},"　力感がない、がっかりだ。撮り直そう！\n",{"type":25,"tag":86,"props":1841,"children":1845},{"src":1842,"alt":1843,"className":1844},"\u002Fimg\u002Ffight7255.JPG","ファイト！オー！",[1750],[],{"type":25,"tag":836,"props":1847,"children":1849},{"id":1848},"原画-よし合体だ",[1850],{"type":30,"value":1851},"原画⑦ よし、合体だ！",{"type":25,"tag":26,"props":1853,"children":1854},{},[1855],{"type":30,"value":1856},"※ このアニメーションは、Wick Editor で作成。フリーのWebアプリで、クリックやキーボード入力を受け付けて動作を変えることもできるので、簡単な教材やゲームが作れ、プログラミングの入門にも役立ちそう。",{"type":25,"tag":1858,"props":1859,"children":1860},"ul",{},[1861,1867],{"type":25,"tag":1862,"props":1863,"children":1864},"li",{},[1865],{"type":30,"value":1866},"パラパラ漫画アニメーションをプログラムで制御できる「Wick Editor」を使ってみた！　",{"type":25,"tag":1862,"props":1868,"children":1869},{},[1870],{"type":30,"value":1871},"Wick - Webベースのアニメーション作成エンジン",{"type":25,"tag":86,"props":1873,"children":1876},{"src":1874,"alt":1875,"width":286},"\u002Fimg\u002FYell55-min.gif","合体させて原画を作るアニメーション",[],{"type":25,"tag":26,"props":1878,"children":1879},{},[1880],{"type":30,"value":1881},"　Wick Editor は、学校のiPadでも動き、登録不要・インストール不要で使え、Web標準技術に沿っているので学習したことが無駄にならない。パラパラ漫画式でもTween補間でもとにかくビジュアルにアニメが作れ、GIFやmp4で出力できるので、いろんな環境で見ることができる。まだ、日本語の資料が少ないが、動画編集の経験があれば、迷わずに使える。 アドビのプレミアなどの動画編集ソフトでは、mp4に変換しなくてもそのままGIFアニメを動画クリップとして読み込むことができて便利。",{"type":25,"tag":836,"props":1883,"children":1885},{"id":1884},"ベクトル化-ぬりえ-に",[1886],{"type":30,"value":1887},"ベクトル化 → ぬりえ に",{"type":25,"tag":26,"props":1889,"children":1890},{},[1891],{"type":30,"value":1892},"　すべてフリーソフトでだれでもできる。",{"type":25,"tag":26,"props":1894,"children":1895},{},[1896,1898],{"type":30,"value":1897},"　nuRpa（ヌルパ）で自動実行すれば、さらに楽ちん！\n",{"type":25,"tag":86,"props":1899,"children":1903},{"src":1900,"alt":1887,"className":1901},"\u002Fimg\u002Fvectorq-min.gif",[1902],"imghc",[],{"type":25,"tag":33,"props":1905,"children":1906},{},[],{"type":25,"tag":42,"props":1908,"children":1910},{"id":1909},"自動化の技術的な話",[1911],{"type":30,"value":1909},{"type":25,"tag":26,"props":1913,"children":1914},{},[1915],{"type":30,"value":1916},"　教員の働き方改革のためにもRPA（ロボティック・プロセス・オートメーション）などで自動化することが求められています。",{"type":25,"tag":26,"props":1918,"children":1919},{},[1920],{"type":30,"value":1921},"　マウスやタッチでの直感的な操作（GUI）は、初心者にはやさしいが、熟練者やコンピュータには扱いづらいものです。キーボードでコマンドをテキスト入力する操作（CUI）の方が、動作が軽く、記録・共有しやすいので処理を自動化しやすいといえます。デザイナーとプログラマーの間の溝もこれが原因でしょう。",{"type":25,"tag":26,"props":1923,"children":1924},{},[1925],{"type":30,"value":1926},"　『コマンドラインで実行→キーボードで操作→マウスで操作』の順に自動化が難しくなります。操作対象を特定するためには、オブジェクト認識、画像認識、さらにはAI活用も必要になってきます。",{"type":25,"tag":26,"props":1928,"children":1929},{},[1930],{"type":30,"value":1931},"　現在のruRpaでは、「①原画をSVGに変換、②完成画とぬりえのSVGを作成、③SVGをPNGに変換」は、コマンドラインで実行し、「④分割印刷用PDFを作成」は、キーボード操作を自動化しています。プログラムの行数を比較すると、①～③の平均16行に対し、④は158行で10倍ものコード量となっているのです。",{"type":25,"tag":26,"props":1933,"children":1934},{},[1935],{"type":30,"value":1936},"　モダンな開発環境（VS Code、Node.js、Python、…）は、セキュリティの関係でPCにインストールできない学校が多いのが現状です。しばらくはWSHなどレガシーな技術で何とかするしかないでしょう。",{"type":25,"tag":1858,"props":1938,"children":1939},{},[1940,1950],{"type":25,"tag":1862,"props":1941,"children":1942},{},[1943],{"type":25,"tag":436,"props":1944,"children":1947},{"href":1945,"rel":1946},"https:\u002F\u002Flanguage-and-engineering.hatenablog.jp\u002Fentry\u002F20090125\u002F1232940498",[798],[1948],{"type":30,"value":1949},"WSHでもWSF形式にすることで、Node.jsのrequire()のようなライブラリ利用が可能",{"type":25,"tag":1862,"props":1951,"children":1952},{},[1953],{"type":25,"tag":436,"props":1954,"children":1957},{"href":1955,"rel":1956},"https:\u002F\u002Fblog.natade.net\u002F2020\u002F01\u002F19\u002Fwsh-jscript-javascript-windows-bat\u002F",[798],[1958],{"type":30,"value":1959},"WSHを利用したJScriptのライブラリ「SenkoWSH」（なたで氏作）",{"type":25,"tag":26,"props":1961,"children":1962},{},[1963],{"type":30,"value":1964},"などにより、ぬりえ変換以外にも広く業務の自動化に取り組んでいきたいと考えています。",{"type":25,"tag":26,"props":1966,"children":1967},{},[1968],{"type":30,"value":1969},"　特に、「Robotクラス」には、2000年公開の自作ライブラリ「TieUp（タイアップ）」と共通する方向性を感じます。",{"type":25,"tag":26,"props":1971,"children":1972},{},[1973],{"type":25,"tag":436,"props":1974,"children":1977},{"href":1975,"rel":1976},"https:\u002F\u002Fwww.vector.co.jp\u002Fsoft\u002Fwin95\u002Futil\u002Fse099345.html",[798],[1978],{"type":30,"value":1975},{"type":25,"tag":33,"props":1980,"children":1981},{},[],{"type":25,"tag":59,"props":1983,"children":1985},{"id":1984},"nurpawsf-実行例画面出力をコピペ",[1986],{"type":30,"value":1987},"nuRpa.wsf 実行例（画面出力をコピペ）",{"type":25,"tag":1989,"props":1990,"children":1992},"pre",{"code":1991},"\n　nuRpa (ヌルパ) は、ぬりえ変換を自動化するＲＰＡシステムです。\n\n　natadeさんのSenkoWSH.js（WSH JScript用の汎用ライブラリ）を読み込んで使用しています。\n\nまず、 nurpa フォルダ内のショートカットを調べます。\n\njavaw.exe - ショートカット.lnk\nP2VJ.jar - ショートカット.lnk\ninkscape.exe - ショートカット.lnk\nPosteRazor.exe - ショートカット.lnk\n\n\nもし、？がついていれば、そのショートカットを nurpa フォルダ内にコピーしてから再び実行してください。誤作動を防ぐため、不 要なウィンドウは、終了・最小化してください。\n\n0 :ここで処理を終了\n1 :原画を P2VJ でSVGファイルに変換（要 java、要 P2VJ）\n2 :完成画svgとぬりえsvgを作成\n3 :Inkscape でPNG画像にエクスポート（要 Inkscape）\n4 :PosteRazor で分割印刷用PDF作成（要 PosteRazor）\nどこまで処理するかを、半角数字とEnterキーで！\n4\n　4 番の処理まで実行します。処理が完全に終わるまで、手を触れないでください。\nyell0.png　を\nyell0.svg　に変換します。\n処理が終わるまで数分かかります。辛抱強くお待ちください、、、\n\"C:\\\\Users\\\\k***8\\\\AppData\\\\Local\\\\JDownloader 2.0\\\\jre\\\\bin\\\\javaw.exe\" -jar C:\\\\Users\\\\k***8\\\\OneDrive\\\\ドキュメント\\\\OLS\\\\p2vj_1.3\\\\p2vj_1.3\\\\P2VJ.jar -i yell0.png -o yell0.svg -posterize 256\n1番「P2VJによるベクトル化」が終わりました。\n\n2番「完成画（～tr.svg）とぬりえ（～trp.svg）のベクトル画像作成」が終わりました。\n\n\"C:\\\\Program Files\\\\Inkscape\\\\bin\\\\inkscape.exe\" -z yell0tr.svg -o yell0tr.png -d 320\n\"C:\\\\Program Files\\\\Inkscape\\\\bin\\\\inkscape.exe\" -z yell0trp.svg -o yell0trp.png -d 320\n3番「完成画（～tr.png）とぬりえ（～trp.png）のビットマップ画像作成」が終わりました。\n\nyell0tr.pdf を一旦開いて閉じてから削除します。\n.\n\"C:\\\\Program Files (x86)\\\\PosteRazor\\\\PosteRazor.exe\" D:\\\\dev\\\\nurpa\\\\yell0tr.png\n..\n\"C:\\\\Program Files (x86)\\\\PosteRazor\\\\PosteRazor.exe\" D:\\\\dev\\\\nurpa\\\\yell0trp.png\n..\n4番「個人手本（～tr.pdf）とぬりえ（～trp.pdf）の分割印刷用PDF作成」が終わりました。\n\n自動的に終了します。\n\n",[1993],{"type":25,"tag":1507,"props":1994,"children":1995},{"__ignoreMap":8},[1996],{"type":30,"value":1991},{"type":25,"tag":33,"props":1998,"children":1999},{},[],{"type":25,"tag":42,"props":2001,"children":2003},{"id":2002},"dx人材育成へ",[2004],{"type":30,"value":2005},"DX人材育成へ",{"type":25,"tag":26,"props":2007,"children":2008},{},[2009],{"type":30,"value":2010},"　「DXに本気で取り組まないと2025年の崖を乗り越えられない」は、大企業だけの問題ではありません。",{"type":25,"tag":26,"props":2012,"children":2013},{},[2014],{"type":30,"value":2015},"　自動車にしてもOAにしても機械を導入すれば自動化されて楽になるというのは幻想です。機械の操作に追われて終わりでしょう。「自動車→自動運転車」に相当するのが「OA→RPA」です。",{"type":25,"tag":26,"props":2017,"children":2018},{},[2019],{"type":30,"value":2020},"　大企業では、「COBOL・自社運用→JAVA・クラウド」へと転換しようとしていますが、これはせいぜい「MTガソリン車→運転支援付きATハイブリッド車」ぐらいの変化です。完全な自動化のためには、「認知」「判断」「操作」、そして「学習」し改良し続けるAI技術が必要です。AI人材育成に向けて教育も変わらなければなりません。",{"type":25,"tag":26,"props":2022,"children":2023},{},[2024],{"type":30,"value":2025},"　GIGAスクールの一人１台タブレット導入に向けて準備する中で、マウスやタッチでのGUIしか知らない人がUNIX文化で積み上げられたCUIの世界に踏み込むのはかなり困難と確信しました。",{"type":25,"tag":26,"props":2027,"children":2028},{},[2029],{"type":30,"value":2030},"　今やデザイナーでさえ、作品をGitで管理する時代です。Gitコマンドを使いこなせないと他のデザイナーやエンジニアと連携できないはずです。どんな映画も、原作本や台本などのテキストをもとにみんなが協働して制作されます。プログラミングは、台本やマニュアルや指導案のようなテキストを書く作業です。",{"type":25,"tag":33,"props":2032,"children":2033},{},[],{"type":25,"tag":26,"props":2035,"children":2036},{},[2037],{"type":30,"value":2038},"　未来を生きる子どもたちには、読解力・表現力・論理的思考力が必要です。小学校にプログラミング教育が入ったものの、ビジュアルプログラミング体験のみで、中学校のテキストプログラミングにつながっていません。",{"type":25,"tag":26,"props":2040,"children":2041},{},[2042],{"type":30,"value":2043},"　AIリテラシーの前にICTリテラシーが必要です。スマホやタブレットで各種アプリやサービスを便利に使いこなすことより、テキストベースのコマンドやファイルの取り扱い・タッチタイピングを基礎教養として重視すべきです。",{"type":25,"tag":26,"props":2045,"children":2046},{},[2047],{"type":30,"value":2048},"　nuRpaの開発でも、ぬりえ化アルゴリズムの改良は、「正規表現」を使うことで簡単に実現できると気づきました。こういう基礎的な部分をGUIでオブラートに包んでブラックボックス化してはいけないとも感じています。ガラパゴス化する日本の中で、世界の集合知を高めるためにどんな貢献ができるか、考えていきたいものです。",{"type":25,"tag":33,"props":2050,"children":2052},{"id":2051},"svgessentials",[],{"type":25,"tag":71,"props":2054,"children":2056},{"className":2055},[905],[2057,2058,2071,2072],{"type":30,"value":908},{"type":25,"tag":71,"props":2059,"children":2061},{"className":2060},[912],[2062],{"type":25,"tag":436,"props":2063,"children":2066},{"target":439,"rel":2064,"href":2065},[917],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink57028?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F14919365%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2067],{"type":25,"tag":86,"props":2068,"children":2070},{"src":2069},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F7973\u002F9784873117973.jpg?_ex=240x240",[],{"type":30,"value":908},{"type":25,"tag":71,"props":2073,"children":2075},{"className":2074},[928],[2076,2077,2087,2088,2107,2108,2145],{"type":30,"value":931},{"type":25,"tag":71,"props":2078,"children":2080},{"className":2079},[935],[2081],{"type":25,"tag":436,"props":2082,"children":2084},{"target":439,"rel":2083,"href":2065},[917],[2085],{"type":30,"value":2086},"SVGエッセンシャルズ 第2版 [ J. David Eisenberg ]",{"type":30,"value":931},{"type":25,"tag":71,"props":2089,"children":2091},{"className":2090},[947],[2092,2095,2097,2100,2102,2105],{"type":25,"tag":33,"props":2093,"children":2094},{},[],{"type":30,"value":2096},"※ SVGは、拡大縮小・変形しても美しい、XMLベースのWeb標準画像フォーマットです。",{"type":25,"tag":33,"props":2098,"children":2099},{},[],{"type":30,"value":2101},"スマホのSVG対応も進み、今後ますます利用がふくらむSVGの基礎から応用までをわかりやすく解説しています。",{"type":25,"tag":33,"props":2103,"children":2104},{},[],{"type":30,"value":2106},"ハダノは、この本のおかげでヌルパを作ることができました。",{"type":30,"value":931},{"type":25,"tag":71,"props":2109,"children":2111},{"className":2110},[968,969],[2112,2113,2122,2123,2133,2134,2144],{"type":30,"value":972},{"type":25,"tag":71,"props":2114,"children":2115},{},[2116],{"type":25,"tag":436,"props":2117,"children":2120},{"className":2118,"target":439,"rel":2119,"href":2065},[979,980],[917],[2121],{"type":30,"value":984},{"type":30,"value":986},{"type":25,"tag":71,"props":2124,"children":2125},{},[2126],{"type":25,"tag":436,"props":2127,"children":2131},{"className":2128,"target":439,"rel":2129,"href":2130},[979,993],[917],"https:\u002F\u002Faf.moshimo.com\u002Faf\u002Fc\u002Fclick?a_id=3539938&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4873117976",[2132],{"type":30,"value":998},{"type":30,"value":986},{"type":25,"tag":71,"props":2135,"children":2136},{},[2137],{"type":25,"tag":436,"props":2138,"children":2142},{"className":2139,"target":439,"rel":2140,"href":2141},[979,1006],[917],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fkinokuniya%2F9784873117973.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2143],{"type":30,"value":1011},{"type":30,"value":931},{"type":30,"value":908},{"type":25,"tag":33,"props":2147,"children":2148},{},[],{"type":25,"tag":1115,"props":2150,"children":2151},{},[],{"type":25,"tag":26,"props":2153,"children":2154},{},[2155],{"type":25,"tag":436,"props":2156,"children":2158},{"href":2157},"\u002Farticles\u002Fnurpa-1",[2159],{"type":30,"value":2160},"←前へ　文化祭×人権教育×働き方改革から生まれたヌルパ",{"title":8,"searchDepth":1137,"depth":1137,"links":2162},[2163,2164,2174,2177,2180],{"id":1200,"depth":1137,"text":1203},{"id":1229,"depth":1137,"text":1229,"children":2165},[2166,2167,2168,2169,2170,2171,2172,2173],{"id":1234,"depth":1142,"text":1237},{"id":1260,"depth":1142,"text":1263},{"id":1298,"depth":1142,"text":1301},{"id":1350,"depth":1142,"text":1353},{"id":1383,"depth":1142,"text":1386},{"id":1445,"depth":1142,"text":1448},{"id":1478,"depth":1142,"text":1481},{"id":1553,"depth":1142,"text":1556},{"id":1580,"depth":1137,"text":1583,"children":2175},[2176],{"id":1675,"depth":1142,"text":1678},{"id":1909,"depth":1137,"text":1909,"children":2178},[2179],{"id":1984,"depth":1142,"text":1987},{"id":2002,"depth":1137,"text":2005},"content:articles:nurpa-2.md","articles\u002Fnurpa-2.md","articles\u002Fnurpa-2",{"_path":2157,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2185,"description":2186,"category":2187,"tag":2188,"thumbnail":1165,"createdAt":2190,"updatedAt":2191,"body":2192,"_type":1149,"_id":2845,"_source":1151,"_file":2846,"_stem":2847,"_extension":1154},"文化祭×人権教育×働き方改革から生まれたヌルパ","コロナ禍の文化祭、全校ぬりえ自動化システム「ヌルパ」で働き方改革",[12],[16,15,1163,2189],"ebe","2022\u002F5\u002F10","2022\u002F5\u002F14",{"type":22,"children":2193,"toc":2836},[2194,2199,2204,2209,2214,2217,2222,2228,2233,2238,2243,2246,2252,2258,2263,2268,2286,2291,2297,2302,2307,2312,2318,2325,2330,2336,2373,2379,2384,2387,2392,2398,2404,2427,2430,2435,2440,2445,2450,2453,2456,2462,2467,2472,2478,2483,2486,2491,2496,2501,2506,2509,2515,2520,2523,2529,2534,2539,2544,2550,2555,2560,2565,2570,2576,2581,2586,2592,2597,2612,2618,2624,2629,2634,2637,2642,2645,2648,2653,2658,2664,2669,2674,2685,2688,2693,2698,2703,2707,2712,2717,2720,2724,2822,2825,2828],{"type":25,"tag":26,"props":2195,"children":2196},{},[2197],{"type":30,"value":2198},"　「今年の文化祭、コロナ禍で制限多いけど、何をしようか？」",{"type":25,"tag":26,"props":2200,"children":2201},{},[2202],{"type":30,"value":2203},"　「いじめ対策・人権教育、学校全体で取り組むにはどうしたら？」",{"type":25,"tag":26,"props":2205,"children":2206},{},[2207],{"type":30,"value":2208},"　「創意工夫は大事だけど、働き方改革に逆行しないかな？」",{"type":25,"tag":26,"props":2210,"children":2211},{},[2212],{"type":30,"value":2213},"　そんなあなたに、全校ぬりえの取組を紹介します。ぬりえ自動化システム「ヌルパ」が誕生したいきさつがわかるでしょう。きっと何らかのヒントが得られると思います。",{"type":25,"tag":33,"props":2215,"children":2216},{},[],{"type":25,"tag":26,"props":2218,"children":2219},{},[2220],{"type":30,"value":2221},"※2020年度■■地区解放文化祭がコロナ禍で紙上開催となったときのレポートです。原文に準拠して掲載します。",{"type":25,"tag":42,"props":2223,"children":2225},{"id":2224},"ⅰはじめに",[2226],{"type":30,"value":2227},"Ⅰ．はじめに",{"type":25,"tag":26,"props":2229,"children":2230},{},[2231],{"type":30,"value":2232},"　本校では例年文化祭での人権劇や全校の弁論大会等をしているが，今年度は新型コロナウイルス感染防止のため，実施できなかった。",{"type":25,"tag":26,"props":2234,"children":2235},{},[2236],{"type":30,"value":2237},"　しかし，そのような状況の中でも子どもたちに「部落解放を担う豊かな感性と表現力」を養っていくため，今年度本校が特に力を入れたのが，①「協働的課題解決力」を育成する「全校集団づくり」を目的とした「全校ぬりえ」，②「互いを認め，支え合う集団づくり」をめざした生徒会活動である。",{"type":25,"tag":26,"props":2239,"children":2240},{},[2241],{"type":30,"value":2242},"　また，これと併せて，授業における「互いを認め，支え合う集団づくり」に関わる取り組みを紹介する。",{"type":25,"tag":33,"props":2244,"children":2245},{},[],{"type":25,"tag":42,"props":2247,"children":2249},{"id":2248},"ⅱ内容",[2250],{"type":30,"value":2251},"Ⅱ．内容",{"type":25,"tag":59,"props":2253,"children":2255},{"id":2254},"１協働的課題解決力を育成する全校集団づくりを目的とした全校ぬりえ",[2256],{"type":30,"value":2257},"１．「協働的課題解決力」を育成する「全校集団づくり」を目的とした「全校ぬりえ」",{"type":25,"tag":26,"props":2259,"children":2260},{},[2261],{"type":30,"value":2262},"　密を避けた文化祭を実施するにあたって劇や合唱ができない状況の中，それらの代わりとして「全校生徒によるステージ画作成」を行った。",{"type":25,"tag":26,"props":2264,"children":2265},{},[2266],{"type":30,"value":2267},"　ねらいとして",{"type":25,"tag":1858,"props":2269,"children":2270},{},[2271,2276,2281],{"type":25,"tag":1862,"props":2272,"children":2273},{},[2274],{"type":30,"value":2275},"密にならないように全校生徒で分担して作業し，大きな一つの絵に仕上げることにより，団結力と文化的な力を高める。",{"type":25,"tag":1862,"props":2277,"children":2278},{},[2279],{"type":30,"value":2280},"授業時間確保のため，卒業式・入学式のステージ画を兼ねる（例年，卒業式・入学式のステージ画の作成のために相当の時間を割いていた）。",{"type":25,"tag":1862,"props":2282,"children":2283},{},[2284],{"type":30,"value":2285},"指定された8色でマス目を塗るドット絵では，創造性や絵の学習が不要であり，文化的な力を高めることができず，少人数作業に向かないため，塗り絵にする。塗り絵なら，形は保証されているので少人数でも美しく仕上がり，色の調合で個性を発揮し，文化的な力を高めることができる。",{"type":25,"tag":26,"props":2287,"children":2288},{},[2289],{"type":30,"value":2290},"ということが挙げられる。",{"type":25,"tag":836,"props":2292,"children":2294},{"id":2293},"原画作り",[2295],{"type":30,"value":2296},"①　原画作り",{"type":25,"tag":26,"props":2298,"children":2299},{},[2300],{"type":30,"value":2301},"　2020年度●●中学校文化祭テーマである，「ＹＥＬＬ～感謝・希望・笑顔～」（9／23決定）に合った原画の作成をした。",{"type":25,"tag":26,"props":2303,"children":2304},{},[2305],{"type":30,"value":2306},"　紅葉の背景画像，どこまでも伸びていく木の画像，ＹＥＬＬを表すメガホンの写真，体育大会全校種目「集団行動」の写真，文化祭の発表に向けて練習したリコーダーの写真等を合成して，1枚の画像にした。",{"type":25,"tag":86,"props":2308,"children":2311},{"src":2309,"alt":2310,"width":286},"\u002Fimg\u002Fnuriegenga.jpg","ぬりえ原画",[],{"type":25,"tag":836,"props":2313,"children":2315},{"id":2314},"原画をベクトル化ぬりえに",[2316],{"type":30,"value":2317},"②原画をベクトル化→ぬりえに",{"type":25,"tag":2319,"props":2320,"children":2322},"h5",{"id":2321},"１photoscape-で原画を読み込みリサイズ輝度調整スムーズ化",[2323],{"type":30,"value":2324},"１，PhotoScape で原画を読み込み，リサイズ・輝度調整・スムーズ化",{"type":25,"tag":26,"props":2326,"children":2327},{},[2328],{"type":30,"value":2329},"※ 原画を線画に変換（ベクトル化）しやすくする",{"type":25,"tag":2319,"props":2331,"children":2333},{"id":2332},"２原画をベクトル化し完成画とぬりえを作る",[2334],{"type":30,"value":2335},"２，原画をベクトル化し，完成画とぬりえを作る",{"type":25,"tag":26,"props":2337,"children":2338},{},[2339,2341,2347,2349,2355,2357,2363,2365,2371],{"type":30,"value":2340},"※ P2VJ でposterizeオンにして，svgファイルに変換。輪郭線を灰色で表示するためにmeryで stroke:none を stroke:gray にすべて置換。最初の方にある ",{"type":25,"tag":1507,"props":2342,"children":2344},{"className":2343},[],[2345],{"type":30,"value":2346},"\u003Cg>",{"type":30,"value":2348}," を",{"type":25,"tag":1507,"props":2350,"children":2352},{"className":2351},[],[2353],{"type":30,"value":2354},"\u003Cg fill-opacity=\"1\" stroke-opacity=\"0.5\">",{"type":30,"value":2356}," と打ち換えて，完成画svg。塗色を透明にするために ",{"type":25,"tag":1507,"props":2358,"children":2360},{"className":2359},[],[2361],{"type":30,"value":2362},"fill-opacity=\"0\"",{"type":30,"value":2364}," と変えて，ぬりえsvg。svgを",{"type":25,"tag":436,"props":2366,"children":2368},{"href":2367},"#inkscape",[2369],{"type":30,"value":2370},"🔗Inkscape",{"type":30,"value":2372}," で読み込み，解像度を3.3倍にしてpng画像にエクスポート。",{"type":25,"tag":2319,"props":2374,"children":2376},{"id":2375},"３完成画手本とぬりえを印刷する",[2377],{"type":30,"value":2378},"３，完成画（手本）とぬりえを印刷する",{"type":25,"tag":26,"props":2380,"children":2381},{},[2382],{"type":30,"value":2383},"※ pngを PosteRazor で読み込み，分割印刷用のpdfを出力し，pdf_asでページ番号を付加。Acrobat Reader DC で，印刷。個人手本は，横9枚×縦4枚に分割。ぬりえは，A3用紙（余白上10mm 下10mm 左15mm 右12mm 右下重なり10mmずつ 左上寄せ）横18枚×縦8枚に分割。",{"type":25,"tag":33,"props":2385,"children":2386},{},[],{"type":25,"tag":26,"props":2388,"children":2389},{},[2390],{"type":30,"value":2391},"　以上のことは，すべてフリーソフトでだれでもできるが，nuRpa（ヌルパ）というRPAシステムを使うと，自動化できる。ダブルクリックするだけで原画をぬりえにすることができる。",{"type":25,"tag":836,"props":2393,"children":2395},{"id":2394},"色塗り",[2396],{"type":30,"value":2397},"③色塗り",{"type":25,"tag":2319,"props":2399,"children":2401},{"id":2400},"色ぬり練習シートで5色のポスターカラーを混ぜて色を作る練習1年生には3年生が指導",[2402],{"type":30,"value":2403},"○色ぬり練習シートで，5色のポスターカラーを混ぜて色を作る練習（1年生には，3年生が指導）",{"type":25,"tag":26,"props":2405,"children":2406},{},[2407,2409,2419,2421],{"type":30,"value":2408},"　赤・青・黄の3色のうち，2色を混ぜて同じ色合いの色を作る。色合いを合わせたら，黒か白を混ぜて明るさを合わせる。色合いは多少ずれてもよいが，",{"type":25,"tag":2410,"props":2411,"children":2412},"em",{},[2413],{"type":25,"tag":2414,"props":2415,"children":2416},"strong",{},[2417],{"type":30,"value":2418},"明るさは立体感に関わるので，厳密に調整",{"type":30,"value":2420},"。\n",{"type":25,"tag":86,"props":2422,"children":2426},{"src":2423,"alt":2424,"className":2425},"\u002Fimg\u002Fcolormix1.png","5色を混ぜて色づくり",[1750],[],{"type":25,"tag":1115,"props":2428,"children":2429},{},[],{"type":25,"tag":26,"props":2431,"children":2432},{},[2433],{"type":30,"value":2434},"◆指導した3年生の感想",{"type":25,"tag":26,"props":2436,"children":2437},{},[2438],{"type":30,"value":2439},"　１年生に色ぬり指導をしてみて，教えることの難しさを知りました。最初に全体に向かって説明したのに，いざ作業にはいると，「ここはどうするの」といちいち聞いてきました。「少しは自分の頭で考えんかい！」と言いたくなるのをこらえて，粘り強く指導しました。へとへとになりました。",{"type":25,"tag":26,"props":2441,"children":2442},{},[2443],{"type":30,"value":2444},"　先生方には，「いちいち質問してうっとおしかったでしょうね。今までごめんなさい」という気持ちでいっぱいになりました。",{"type":25,"tag":86,"props":2446,"children":2449},{"src":2447,"alt":2448,"width":286},"\u002Fimg\u002Fironurishido.gif","色塗り指導のようす",[],{"type":25,"tag":1115,"props":2451,"children":2452},{},[],{"type":25,"tag":33,"props":2454,"children":2455},{},[],{"type":25,"tag":2319,"props":2457,"children":2459},{"id":2458},"各教室で色ぬり",[2460],{"type":30,"value":2461},"○各教室で色ぬり",{"type":25,"tag":26,"props":2463,"children":2464},{},[2465],{"type":30,"value":2466},"　一人A3用紙４枚分の色ぬり。ぬりえなので形は保証され，色づくりで個性を発揮。込み入った絵柄の部分は，なかなか進まず，他の生徒が加勢することも。何とか10月中にほぼ完了。",{"type":25,"tag":86,"props":2468,"children":2471},{"src":2469,"alt":2470,"width":286},"\u002Fimg\u002Fironurichu.jpg","色塗り作業のようす",[],{"type":25,"tag":836,"props":2473,"children":2475},{"id":2474},"貼り合わせ",[2476],{"type":30,"value":2477},"④貼り合わせ",{"type":25,"tag":26,"props":2479,"children":2480},{},[2481],{"type":30,"value":2482},"　以下の手順で行った。生徒会執行部の9名で分担しながら取り組み，11月14日の文化祭当日には余裕をもって完成できた。",{"type":25,"tag":33,"props":2484,"children":2485},{},[],{"type":25,"tag":86,"props":2487,"children":2490},{"src":2488,"alt":2489,"width":286},"\u002Fimg\u002Fhariawase1.svg","貼り合わせ作業の手順",[],{"type":25,"tag":86,"props":2492,"children":2495},{"src":2493,"alt":2494,"width":286},"\u002Fimg\u002Fhariawase2.svg","貼り合わせ作業図",[],{"type":25,"tag":26,"props":2497,"children":2498},{},[2499],{"type":30,"value":2500},"完成！！",{"type":25,"tag":86,"props":2502,"children":2505},{"src":2503,"alt":2504,"width":286},"\u002Fimg\u002Fnuriehonban.gif","完成した全校ぬりえ",[],{"type":25,"tag":33,"props":2507,"children":2508},{},[],{"type":25,"tag":59,"props":2510,"children":2512},{"id":2511},"２互いを認め支え合う集団づくりをめざした生徒会活動",[2513],{"type":30,"value":2514},"２．「互いを認め，支え合う集団づくり」をめざした生徒会活動",{"type":25,"tag":26,"props":2516,"children":2517},{},[2518],{"type":30,"value":2519},"　今年度の●●中学校生徒会のスローガンは「ＴＨＥ　ＢＥＳＴ」である。このスローガンには困っている人を助けたり，支えたりすることのできる生徒会にしたいという思いや，まず率先して自分たちから行動しがんばることのできる生徒会にしようという意味が込められており，生徒は「互いを認め，支え合う集団」をめざして生徒会活動を行っている。",{"type":25,"tag":33,"props":2521,"children":2522},{},[],{"type":25,"tag":836,"props":2524,"children":2526},{"id":2525},"１入魂挨拶朝の全校校歌斉唱生徒会本部による全校への挨拶",[2527],{"type":30,"value":2528},"（１）入魂挨拶（朝の全校校歌斉唱・生徒会本部による全校への挨拶）",{"type":25,"tag":26,"props":2530,"children":2531},{},[2532],{"type":30,"value":2533},"　毎朝，全校生徒が廊下に並んで校歌を歌う活動がある。朝から校歌を全校で歌うことによって，その日を活力ある一日にしようと５年前から行っている取り組みである。校歌を歌い終わった後は，本部役員が全校の前に出てきてその日，どんなことに頑張るのかなどを声かけし，その言葉に全校で大きな声で「はいっ」と応えることから●●中学校の一日が始まる。",{"type":25,"tag":26,"props":2535,"children":2536},{},[2537],{"type":30,"value":2538},"　生徒たちからは，「朝，大きな声で校歌を歌うことによってその日一日を頑張ろうと思うことができる」や「生徒会本部からの声かけによって，その日の自分の目標を意識することができる」といった感想が出ており，生徒会の一連の朝の活動は，生徒たちが自分たちで意欲を高めるのに効果があると実感している。（現在はコロナ感染防止の観点から一旦中止）",{"type":25,"tag":86,"props":2540,"children":2543},{"src":2541,"alt":2542,"width":286},"\u002Fimg\u002Fasakoka.gif","朝の全校校歌",[],{"type":25,"tag":836,"props":2545,"children":2547},{"id":2546},"２各専門部の取り組み互いを認め支え合う集団づくりに関わって",[2548],{"type":30,"value":2549},"(２）各専門部の取り組み（「互いを認め，支え合う集団づくり」に関わって）",{"type":25,"tag":26,"props":2551,"children":2552},{},[2553],{"type":30,"value":2554},"　「互いを認め，支え合う集団」をめざし各専門部で様々な取り組みを行っている。",{"type":25,"tag":26,"props":2556,"children":2557},{},[2558],{"type":30,"value":2559},"　保体部では「誕生日集会」と「ハッピーマッチ」がある。誕生日集会は生まれ月ごとに該当生徒の誕生日を全校でお祝いする活動である。生徒の名前の由来を紹介したり他の生徒がお祝いのカードを書いてプレゼントしたり，全員でハッピーバースデイの歌を歌ってあげたりする。お祝いされる生徒たちは照れくさい表情をうかべるものの，とてもうれしいと感じているようだ。「ハッピーマッチ」は，スポーツを全校で行うことで同学年はもちろん，他学年とも親睦を深め，絆を深めることに役立っている。",{"type":25,"tag":26,"props":2561,"children":2562},{},[2563],{"type":30,"value":2564},"　環境部では，清掃を学年をといた縦割り班で取り組んでいる。清掃の始めと終わりにあいさつをすること，時間いっぱい丁寧に取り組むこと等を，先輩から後輩へと引き継いでいくことをめざしている。",{"type":25,"tag":86,"props":2566,"children":2569},{"src":2567,"alt":2568,"width":286},"\u002Fimg\u002Fhotaibu.jpg","保体部の活動",[],{"type":25,"tag":836,"props":2571,"children":2573},{"id":2572},"３ボランティア活動",[2574],{"type":30,"value":2575},"（３）ボランティア活動",{"type":25,"tag":26,"props":2577,"children":2578},{},[2579],{"type":30,"value":2580},"　生徒会本部の呼びかけによって，ペットボトル蓋の回収を全校生徒で行っている。2019年7月には157.5㎏を回収し，39人分のワクチンにかえることができた。生徒は自分たちの地道な活動が世界で困っている人のためになっていることを実感し，人を助ける活動の大切さを学ぶことができている。",{"type":25,"tag":86,"props":2582,"children":2585},{"src":2583,"alt":2584,"width":286},"\u002Fimg\u002Fpetcap.gif","ペットボトル蓋の回収",[],{"type":25,"tag":836,"props":2587,"children":2589},{"id":2588},"４中いじめゼロ宣言",[2590],{"type":30,"value":2591},"（４）　「●●中いじめゼロ宣言」",{"type":25,"tag":26,"props":2593,"children":2594},{},[2595],{"type":30,"value":2596},"　●●中学校生徒会では，いじめは絶対にしない，見逃さないとして以下のような宣言文を2013年10月に決定した。それから毎年，生徒総会時に確認をし，全ての活動の根底にこの思いを持って活動するようにしている。",{"type":25,"tag":26,"props":2598,"children":2599},{},[2600,2606],{"type":25,"tag":86,"props":2601,"children":2605},{"src":2602,"alt":2603,"width":2604},"\u002Fimg\u002Fijime0a.svg","いじめゼロ宣言","75%",[],{"type":25,"tag":86,"props":2607,"children":2611},{"src":2608,"alt":2609,"width":2610},"\u002Fimg\u002Fsoo.gif","生徒会役員","25%",[],{"type":25,"tag":86,"props":2613,"children":2617},{"src":2614,"alt":2615,"className":2616},"\u002Fimg\u002Fsokai2020.jpg","生徒総会",[1902],[],{"type":25,"tag":59,"props":2619,"children":2621},{"id":2620},"３授業での取り組み",[2622],{"type":30,"value":2623},"３．授業での取り組み",{"type":25,"tag":26,"props":2625,"children":2626},{},[2627],{"type":30,"value":2628},"　授業では〈人権尊重の3視点〉として，自己選択・決定の場の設定により自分の考えを持たせ，考えを交流することで自己存在感を持たせる支援や共感的関係を育成する支援をしている。年に一度，互見授業で教員同士で授業を参観し合い，指導力の向上に努めている。",{"type":25,"tag":26,"props":2630,"children":2631},{},[2632],{"type":30,"value":2633},"　今回はその中より，2名の教員の授業の指導案と互見授業観察シートより，「互いを認め，支え合う集団づくり」について紹介する。",{"type":25,"tag":33,"props":2635,"children":2636},{},[],{"type":25,"tag":86,"props":2638,"children":2641},{"src":2639,"alt":2640,"width":286},"\u002Fimg\u002Fhowmatch.svg","1年生学活「私たちの文化祭 How match?」",[],{"type":25,"tag":33,"props":2643,"children":2644},{},[],{"type":25,"tag":33,"props":2646,"children":2647},{},[],{"type":25,"tag":86,"props":2649,"children":2652},{"src":2650,"alt":2651,"width":286},"\u002Fimg\u002Frecordertwt1.svg","1年生音楽「小鳥のさえずりをリコーダーで表現しよう」指導案",[],{"type":25,"tag":86,"props":2654,"children":2657},{"src":2655,"alt":2656,"width":286},"\u002Fimg\u002Frecordertwt2.svg","1年生音楽「小鳥のさえずりをリコーダーで表現しよう」授業観察シート",[],{"type":25,"tag":42,"props":2659,"children":2661},{"id":2660},"ⅲ成果と課題",[2662],{"type":30,"value":2663},"Ⅲ．成果と課題",{"type":25,"tag":26,"props":2665,"children":2666},{},[2667],{"type":30,"value":2668},"　「全校ぬりえ」では密にならず，一人一人が個別に作業できる点が安心だった。また，単純作業のドット絵ではなく塗り絵であることで，一筋縄ではいかず，お手本通りの色を調合しようと苦心していた。文化的な力の高まりや子ども達の個性の発揮を感じることができた。",{"type":25,"tag":26,"props":2670,"children":2671},{},[2672],{"type":30,"value":2673},"　3年生が色塗りの仕方を1年生に指導したり，得意な子どもが苦戦している仲間のぬりえを手伝ったりと，互いに支え合って作業することができた。完成した作品が文化祭開会式で序幕されたときには，「全校生徒で一つの作品を創り上げることができた」という充実感で会場は満たされていた。",{"type":25,"tag":26,"props":2675,"children":2676},{},[2677,2679],{"type":30,"value":2678},"　この取り組みのようすは，動画にまとめられた。いじめは，「安心・自信・自由」の権利を侵害し，シンキングエラーとアンバランスパワーで深刻化し，伝染してゆく。生徒会活動で「いじめの起こらない集団」に変えてゆきたい。\t→ 🔗",{"type":25,"tag":436,"props":2680,"children":2682},{"href":2681},"#ijime0conte",[2683],{"type":30,"value":2684},"いじめゼロCM2020「文化祭で いじめ伝染予防」のコンテを末尾に掲載",{"type":25,"tag":33,"props":2686,"children":2687},{},[],{"type":25,"tag":26,"props":2689,"children":2690},{},[2691],{"type":30,"value":2692},"　生徒会活動では本部や各専門部の取り組みによって，学校生活における様々な課題を見抜くことや，自分の考えをもって行動することなど生徒の自発的活動が促され，達成感や充実感に結びついている。全校生徒が互いに認め，支え合う機会を多く持つことによって，学校生活が楽しく有意義なものとなっている。",{"type":25,"tag":26,"props":2694,"children":2695},{},[2696],{"type":30,"value":2697},"　授業では各教員が，互いを認め合い，支え合うことにつながる授業を展開できている。今後は互見授業で得たことをもとにいっそう授業改善に努めていく必要がある。",{"type":25,"tag":26,"props":2699,"children":2700},{},[2701],{"type":30,"value":2702},"　「部落解放を担う豊かな感性と表現力」を養うために，人権・部落差別解消教育とともに日頃の学校生活から「協働的課題解決力」や「互いを認め合い，支え合う集団づくり」を意識した取り組みを進めている。コロナウイルスによる感染拡大の状況は未だに収束の目処は立っておらず様々な制約もあるが，今後も知恵と工夫を出し合いながら，部落差別を始めとするあらゆる差別の解消に向けて取り組んでいきたい。",{"type":25,"tag":33,"props":2704,"children":2706},{"id":2705},"ijime0conte",[],{"type":25,"tag":86,"props":2708,"children":2711},{"src":2709,"alt":2710,"width":286},"\u002Fimg\u002Fijime0conte1.svg","いじめゼロCM2020「文化祭で いじめ伝染予防」のコンテ1",[],{"type":25,"tag":86,"props":2713,"children":2716},{"src":2714,"alt":2715,"width":286},"\u002Fimg\u002Fijime0conte2.svg","いじめゼロCM2020「文化祭で いじめ伝染予防」のコンテ2",[],{"type":25,"tag":33,"props":2718,"children":2719},{},[],{"type":25,"tag":33,"props":2721,"children":2723},{"id":2722},"inkscape",[],{"type":25,"tag":71,"props":2725,"children":2727},{"className":2726},[905],[2728,2729,2742,2743],{"type":30,"value":908},{"type":25,"tag":71,"props":2730,"children":2732},{"className":2731},[912],[2733],{"type":25,"tag":436,"props":2734,"children":2737},{"target":439,"rel":2735,"href":2736},[917],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink57028?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F15900089%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2738],{"type":25,"tag":86,"props":2739,"children":2741},{"src":2740},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F5853\u002F9784297105853.jpg?_ex=240x240",[],{"type":30,"value":908},{"type":25,"tag":71,"props":2744,"children":2746},{"className":2745},[928],[2747,2748,2758,2759,2783,2784,2821],{"type":30,"value":931},{"type":25,"tag":71,"props":2749,"children":2751},{"className":2750},[935],[2752],{"type":25,"tag":436,"props":2753,"children":2755},{"target":439,"rel":2754,"href":2736},[917],[2756],{"type":30,"value":2757},"すぐに作れる ずっと使える Inkscapeのすべてが身に付く本 [ 飯塚将弘 ]",{"type":30,"value":931},{"type":25,"tag":71,"props":2760,"children":2762},{"className":2761},[947],[2763,2766,2768,2771,2773,2776,2778,2781],{"type":25,"tag":33,"props":2764,"children":2765},{},[],{"type":30,"value":2767},"※ 写真はビットマップ画像、イラストはベクトル画像です。",{"type":25,"tag":33,"props":2769,"children":2770},{},[],{"type":30,"value":2772},"ベクトル画像編集用のフリーソフトであるInkscapeは、ワープロ・プレゼン・Webページ用のイラストを作るのに役立ちます。",{"type":25,"tag":33,"props":2774,"children":2775},{},[],{"type":30,"value":2777},"ハダノは、PDFをSVGやEMFに変換するのにも重宝しています。",{"type":25,"tag":33,"props":2779,"children":2780},{},[],{"type":30,"value":2782},"この本は、教員の強力な味方です。",{"type":30,"value":931},{"type":25,"tag":71,"props":2785,"children":2787},{"className":2786},[968,969],[2788,2789,2798,2799,2809,2810,2820],{"type":30,"value":972},{"type":25,"tag":71,"props":2790,"children":2791},{},[2792],{"type":25,"tag":436,"props":2793,"children":2796},{"className":2794,"target":439,"rel":2795,"href":2736},[979,980],[917],[2797],{"type":30,"value":984},{"type":30,"value":986},{"type":25,"tag":71,"props":2800,"children":2801},{},[2802],{"type":25,"tag":436,"props":2803,"children":2807},{"className":2804,"target":439,"rel":2805,"href":2806},[979,993],[917],"https:\u002F\u002Faf.moshimo.com\u002Faf\u002Fc\u002Fclick?a_id=3539938&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4297105853",[2808],{"type":30,"value":998},{"type":30,"value":986},{"type":25,"tag":71,"props":2811,"children":2812},{},[2813],{"type":25,"tag":436,"props":2814,"children":2818},{"className":2815,"target":439,"rel":2816,"href":2817},[979,1006],[917],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fpaypaymall.yahoo.co.jp%2Fstore%2Fboox%2Fitem%2Fbk-4297105853%2F%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2819],{"type":30,"value":1011},{"type":30,"value":931},{"type":30,"value":908},{"type":25,"tag":33,"props":2823,"children":2824},{},[],{"type":25,"tag":1115,"props":2826,"children":2827},{},[],{"type":25,"tag":26,"props":2829,"children":2830},{},[2831],{"type":25,"tag":436,"props":2832,"children":2833},{"href":1156},[2834],{"type":30,"value":2835},"次へ→　全校ぬりえ自動化システム「ヌルパ」を作ってみた",{"title":8,"searchDepth":1137,"depth":1137,"links":2837},[2838,2839,2844],{"id":2224,"depth":1137,"text":2227},{"id":2248,"depth":1137,"text":2251,"children":2840},[2841,2842,2843],{"id":2254,"depth":1142,"text":2257},{"id":2511,"depth":1142,"text":2514},{"id":2620,"depth":1142,"text":2623},{"id":2660,"depth":1137,"text":2663},"content:articles:nurpa-1.md","articles\u002Fnurpa-1.md","articles\u002Fnurpa-1",{"_path":2849,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2850,"description":2851,"category":2852,"tag":2854,"thumbnail":2859,"createdAt":2860,"updatedAt":2861,"body":2862,"_type":1149,"_id":3350,"_source":1151,"_file":3351,"_stem":3352,"_extension":1154},"\u002Farticles\u002Fhadano","ハダノのプログラミング遍歴","ハダノがプログラミングに出会ってから教育に活用するようになるまでの過程をざっと振り返り",[2853],"programming",[2855,1161,16,2856,2857,17,2858],"beginner-programming","soclicker","socsaga","sf","vscodesoc.jpg","2022\u002F4\u002F28","2022\u002F6\u002F1",{"type":22,"children":2863,"toc":3327},[2864,2869,2872,2878,2883,2888,2894,2899,2905,2910,2915,2920,2923,2928,2931,2937,2942,2947,2953,2967,2980,2983,2989,2994,2999,3004,3009,3014,3019,3033,3038,3043,3048,3053,3057,3063,3068,3081,3086,3089,3095,3100,3123,3135,3140,3146,3151,3156,3161,3166,3171,3174,3180,3186,3191,3196,3201,3204,3210,3213,3219,3222,3228,3231,3234],{"type":25,"tag":26,"props":2865,"children":2866},{},[2867],{"type":30,"value":2868},"　この記事では、サンデープログラマとしてのハダノについて、（記憶をたどりながらぼちぼち）紹介していきます。",{"type":25,"tag":33,"props":2870,"children":2871},{},[],{"type":25,"tag":42,"props":2873,"children":2875},{"id":2874},"コンピューティング-プログラミング-の時代",[2876],{"type":30,"value":2877},"コンピューティング ＝ プログラミング の時代",{"type":25,"tag":59,"props":2879,"children":2881},{"id":2880},"プログラマブル関数電卓から",[2882],{"type":30,"value":2880},{"type":25,"tag":26,"props":2884,"children":2885},{},[2886],{"type":30,"value":2887},"　大学生協の新入生向けフェアで、「理系学部生の必需品」として紹介されていた関数電卓を購入しました。ポケットコンピュータという愛称で、ビープ音で「エリーゼのために」を演奏するプログラムを打ち込んだり、宇宙戦艦ゲームを作ったりしました。プログラミングの楽しさにはじめて触れました。",{"type":25,"tag":59,"props":2889,"children":2891},{"id":2890},"メインフレームはfortranで",[2892],{"type":30,"value":2893},"メインフレームはFortranで",{"type":25,"tag":26,"props":2895,"children":2896},{},[2897],{"type":30,"value":2898},"　1年半の教養課程を終え、専門課程に移ると、実験・実習で夜遅くなることが多くなりました。データ解析に大学のメインフレームを使わせてもらうこともありました。Fortranという科学技術計算用の言語でプログラムを組み、カードの束を読み込ませて処理していました。4年生になると、TSS端末で画面を見ながらキーボードで入力できるようになるのでした。",{"type":25,"tag":59,"props":2900,"children":2902},{"id":2901},"_8ビットのマイコンピュータ",[2903],{"type":30,"value":2904},"8ビットのマイコンピュータ",{"type":25,"tag":26,"props":2906,"children":2907},{},[2908],{"type":30,"value":2909},"　個人用の小型コンピュータが「マイコン」と呼ばれていたころ、NEC PC-6001 というお手頃価格のマシンを購入しました。中古のTVをつなぎ、カセットテープにデータを保存しました。時間制限なくコンピュータが使えて興奮したのを覚えています。",{"type":25,"tag":26,"props":2911,"children":2912},{},[2913],{"type":30,"value":2914},"　当時は、ソフトウェア販売は普及していなかったので、コンピュータを使うためには、プログラムを打ち込む必要がありました。マイコン雑誌のプログラムリストを打ち込んだり、改造したりしてゲームなどを楽しむのが一般的でした。",{"type":25,"tag":26,"props":2916,"children":2917},{},[2918],{"type":30,"value":2919},"　ハダノは、そのほかに数理生物学で使うFortranプログラムをBASICに移植したり、簡単な音楽ソフトやお絵描きソフトを作ったりしました。3次スプライン関数をBASICで組んだら遅すぎ、Z80機械語で高速化したこともありました。",{"type":25,"tag":33,"props":2921,"children":2922},{},[],{"type":25,"tag":26,"props":2924,"children":2925},{},[2926],{"type":30,"value":2927},"　教員採用試験の面接で「プラネタリウムなどコンピュータを活用した授業をしたい」と答えたハダノでしたが、8ビットの時代は学級通信の印刷に少し使う程度でした。漢字フォントがなかったので、方眼紙に点を打って必要な分を自作していました。成績処理以外の実務では、ハンディワープロに負けていました。",{"type":25,"tag":33,"props":2929,"children":2930},{},[],{"type":25,"tag":42,"props":2932,"children":2934},{"id":2933},"ms-dos-windows-の時代",[2935],{"type":30,"value":2936},"MS-DOS ～ Windows の時代",{"type":25,"tag":59,"props":2938,"children":2940},{"id":2939},"国産16ビットコンピュータ",[2941],{"type":30,"value":2939},{"type":25,"tag":26,"props":2943,"children":2944},{},[2945],{"type":30,"value":2946},"　2校目のとき（1980年代後半）、16ビットコンピュータを手に入れました。内蔵BASICでOS機能も開発もこなすのではなく、OS機能はMS-DOS、開発はC言語と役割分担したのです。国産機は漢字ROMを内蔵しており、ワープロや表計算などのソフトウェア販売も広がり始めました。",{"type":25,"tag":59,"props":2948,"children":2950},{"id":2949},"ms-dos時代はプログラミング冬の時代",[2951],{"type":30,"value":2952},"MS-DOS時代は、プログラミング冬の時代",{"type":25,"tag":26,"props":2954,"children":2955},{},[2956,2958,2965],{"type":30,"value":2957},"　このころ、サンデープログラマの多くは壁に直面していました。これまで通りBASICでプログラミングすることはできましたが、主流はC言語でした。難解なうえに開発環境も整備されておらず、趣味としてのプログラミングは衰退の危機にありました。せいぜい、バッチ（または",{"type":25,"tag":436,"props":2959,"children":2962},{"href":2960,"rel":2961},"https:\u002F\u002Fponzmild.hatenablog.com\u002Fentry\u002F2017\u002F10\u002F29\u002F004625",[798],[2963],{"type":30,"value":2964},"sed,awk",{"type":30,"value":2966},"）を組んで市販ソフトを順番に動かすか、表計算ソフトのマクロ機能でプログラミング気分を味わうか、ぐらいでした。",{"type":25,"tag":26,"props":2968,"children":2969},{},[2970,2972,2978],{"type":30,"value":2971},"　そんなときに、生徒用コンピュータが導入されました。MS-DOSマシンの世界は、漢字ROM搭載で独自規格の国産機と汎用的なDOS\u002FV機が争い、混とんとしていました。",{"type":25,"tag":436,"props":2973,"children":2975},{"href":2974},"nurpa-2#hekiga",[2976],{"type":30,"value":2977},"「巨大ドット壁画」",{"type":30,"value":2979},"を作った1993年もそんな状態でした。ソフトウェア的には、7つほどの処理を組み合わせる必要があったのです。",{"type":25,"tag":33,"props":2981,"children":2982},{},[],{"type":25,"tag":59,"props":2984,"children":2986},{"id":2985},"windowsのradツールでビジュアルプログラミング",[2987],{"type":30,"value":2988},"WindowsのRADツールでビジュアルプログラミング",{"type":25,"tag":26,"props":2990,"children":2991},{},[2992],{"type":30,"value":2993},"　Windows3.1、windows95が現われ、キーボードからコマンドを打つ代わりにマウスで視覚的にソフトウェアを操作するようになりました。",{"type":25,"tag":26,"props":2995,"children":2996},{},[2997],{"type":30,"value":2998},"　Windowsでのプログラミングも、視覚的にできるようになりました。RAD（ラピッド・アプリケーション・デベロップメント）ツールの登場です。GUI部品をペタペタと貼り付け、ユーザーの操作に応じたコードを書くだけなので簡単でした。Visual Basic というビジュアルプログラミング向けのBASICがすっかり気に入りました。メインルーチンのない、イベントドリブンのプログラミングスタイルにもやがて慣れました。",{"type":25,"tag":59,"props":3000,"children":3002},{"id":3001},"西日本の理科教員研修会の講師に",[3003],{"type":30,"value":3001},{"type":25,"tag":26,"props":3005,"children":3006},{},[3007],{"type":30,"value":3008},"　「ハダノ先生はコンピュータが得意らしい」という噂が広まり、教員研修や公民館講座の講師として呼ばれるようになりました。そこで強調したのは、「コンピュータが得意になりたければ、プログラミングをしなさい」ということです。「料理の歴史、テーブルマナーやおいしい料理店」をいくら知っていても、調理ができなければ「料理が得意」とは言えないはずです。",{"type":25,"tag":26,"props":3010,"children":3011},{},[3012],{"type":30,"value":3013},"　西日本の理科教員研修会の講師に指名されたときも、マジックナース「レイアウト」というSF仕立ての人体内アドベンチャーゲームを参加者に作らせることにしました。Visual Basic でアドベンチャー用の簡易言語を作っておき、サンプルゲームをもとに参加者に続きのシナリオを作成させるというものです。画像の連続表示でアニメーションもでき、大きな手ごたえを得ました。\n　",{"type":25,"tag":59,"props":3015,"children":3017},{"id":3016},"インターネット部顧問に",[3018],{"type":30,"value":3016},{"type":25,"tag":26,"props":3020,"children":3021},{},[3022,3024,3031],{"type":30,"value":3023},"　公務災害で左腕に障害を負い、「人生終わった」と落ち込んでいたハダノは、ハダノ校長の勧めでインターネット部を作りました。",{"type":25,"tag":436,"props":3025,"children":3028},{"href":3026,"rel":3027},"https:\u002F\u002Fjiten.com\u002Fdicmi\u002Fdocs\u002Fk10\u002F16367s.htm",[798],[3029],{"type":30,"value":3030},"こねっとプラン",{"type":30,"value":3032},"参加校になり、ホームページを作ったり、他の学校と交流したりしました。1997年6月19日の「こねっと・特別セミナー」では、全国4校の質問校に選ばれました。講師のビル・ゲイツ氏に、NTTのマルチメディア会議システムで次の質問をぶつけました。",{"type":25,"tag":26,"props":3034,"children":3035},{},[3036],{"type":30,"value":3037},"Q: 「インターネットはからっぽの洞窟」という本に書いてあることは本当ですか？",{"type":25,"tag":26,"props":3039,"children":3040},{},[3041],{"type":30,"value":3042},"　それに対して、ゲイツ氏は",{"type":25,"tag":26,"props":3044,"children":3045},{},[3046],{"type":30,"value":3047},"A: いつの時代にも新しいメディアに対して否定的な人はいます。道具はその特性を理解して使うことが大切です。インターネットを中身の豊かな百科事典にするために、力を合わせていきましょう。",{"type":25,"tag":26,"props":3049,"children":3050},{},[3051],{"type":30,"value":3052},"と、丁寧に答えてくれました。",{"type":25,"tag":33,"props":3054,"children":3056},{"id":3055},"multimedia",[],{"type":25,"tag":59,"props":3058,"children":3060},{"id":3059},"マルチメディア作品コンテストで",[3061],{"type":30,"value":3062},"マルチメディア作品コンテストで🏆！！",{"type":25,"tag":26,"props":3064,"children":3065},{},[3066],{"type":30,"value":3067},"　国民文化祭のマルチメディア部門で作品コンテストが開催され、インターネット部も一般の参加者にまじって、プレ・本番それぞれに出品しました。プレ国民文化祭では、かぐや姫のパロディ紙芝居で第2位を獲得しました。",{"type":25,"tag":26,"props":3069,"children":3070},{},[3071,3073,3079],{"type":30,"value":3072},"　「今度こそ優勝を」という思いで部員一丸となって臨んだ国民文化祭には、「クローン戦隊ドリーマーズ」を出品しました。マジックナース「レイアウト」のときに作った簡易言語をJavaに移植し、最新生物学の知見を盛り込んだSFアドベンチャーゲームに仕上げました。「容量１MB以内かつWeb上で見られるもの」という条件をクリアするのに苦労しましたが、見事グランプリを獲得しました。ごほうびは、PC1台とマルチメディアフェスティバルへの招待でした。インターネット部全員で、",{"type":25,"tag":436,"props":3074,"children":3076},{"href":3075},"\u002Farticles\u002Fpopculture-gamemusic#oshii",[3077],{"type":30,"value":3078},"🔗押井守監督の記念講演",{"type":30,"value":3080}," を聞きました。",{"type":25,"tag":86,"props":3082,"children":3085},{"src":3083,"alt":3084,"width":286},"\u002Fimg\u002Fdolly.svg","クローン戦隊ドリーマーズ",[],{"type":25,"tag":33,"props":3087,"children":3088},{},[],{"type":25,"tag":59,"props":3090,"children":3092},{"id":3091},"wsh-で-rpa-をめざしたタイアップ",[3093],{"type":30,"value":3094},"WSH で RPA をめざした「タイアップ」",{"type":25,"tag":26,"props":3096,"children":3097},{},[3098],{"type":30,"value":3099},"　Windowsは視覚的な操作ができて便利な反面、定型的な操作では弱点を抱えていました。何をするにもいちいちマウスを動かす必要があったのです。マクロやショートカットキーで、ある程度スピードアップできますが、ソフトを組み合わせて動かすのは困難でした。",{"type":25,"tag":26,"props":3101,"children":3102},{},[3103,3105,3112,3114,3121],{"type":30,"value":3104},"　IE（インターネット エクスプローラ）用のスクリプトをWindows上で実行できるようにした ",{"type":25,"tag":436,"props":3106,"children":3109},{"href":3107,"rel":3108},"https:\u002F\u002Fe-words.jp\u002Fw\u002FWSH.html",[798],[3110],{"type":30,"value":3111},"WSH（ウィンドウズ スクリプト ホスト）",{"type":30,"value":3113},"が、Windows98から使えるようになりました。これをうまく使えば、人がへばりついてなくても自動実行できる",{"type":25,"tag":436,"props":3115,"children":3118},{"href":3116,"rel":3117},"https:\u002F\u002Fwww.nri.com\u002Fjp\u002Fknowledge\u002Fglossary\u002Flst\u002Falphabet\u002Frpa",[798],[3119],{"type":30,"value":3120},"RPA（ロボティック プロセス オートメーション）",{"type":30,"value":3122},"が実現できるはずです。",{"type":25,"tag":26,"props":3124,"children":3125},{},[3126,3127,3133],{"type":30,"value":1273},{"type":25,"tag":436,"props":3128,"children":3130},{"href":1975,"rel":3129},[798],[3131],{"type":30,"value":3132},"TieUp（あらゆるアプリとタイアップし、全自動処理を実現）",{"type":30,"value":3134},"というWSH強化用のフリーソフトをVectorで公開しました。Visual Basic で作った ActiveX DLLで、いろんなPC雑誌に紹介され、ユーザーは1万5千人に達しました。",{"type":25,"tag":26,"props":3136,"children":3137},{},[3138],{"type":30,"value":3139},"　しばらくは、VB系言語（Visual Basic,VBScript,VBA）による幸せなプログラミングライフが続きました。",{"type":25,"tag":59,"props":3141,"children":3143},{"id":3142},"猫の目のように変わるweb開発",[3144],{"type":30,"value":3145},"猫の目のように変わるWeb開発",{"type":25,"tag":26,"props":3147,"children":3148},{},[3149],{"type":30,"value":3150},"　国民文化祭'98のときは、Webでしっかりしたインタラクティブなコンテンツを作るには、Java Applet か Director くらいしか選択肢がありませんでした。クローン戦隊ドリーマーズを Java Applet で作ったのは、そういう理由があったのです。「オブジェクト指向」はなかなか手ごわかったと思います。※ Java Applet は2015年以降、ブラウザサポートが打ち切られて廃れました。",{"type":25,"tag":26,"props":3152,"children":3153},{},[3154],{"type":30,"value":3155},"　やがて Internet Explorer4 と Netscape Navigator4 によるブラウザ戦争が勃発しました。HTMLとCSSにJavaScriptを組み合わせてインタラクティブなコンテンツを作る「ダイナミックHTML」という技術が登場しましたが、ブラウザ間の互換性が乏しく、面倒くさいものでした。",{"type":25,"tag":26,"props":3157,"children":3158},{},[3159],{"type":30,"value":3160},"　2000年からの10年間は、Flash がWeb表現の中心でした。動画編集のようにタイムライン編集ができ、クリエイターたちの支持を集めていました。2005年ごろになると、Googleの Gmail や GoogleMap でも使われているAjaxを活用した軽量のサービスが注目されましたが、リッチな表現分野ではあいかわらずFlashでした。",{"type":25,"tag":26,"props":3162,"children":3163},{},[3164],{"type":30,"value":3165},"　このころのハダノは、Webでリッチなコンテンツを作る必要がなく、Flashは無視していました。「Webは、IE＋VBScriptで十分」「ローカルは、VB があるさ」と思っていました。ところが、インターネット対応で出遅れたマイクロソフトが、2002年に Visual Basic の大幅な仕様変更をしたのです。VB.NET 7.0 は、従来のVB 6.0 とは全くの別物でした。ローカルだけでなくWebでも動く、本格的なオブジェクト志向、Java や C＃ のような言語仕様……。Visual Basic Magazine などの雑誌は、「早くVB.NETへ乗り換えよう！」という記事のオンパレードです。VB 6.0 や エクセルVBA のノウハウが役に立たず、気軽さが失われたように感じ、ドットネット環境へ移行することをためらいました。ドットネット言語のうち、 C# と C++ は成功しましたが、 VB.NET は失敗だったのではないでしょうか。VB 6.0 は、2008年にサポート打ち切りになりました。",{"type":25,"tag":26,"props":3167,"children":3168},{},[3169],{"type":30,"value":3170},"　ちなみにハダノは2006年から、ローカル環境でのプログラミングに　Python も使うようになっていました。",{"type":25,"tag":33,"props":3172,"children":3173},{},[],{"type":25,"tag":42,"props":3175,"children":3177},{"id":3176},"html5-の時代",[3178],{"type":30,"value":3179},"HTML5 の時代",{"type":25,"tag":59,"props":3181,"children":3183},{"id":3182},"スマホが登場しflashが退場",[3184],{"type":30,"value":3185},"スマホが登場し、Flashが退場",{"type":25,"tag":26,"props":3187,"children":3188},{},[3189],{"type":30,"value":3190},"　2010年ごろから、Flashの人気が低下してきました。AppleがiPhoneでFlash Playerをサポートしないと宣言したのです。スマホが急速に普及したため、PCと共通のWebページづくりが求められるようになりました。「HTML5ならどのブラウザでもリッチな表現ができる」「もうFlashはいらない」と宣伝されました。HTML5+CSS3+JavaScript（ECMAScript5）という新しいWeb標準技術が今後のWeb開発の中心になるというのです。",{"type":25,"tag":26,"props":3192,"children":3193},{},[3194],{"type":30,"value":3195},"　AdobeはFlashの後継製品として、Edge Animate を出しましたが、3年ほどで積極的な開発を終了しました。※ Flash Player も2020年末にすべてサポート打ち切りになりました。",{"type":25,"tag":26,"props":3197,"children":3198},{},[3199],{"type":30,"value":3200},"　「Adobeに支配されたくない」Appleの目論見通りになったわけですが、スマホのHTML5対応は一足飛びには進みません。ハードウェアを最大限生かしたスマホゲームがはやり、ネイティブアプリが主役となりました。Web標準技術ではなく、機種に依存した開発になってしまったのです。Web技術で作られたOS（Firefox OSなど）のスマホに期待をかけていたハダノは、あきらめて2015年にペン入力のAndroidスマホを購入しました。「Webアプリがネイティブアプリを駆逐する日がいつか来る」と信じて……。",{"type":25,"tag":33,"props":3202,"children":3203},{},[],{"type":25,"tag":59,"props":3205,"children":3207},{"id":3206},"授業配信アプリソックリッカー",[3208],{"type":30,"value":3209},"授業配信アプリ「ソックリッカー」",{"type":25,"tag":33,"props":3211,"children":3212},{},[],{"type":25,"tag":59,"props":3214,"children":3216},{"id":3215},"プログラミングシステムソックサーガ",[3217],{"type":30,"value":3218},"プログラミングシステム「ソックサーガ」",{"type":25,"tag":33,"props":3220,"children":3221},{},[],{"type":25,"tag":59,"props":3223,"children":3225},{"id":3224},"全校ぬりえ自動化システムヌルパ",[3226],{"type":30,"value":3227},"全校ぬりえ自動化システム「ヌルパ」",{"type":25,"tag":33,"props":3229,"children":3230},{},[],{"type":25,"tag":33,"props":3232,"children":3233},{},[],{"type":25,"tag":71,"props":3235,"children":3237},{"className":3236},[905],[3238,3239,3252,3253],{"type":30,"value":908},{"type":25,"tag":71,"props":3240,"children":3242},{"className":3241},[912],[3243],{"type":25,"tag":436,"props":3244,"children":3247},{"target":439,"rel":3245,"href":3246},[917],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink57027?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13307159%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[3248],{"type":25,"tag":86,"props":3249,"children":3251},{"src":3250},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F4220\u002F9784844374220.jpg?_ex=240x240",[],{"type":30,"value":908},{"type":25,"tag":71,"props":3254,"children":3256},{"className":3255},[928],[3257,3258,3268,3269,3288,3289,3326],{"type":30,"value":931},{"type":25,"tag":71,"props":3259,"children":3261},{"className":3260},[935],[3262],{"type":25,"tag":436,"props":3263,"children":3265},{"target":439,"rel":3264,"href":3246},[917],[3266],{"type":30,"value":3267},"最速の仕事術はプログラマーが知っている [ 清水亮 ]",{"type":30,"value":931},{"type":25,"tag":71,"props":3270,"children":3272},{"className":3271},[947],[3273,3276,3278,3281,3283,3286],{"type":25,"tag":33,"props":3274,"children":3275},{},[],{"type":30,"value":3277},"※ 世界的なビジネスリーダーにプログラマーあがりの人が多い理由がわかる本です。",{"type":25,"tag":33,"props":3279,"children":3280},{},[],{"type":30,"value":3282},"「プログラミングにこだわりすぎ」と批判されるハダノに清水亮さんはいつも勇気をくれます。",{"type":25,"tag":33,"props":3284,"children":3285},{},[],{"type":30,"value":3287},"プログラミング的思考は、働き方改革にも効きます。",{"type":30,"value":931},{"type":25,"tag":71,"props":3290,"children":3292},{"className":3291},[968,969],[3293,3294,3303,3304,3314,3315,3325],{"type":30,"value":972},{"type":25,"tag":71,"props":3295,"children":3296},{},[3297],{"type":25,"tag":436,"props":3298,"children":3301},{"className":3299,"target":439,"rel":3300,"href":3246},[979,980],[917],[3302],{"type":30,"value":984},{"type":30,"value":986},{"type":25,"tag":71,"props":3305,"children":3306},{},[3307],{"type":25,"tag":436,"props":3308,"children":3312},{"className":3309,"target":439,"rel":3310,"href":3311},[979,993],[917],"https:\u002F\u002Faf.moshimo.com\u002Faf\u002Fc\u002Fclick?a_id=3539938&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB011UFDIZM",[3313],{"type":30,"value":998},{"type":30,"value":986},{"type":25,"tag":71,"props":3316,"children":3317},{},[3318],{"type":25,"tag":436,"props":3319,"children":3323},{"className":3320,"target":439,"rel":3321,"href":3322},[979,1006],[917],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fpaypaymall.yahoo.co.jp%2Fstore%2Fboox%2Fitem%2Fbk-4844374222%2F%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[3324],{"type":30,"value":1011},{"type":30,"value":931},{"type":30,"value":908},{"title":8,"searchDepth":1137,"depth":1137,"links":3328},[3329,3334,3344],{"id":2874,"depth":1137,"text":2877,"children":3330},[3331,3332,3333],{"id":2880,"depth":1142,"text":2880},{"id":2890,"depth":1142,"text":2893},{"id":2901,"depth":1142,"text":2904},{"id":2933,"depth":1137,"text":2936,"children":3335},[3336,3337,3338,3339,3340,3341,3342,3343],{"id":2939,"depth":1142,"text":2939},{"id":2949,"depth":1142,"text":2952},{"id":2985,"depth":1142,"text":2988},{"id":3001,"depth":1142,"text":3001},{"id":3016,"depth":1142,"text":3016},{"id":3059,"depth":1142,"text":3062},{"id":3091,"depth":1142,"text":3094},{"id":3142,"depth":1142,"text":3145},{"id":3176,"depth":1137,"text":3179,"children":3345},[3346,3347,3348,3349],{"id":3182,"depth":1142,"text":3185},{"id":3206,"depth":1142,"text":3209},{"id":3215,"depth":1142,"text":3218},{"id":3224,"depth":1142,"text":3227},"content:articles:hadano.md","articles\u002Fhadano.md","articles\u002Fhadano",1791852904811]