[{"data":1,"prerenderedAt":2834},["ShallowReactive",2],{"\u002Ftag\u002Frpa":3},[4,1308,2331],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"category":11,"tag":13,"thumbnail":20,"createdAt":21,"updatedAt":22,"body":23,"_type":1302,"_id":1303,"_source":1304,"_file":1305,"_stem":1306,"_extension":1307},"\u002Farticles\u002Fai-keep2macro","articles",false,"","AIツールでスイスイ仕事術【Keepとマクロでくじチェック】","Keepで読み取ったくじの当たり判定を表計算マクロを組んでやってみた",[12],"work-system",[14,15,16,17,18,19],"ai","teachers-baton","dx","beginner-programming","web-standards","rpa","keep2macro.jpg","2024\u002F1\u002F26","2024\u002F2\u002F6",{"type":24,"children":25,"toc":1288},"root",[26,34,39,44,48,53,59,62,69,74,81,95,100,103,109,114,139,146,151,154,159,164,174,179,184,191,196,201,207,212,215,220,225,258,273,276,281,286,315,318,323,328,333,338,344,349,352,358,363,368,371,399,402,407,440,445,450,471,475,480,485,489,493,496,502,507,520,525,528,533,538,543,556,561,573,578,582,587,595,608,620,625,702,707,719,722,728,733,738,761,766,771,776,781,786,791,796,801,806,811,820,825,830,835,840,845,864,867,872,883,886,892,904,917,922,927,930,935,940,945,950,963,966,971,1007,1012,1024,1027,1038,1044,1049,1054,1057,1061,1175,1179,1272,1275,1279],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31],{"type":32,"value":33},"text","　DX（データとデジタルによる変革）のうち特に重要なのは、AIによる意思決定・アクションです。ゆくゆくはAIによる業務自動化で人手不足が解消され、人はより本質的な仕事に集中できるでしょう。これこそが、真の働き方改革です。",{"type":27,"tag":28,"props":35,"children":36},{},[37],{"type":32,"value":38},"　「でも、AIなんて難しくて私には無理」とあきらめてはいませんか。どんな技術も「作る」のに比べて、「使う」だけならはるかに簡単です。高度なAI技術を手軽に使えるようにしたAIツールがたくさん出てきました。知らないうちに、手に届くところに来ているのです。",{"type":27,"tag":28,"props":40,"children":41},{},[42],{"type":32,"value":43},"　そんなAIツールを「ふだん使い」して、スイスイ仕事しましょう。",{"type":27,"tag":45,"props":46,"children":47},"br",{},[],{"type":27,"tag":28,"props":49,"children":50},{},[51],{"type":32,"value":52},"　今回お届けするのは……",{"type":27,"tag":54,"props":55,"children":57},"h2",{"id":56},"keepで読み取ったくじの当たり判定を表計算マクロを組んでやってみた",[58],{"type":32,"value":10},{"type":27,"tag":45,"props":60,"children":61},{},[],{"type":27,"tag":63,"props":64,"children":66},"h3",{"id":65},"あーめんどくさいくじの当たり判定",[67],{"type":32,"value":68},"「あーめんどくさい」くじの当たり判定",{"type":27,"tag":28,"props":70,"children":71},{},[72],{"type":32,"value":73},"　くじは「もしかして当たるかな？」とわくわくします。しかし、鈴木アナでなくても「あーめんどくさい」となるのが当たり判定。当選番号が発表されても照合が面倒で、ついそのままにしがちです。",{"type":27,"tag":75,"props":76,"children":80},"img",{"src":77,"alt":68,"className":78},"\u002Fimg\u002Fmendokusai01.jpg",[79],"imghr",[],{"type":27,"tag":28,"props":82,"children":83},{},[84,86,93],{"type":32,"value":85},"　",{"type":27,"tag":87,"props":88,"children":90},"a",{"href":89},"\u002Farticles\u002Fai-keep#extracttext",[91],{"type":32,"value":92},"🔗GoogleのAI技術は無料で使える",{"type":32,"value":94}," でも紹介したように、Google Keep で「画像のテキストを抽出」ができます。",{"type":27,"tag":28,"props":96,"children":97},{},[98],{"type":32,"value":99},"　一つひとつ手で入力しなくてもくじ番号が手に入るので、あとは当選番号が含まれているか検索するだけです。表計算ソフトを使うといいでしょう。",{"type":27,"tag":45,"props":101,"children":102},{},[],{"type":27,"tag":63,"props":104,"children":106},{"id":105},"くじの写真から-google-keep-で番号を抽出",[107],{"type":32,"value":108},"くじの写真から Google Keep で番号を抽出",{"type":27,"tag":28,"props":110,"children":111},{},[112],{"type":32,"value":113},"　まず、市商工会のドリームくじです。",{"type":27,"tag":115,"props":116,"children":117},"ul",{},[118,124,129,134],{"type":27,"tag":119,"props":120,"children":121},"li",{},[122],{"type":32,"value":123},"くじ番号が一覧できるように重ねてスマホで撮影",{"type":27,"tag":119,"props":125,"children":126},{},[127],{"type":32,"value":128},"トリミングした画像をKeepのメモに追加",{"type":27,"tag":119,"props":130,"children":131},{},[132],{"type":32,"value":133},"「画像のテキストを抽出」し、くじ番号を縦一列に整える",{"type":27,"tag":119,"props":135,"children":136},{},[137],{"type":32,"value":138},"くじ番号をコピーし、表計算ソフトに貼り付ける",{"type":27,"tag":75,"props":140,"children":145},{"src":141,"alt":142,"className":143},"\u002Fimg\u002Fdreamlotex.jpg","ドリームくじからKeepで番号を抽出",[144],"imghc",[],{"type":27,"tag":28,"props":147,"children":148},{},[149],{"type":32,"value":150},"、、、これは、楽勝でした。",{"type":27,"tag":45,"props":152,"children":153},{},[],{"type":27,"tag":28,"props":155,"children":156},{},[157],{"type":32,"value":158},"　次は、お年玉付き年賀状です。",{"type":27,"tag":28,"props":160,"children":161},{},[162],{"type":32,"value":163},"　以前、スマホのカメラでスキャンし、テキストを抽出しようと試みましたが、",{"type":27,"tag":28,"props":165,"children":166},{},[167],{"type":27,"tag":168,"props":169,"children":171},"code",{"className":170},[],[172],{"type":32,"value":173},"…　 217617 -2024 2019 361139 0628T6 069T28 403327 LT8898 906E18 　…",{"type":27,"tag":28,"props":175,"children":176},{},[177],{"type":32,"value":178},"、、、となってしまい、実用に耐えません。複製防止の網掛けに惑わされるようです。",{"type":27,"tag":28,"props":180,"children":181},{},[182],{"type":32,"value":183},"　フォトレタッチの「カラーチェンジャー」機能で網掛けを目立たなく加工したうえで、Keepで抽出すると、",{"type":27,"tag":75,"props":185,"children":190},{"src":186,"alt":187,"className":188},"\u002Fimg\u002Fotoshidamayex.jpg","お年玉付き年賀状（黄変）からKeepで番号を抽出",[189],"imghl",[],{"type":27,"tag":28,"props":192,"children":193},{},[194],{"type":32,"value":195},"、、、うまくいきます。",{"type":27,"tag":28,"props":197,"children":198},{},[199],{"type":32,"value":200},"　「ひょっとして、そのままでも大丈夫かも」と、加工せずにKeepで抽出すると、",{"type":27,"tag":75,"props":202,"children":206},{"src":203,"alt":204,"className":205},"\u002Fimg\u002Fotoshidama1ex.jpg","お年玉付き年賀状からKeepで番号を抽出",[79],[],{"type":27,"tag":28,"props":208,"children":209},{},[210],{"type":32,"value":211},"、、、ほぼうまくいきました。さすが、GoogleのAIツールです。",{"type":27,"tag":45,"props":213,"children":214},{},[],{"type":27,"tag":63,"props":216,"children":218},{"id":217},"エクセルであいまい検索",[219],{"type":32,"value":217},{"type":27,"tag":28,"props":221,"children":222},{},[223],{"type":32,"value":224},"　表計算ソフトといえば、Microsoft Excel です。",{"type":27,"tag":115,"props":226,"children":227},{},[228,233,238,243,248,253],{"type":27,"tag":119,"props":229,"children":230},{},[231],{"type":32,"value":232},"A列に、くじの通し番号",{"type":27,"tag":119,"props":234,"children":235},{},[236],{"type":32,"value":237},"B列に、くじ番号",{"type":27,"tag":119,"props":239,"children":240},{},[241],{"type":32,"value":242},"C列に、当たりの表示",{"type":27,"tag":119,"props":244,"children":245},{},[246],{"type":32,"value":247},"D列に、賞の等級",{"type":27,"tag":119,"props":249,"children":250},{},[251],{"type":32,"value":252},"E列に、当選番号",{"type":27,"tag":119,"props":254,"children":255},{},[256],{"type":32,"value":257},"F1セルに、検索したい当選番号\nをセットすることにします。",{"type":27,"tag":28,"props":259,"children":260},{},[261,263,271],{"type":32,"value":262},"　A列はもちろん、B列でも連番の部分の入力は ",{"type":27,"tag":87,"props":264,"children":268},{"href":265,"rel":266},"https:\u002F\u002Fexceljoshi.cocoo.co.jp\u002Fmedia\u002Fexcel-autofill",[267],"nofollow",[269],{"type":32,"value":270},"🔗「オートフィル」",{"type":32,"value":272}," で楽ができます。くじ番号・当選番号は0から始まる場合もあるので、セルの表示形式をテキスト（文字列）に書式設定しておきます。",{"type":27,"tag":45,"props":274,"children":275},{},[],{"type":27,"tag":28,"props":277,"children":278},{},[279],{"type":32,"value":280},"　これで、必ず同じ6桁同士で比較できますが、問題は下4桁などの当選番号のあつかいです。1桁目と2桁目はなんでもよくて、残りの4桁の数字が一致するものを探すことを「あいまい検索」といいます。",{"type":27,"tag":28,"props":282,"children":283},{},[284],{"type":32,"value":285},"　あいまい検索は、エクセルでは「ワイルドカード」、Googleスプレッドシート では（その上位版の）「正規表現」を使います。",{"type":27,"tag":28,"props":287,"children":288},{},[289,291,297,299,305,307,313],{"type":32,"value":290},"　6桁の下4桁が",{"type":27,"tag":168,"props":292,"children":294},{"className":293},[],[295],{"type":32,"value":296},"　1879　",{"type":32,"value":298},"なら、ワイルドカードでは",{"type":27,"tag":168,"props":300,"children":302},{"className":301},[],[303],{"type":32,"value":304},"　??1879　",{"type":32,"value":306},"、正規表現では",{"type":27,"tag":168,"props":308,"children":310},{"className":309},[],[311],{"type":32,"value":312},"　\\d\\d1879　",{"type":32,"value":314},"となります。",{"type":27,"tag":45,"props":316,"children":317},{},[],{"type":27,"tag":63,"props":319,"children":321},{"id":320},"検索自動化の願い",[322],{"type":32,"value":320},{"type":27,"tag":28,"props":324,"children":325},{},[326],{"type":32,"value":327},"　エクセルで検索すれば、手作業より正確だし楽にはなります。でももし、検索を自動でやってくれたら、比較対象が多くても安心です。",{"type":27,"tag":28,"props":329,"children":330},{},[331],{"type":32,"value":332},"　この「検索自動化の願い」を魔法使いに預けてもかなえてくれません。エクセルには、操作を記録して再生する「マクロ機能」があるのです。",{"type":27,"tag":28,"props":334,"children":335},{},[336],{"type":32,"value":337},"　たとえて言えば、絵をかくのが苦手な人のために「なぞりがきをしたら、えかきうたを作ってくれる」ような機能です。",{"type":27,"tag":75,"props":339,"children":343},{"src":340,"alt":341,"width":342},"\u002Fimg\u002Fmacro1reccode.svg","マクロ記録されたコード","100%",[],{"type":27,"tag":28,"props":345,"children":346},{},[347],{"type":32,"value":348},"　エクセルの場合は、操作を VBA（Visual Basic for Applications）というプログラミング言語で記録してくれます。プログラミング未経験でも、勝手にVBAに変換してくれ、切り貼りだけで一応動くマクロができます。プログラミング入門にもぴったりです。ハダノも エクセル用VBA から 汎用VB へとステップアップしてきました。",{"type":27,"tag":45,"props":350,"children":351},{},[],{"type":27,"tag":63,"props":353,"children":355},{"id":354},"明日のためこの願い-あきらめることはない",[356],{"type":32,"value":357},"明日のため、この願い あきらめることはない",{"type":27,"tag":28,"props":359,"children":360},{},[361],{"type":32,"value":362},"　くじの当たり判定が1回だけなら、わざわざプログラミングする必要はないかもしれません。しかし、「またやりたい」と願うのなら、プログラミングする価値はあります。",{"type":27,"tag":28,"props":364,"children":365},{},[366],{"type":32,"value":367},"　「魔法使い」ではなく、「マクロ使い」になりましょう。",{"type":27,"tag":45,"props":369,"children":370},{},[],{"type":27,"tag":28,"props":372,"children":373},{},[374,376,382,384,390,392,398],{"type":32,"value":375},"　魔導書に相当する「VBA本」は山ほど出版されていて、だれでも習得できます。ハダノが最後に買ったのは、",{"type":27,"tag":87,"props":377,"children":379},{"href":378},"#excel1sec",[380],{"type":32,"value":381},"🔗「たった1秒で仕事が片づくExcel自動化の教科書」",{"type":32,"value":383}," です。市内全教職員用の",{"type":27,"tag":385,"props":386,"children":387},"strong",{},[388],{"type":32,"value":389},"勤務時間システム",{"type":32,"value":391},"を開発したときもこれが役に立ちました。　→ ",{"type":27,"tag":87,"props":393,"children":395},{"href":394},"\u002Farticles\u002Fwork-system-report2018-1#whas",[396],{"type":32,"value":397},"🔗「勤務時間取得ツール」を核とする勤務時間システム",{"type":32,"value":85},{"type":27,"tag":45,"props":400,"children":401},{},[],{"type":27,"tag":28,"props":403,"children":404},{},[405],{"type":32,"value":406},"　「マクロの記録」で作られたコードに少し手を加えてみました。",{"type":27,"tag":115,"props":408,"children":409},{},[410,415,420,425,430,435],{"type":27,"tag":119,"props":411,"children":412},{},[413],{"type":32,"value":414},"当選番号の検索をしてヒットしたら、「○等 が当たりました！」とダイアログで表示",{"type":27,"tag":119,"props":416,"children":417},{},[418],{"type":32,"value":419},"当たった等級をC列にコピー",{"type":27,"tag":119,"props":421,"children":422},{},[423],{"type":32,"value":424},"「次を検索」を繰り返し、当たり等級すべてをC列にコピーし終えたら、次の当選番号へ",{"type":27,"tag":119,"props":426,"children":427},{},[428],{"type":32,"value":429},"同じ等級の当選番号が終わったら、「○等 チェック完了」と表示",{"type":27,"tag":119,"props":431,"children":432},{},[433],{"type":32,"value":434},"OK で次の等級へ、Cancel でプログラム中断",{"type":27,"tag":119,"props":436,"children":437},{},[438],{"type":32,"value":439},"すべてチェックし終えたら、その旨を表示して終了",{"type":27,"tag":75,"props":441,"children":444},{"src":442,"alt":443,"width":342},"\u002Fimg\u002Fmacro1vbacode.svg","マクロ記録に修正を加えたVBAコード",[],{"type":27,"tag":28,"props":446,"children":447},{},[448],{"type":32,"value":449},"、、、たったこれだけのコードで、まあまあ実用的なマクロになりました。",{"type":27,"tag":28,"props":451,"children":452},{},[453,455,461,463,469],{"type":32,"value":454},"　「全部で何本当たったのか」については、C1 セルに ",{"type":27,"tag":168,"props":456,"children":458},{"className":457},[],[459],{"type":32,"value":460},"=COUNTA(C2:C1048576)",{"type":32,"value":462}," という関数式を設定し、セルの書式設定 - 表示形式 - ユーザー定義 で ",{"type":27,"tag":168,"props":464,"children":466},{"className":465},[],[467],{"type":32,"value":468},"0\"本 当たり\"",{"type":32,"value":470}," とすることで、リアルタイムに確認できるようにしました。なんでもかんでもマクロではなく、適材適所がいいでしょう。",{"type":27,"tag":75,"props":472,"children":474},{"src":473,"alt":8,"width":342},"\u002Fimg\u002Fkujicounta.jpg",[],{"type":27,"tag":28,"props":476,"children":477},{},[478],{"type":32,"value":479},"　ハダノ家のドリームくじと自分の年賀状は、残念ながら当たりが0本でした（動作確認のため、ダミーデータを末尾に追加……）。",{"type":27,"tag":28,"props":481,"children":482},{},[483],{"type":32,"value":484},"　父の年賀状は、6本当たっていました。あとは、C列の当たり表示を確認してふせんをはるだけです。B列のくじ番号は撮影時の「左→右」「上→下」の順に並んでいるので、A列の通し番号を見れば位置がわかります。",{"type":27,"tag":75,"props":486,"children":488},{"src":487,"alt":8,"width":342},"\u002Fimg\u002Fotoshidamar6.jpg",[],{"type":27,"tag":45,"props":490,"children":492},{"id":491},"ipadmacro",[],{"type":27,"tag":45,"props":494,"children":495},{},[],{"type":27,"tag":63,"props":497,"children":499},{"id":498},"ipadでマクロを動かしたい",[500],{"type":32,"value":501},"iPadでマクロを動かしたい",{"type":27,"tag":28,"props":503,"children":504},{},[505],{"type":32,"value":506},"　PCで、「くじの当たり判定」ができるようになりました。そうなると、iPadでもできそうな気がしますが、そうは問屋がおろさないのが現実です。",{"type":27,"tag":115,"props":508,"children":509},{},[510],{"type":27,"tag":119,"props":511,"children":512},{},[513],{"type":27,"tag":87,"props":514,"children":517},{"href":515,"rel":516},"https:\u002F\u002Fwww.mechengjp.com\u002Fipad%E7%89%88excel%E3%81%A7%E3%83%9E%E3%82%AF%E3%83%AD%E3%81%AF%E6%9C%AC%E5%BD%93%E3%81%AB%E5%AE%9F%E8%A1%8C%E5%87%BA%E6%9D%A5%E3%81%AA%E3%81%84%E3%81%AE%E3%81%8B%EF%BC%9F%E7%AD%86%E8%80%85%E3%81%8C\u002F",[267],[518],{"type":32,"value":519},"🔗iPad版excelでマクロは本当に実行出来ないのか？筆者が調査してみた結果まとめ",{"type":27,"tag":28,"props":521,"children":522},{},[523],{"type":32,"value":524},"にあるように、iPadではVBAマクロが動きません。せっかく作ったのに残念です。",{"type":27,"tag":45,"props":526,"children":527},{},[],{"type":27,"tag":28,"props":529,"children":530},{},[531],{"type":32,"value":532},"　あきらめたくなければ、エクセルのかわりに Googleスプレッドシート を使うしかありません。Google Apps Script（GAS）という、ExcelのVBAと同等のマクロ言語があります。",{"type":27,"tag":28,"props":534,"children":535},{},[536],{"type":32,"value":537},"　エクセルのファイルをGoogleドライブに入れて、Googleスプレッドシート で開くと、表の見た目・セルの書式・関数式などほとんどそのまま変換されます。高い互換性があります。",{"type":27,"tag":28,"props":539,"children":540},{},[541],{"type":32,"value":542},"　ただ、マクロに関してはベースとなっているプログラミング言語が違うので、そのままでは動きません。",{"type":27,"tag":115,"props":544,"children":545},{},[546,551],{"type":27,"tag":119,"props":547,"children":548},{},[549],{"type":32,"value":550},"エクセルの VBA　……　Basic系",{"type":27,"tag":119,"props":552,"children":553},{},[554],{"type":32,"value":555},"スプレッドシートの GAS　……　JavaScript系",{"type":27,"tag":28,"props":557,"children":558},{},[559],{"type":32,"value":560},"　ドイツ語と英語ぐらいの違いなので、少しがんばれば何とかなりそうです。",{"type":27,"tag":28,"props":562,"children":564},{"style":563},"text-align: right;",[565,567],{"type":32,"value":566},"⇒",{"type":27,"tag":87,"props":568,"children":570},{"href":569},"https:\u002F\u002Fwww.teijitaisya.com\u002Fgas-vba-spreadsheet\u002F",[571],{"type":32,"value":572}," 🔗Excel VBAとGAS（スプレッドシート）の構文を比較してみた！！",{"type":27,"tag":28,"props":574,"children":575},{},[576],{"type":32,"value":577},"　まず、エクセルのときと同じように「マクロを記録」してみます。",{"type":27,"tag":75,"props":579,"children":581},{"src":580,"alt":341,"width":342},"\u002Fimg\u002Fkujimacrorec.svg",[],{"type":27,"tag":28,"props":583,"children":584},{},[585],{"type":32,"value":586},"　あれれ、検索途中の操作が記録されていません。これは、スプレッドシートの仕様とのことです。",{"type":27,"tag":115,"props":588,"children":589},{},[590],{"type":27,"tag":119,"props":591,"children":592},{},[593],{"type":32,"value":594},"🔗Googleスプレッドシート 検索と置換を使いこなそう！4（GAS TextFinderで 改行置換）",{"type":27,"tag":28,"props":596,"children":597},{},[598,600,606],{"type":32,"value":599},"をよく読むと、",{"type":27,"tag":168,"props":601,"children":603},{"className":602},[],[604],{"type":32,"value":605},"TextFinder",{"type":32,"value":607}," を使いこなすことで、AIが提案するコード以上のものが書けるようです。",{"type":27,"tag":28,"props":609,"children":610},{},[611,612,618],{"type":32,"value":85},{"type":27,"tag":87,"props":613,"children":615},{"href":614},"#gasintro",[616],{"type":32,"value":617},"🔗「詳解! Google Apps Script完全入門」",{"type":32,"value":619}," を参考に、「くじ当たり判定マクロ」をVBAからGASへ移植してみました。",{"type":27,"tag":75,"props":621,"children":624},{"src":622,"alt":623,"width":342},"\u002Fimg\u002Fkujimacrogas.svg","VBAマクロから移植されたGASコード",[],{"type":27,"tag":115,"props":626,"children":627},{},[628,649,668,689],{"type":27,"tag":119,"props":629,"children":630},{},[631,633,639,641,647],{"type":32,"value":632},"正規表現を使うときは、",{"type":27,"tag":168,"props":634,"children":636},{"className":635},[],[637],{"type":32,"value":638},".useRegularExpression()",{"type":32,"value":640}," に引数 ",{"type":27,"tag":168,"props":642,"children":644},{"className":643},[],[645],{"type":32,"value":646},"true",{"type":32,"value":648}," を入れる",{"type":27,"tag":119,"props":650,"children":651},{},[652,658,660,666],{"type":27,"tag":168,"props":653,"children":655},{"className":654},[],[656],{"type":32,"value":657},".findAll()",{"type":32,"value":659}," で「全て検索」し、配列にはいったものを ",{"type":27,"tag":168,"props":661,"children":663},{"className":662},[],[664],{"type":32,"value":665},"for ～ of",{"type":32,"value":667}," で回す",{"type":27,"tag":119,"props":669,"children":670},{},[671,673,679,681,687],{"type":32,"value":672},"スプレッドシート独自の ",{"type":27,"tag":168,"props":674,"children":676},{"className":675},[],[677],{"type":32,"value":678},"Browser.msgBox",{"type":32,"value":680}," ではなく、汎用的な ",{"type":27,"tag":168,"props":682,"children":684},{"className":683},[],[685],{"type":32,"value":686},"ui.alert",{"type":32,"value":688}," を使う",{"type":27,"tag":119,"props":690,"children":691},{},[692,694,700],{"type":32,"value":693},"ループ中断は、",{"type":27,"tag":168,"props":695,"children":697},{"className":696},[],[698],{"type":32,"value":699},"break outerLoop;",{"type":32,"value":701}," のようにラベルを指定する",{"type":27,"tag":28,"props":703,"children":704},{},[705],{"type":32,"value":706},"、、、という点に気をつけ、VBA版とほとんど同じように動くGAS版マクロを作りました。",{"type":27,"tag":28,"props":708,"children":709},{},[710,712],{"type":32,"value":711},"　キーボードが使えないケースも考え、「実行ボタン」 にマクロを割り当てておきます。　→ ",{"type":27,"tag":87,"props":713,"children":716},{"href":714,"rel":715},"https:\u002F\u002Funcle-gas.com\u002Fspreadsheet-gas-4-method\u002F#toc3",[267],[717],{"type":32,"value":718},"🔗スプレッドシート上でGASを実行する方法",{"type":27,"tag":45,"props":720,"children":721},{},[],{"type":27,"tag":63,"props":723,"children":725},{"id":724},"ipadでマクロを動かすときはブラウザで",[726],{"type":32,"value":727},"iPadでマクロを動かすときはブラウザで",{"type":27,"tag":28,"props":729,"children":730},{},[731],{"type":32,"value":732},"　さっそくiPadでマクロを動かしたいところですが、実はここに落とし穴があります。スプレッドシートファイルは、SafariやChromeなどのブラウザ でも 「スプレッドシート」アプリでも開けますが、マクロはアプリでは機能しないのです。 → 🔗iPadやiPhoneでGoogle spreadsheetのapp scriptを使用する方法",{"type":27,"tag":28,"props":734,"children":735},{},[736],{"type":32,"value":737},"　ブラウザで開くしかないのですが、油断しているとアプリに誘導されてしまいます。スプレッドシートファイルへのリンクを長押ししたり、┇(3点リーダ)をタップしたりして、、、",{"type":27,"tag":115,"props":739,"children":740},{},[741,746,751,756],{"type":27,"tag":119,"props":742,"children":743},{},[744],{"type":32,"value":745},"新しいタブで開く",{"type":27,"tag":119,"props":747,"children":748},{},[749],{"type":32,"value":750},"新規ウインドウで開く",{"type":27,"tag":119,"props":752,"children":753},{},[754],{"type":32,"value":755},"PC版サイトを見る",{"type":27,"tag":119,"props":757,"children":758},{},[759],{"type":32,"value":760},"デスクトップサイトを表示",{"type":27,"tag":28,"props":762,"children":763},{},[764],{"type":32,"value":765},"などを選択して、何とかマクロを動かせる状態にする必要があるのです。",{"type":27,"tag":75,"props":767,"children":770},{"src":768,"alt":769,"width":342},"\u002Fimg\u002Fopenbybrowser.jpg","ブラウザで開く方法",[],{"type":27,"tag":28,"props":772,"children":773},{},[774],{"type":32,"value":775},"　自分のものでないファイルを開いている場合は、ファイル - コピーを作成 で実行前にコピーを作っておきましょう。そちらを開けば、好きにいじれます。自分のデータに書き換えて実行させても安全です。",{"type":27,"tag":75,"props":777,"children":780},{"src":778,"alt":779,"width":342},"\u002Fimg\u002Fkujicopy.jpg","マクロ実行前にコピーを作成",[],{"type":27,"tag":28,"props":782,"children":783},{},[784],{"type":32,"value":785},"　「実行ボタン」を押すとマクロが実行されますが、初回だけ認証を求められます。",{"type":27,"tag":75,"props":787,"children":790},{"src":788,"alt":789,"width":342},"\u002Fimg\u002Fmacroauth.jpg","マクロ実行の認証",[],{"type":27,"tag":28,"props":792,"children":793},{},[794],{"type":32,"value":795},"　表計算ソフトの場合、セルをタップすると キーボード が表示されますが、大きくてじゃまです。",{"type":27,"tag":28,"props":797,"children":798},{},[799],{"type":32,"value":800},"　右下のキーボードアイコンを長押しし、フローティング を選択しておきましょう。小さくて移動可能なキーボードに変わります。ピンチアウトすれば、元に戻ります。",{"type":27,"tag":75,"props":802,"children":805},{"src":803,"alt":804,"width":342},"\u002Fimg\u002Ffloatkb.jpg","フローティングキーボード",[],{"type":27,"tag":28,"props":807,"children":808},{},[809],{"type":32,"value":810},"　新たなデータで実行したいときは、シート名の右の ▼ をタップ - コピーを作成 でシートのコピーを作ってから、くじ番号などを入れ替えましょう。新しく作ったシートでもマクロは同じように動きます。",{"type":27,"tag":28,"props":812,"children":813},{},[814,819],{"type":27,"tag":75,"props":815,"children":818},{"src":816,"alt":817,"width":342},"\u002Fimg\u002Fsheetcopy.jpg","シートのコピーを作成",[],{"type":32,"value":85},{"type":27,"tag":28,"props":821,"children":822},{},[823],{"type":32,"value":824},"　拡張機能 - Apps Script で、現在のマクロを見たり編集したりできます。",{"type":27,"tag":75,"props":826,"children":829},{"src":827,"alt":828,"width":342},"\u002Fimg\u002Fappsscript.jpg","拡張機能-Apps Script",[],{"type":27,"tag":28,"props":831,"children":832},{},[833],{"type":32,"value":834},"　もちろん、拡張機能 - マクロ - マクロを記録 で、一からマクロを作ることもできます。",{"type":27,"tag":75,"props":836,"children":839},{"src":837,"alt":838,"width":342},"\u002Fimg\u002Fgasmacrorec.jpg","拡張機能-マクロを記録",[],{"type":27,"tag":28,"props":841,"children":842},{},[843],{"type":32,"value":844},"　つまり、iPadでマクロプログラミングができるということなのです。",{"type":27,"tag":28,"props":846,"children":847},{},[848,850,855,857,862],{"type":32,"value":849},"　PCと比べて何かと制約の多いiPadですが、「プログラミングをしたい」という",{"type":27,"tag":385,"props":851,"children":852},{},[853],{"type":32,"value":854},"願い",{"type":32,"value":856},"を ",{"type":27,"tag":385,"props":858,"children":859},{},[860],{"type":32,"value":861},"あきらめることはない",{"type":32,"value":863}," のです。",{"type":27,"tag":45,"props":865,"children":866},{},[],{"type":27,"tag":28,"props":868,"children":869},{},[870],{"type":32,"value":871},"★ お待たせしました、、、",{"type":27,"tag":28,"props":873,"children":874},{"style":563},[875,877],{"type":32,"value":876},"⇒ ",{"type":27,"tag":87,"props":878,"children":880},{"href":879},"https:\u002F\u002Fdocs.google.com\u002Fspreadsheets\u002Fd\u002F15tydJVh8Zuw4W6t5jQD5aaovFCwqSIDu6f9j21j3AwE\u002Fedit?usp=drive_link",[881],{"type":32,"value":882},"🔗「くじ当たり判定GASマクロ」入り スプレッドシートファイル 「 kuji 」 へのリンク はこちら",{"type":27,"tag":45,"props":884,"children":885},{},[],{"type":27,"tag":54,"props":887,"children":889},{"id":888},"結論keepのテキスト抽出と表計算のマクロでくじの当たり判定が楽にできる",[890],{"type":32,"value":891},"【結論】Keepのテキスト抽出と表計算のマクロでくじの当たり判定が楽にできる",{"type":27,"tag":28,"props":893,"children":894},{},[895,896,902],{"type":32,"value":85},{"type":27,"tag":87,"props":897,"children":899},{"href":898},"\u002Farticles\u002Ftechnolojiya-3",[900],{"type":32,"value":901},"🔗子ども食堂のiPad活用",{"type":32,"value":903}," で、",{"type":27,"tag":115,"props":905,"children":906},{},[907,912],{"type":27,"tag":119,"props":908,"children":909},{},[910],{"type":32,"value":911},"プログラミングをまなび、すすんで もんだいかいけつ しよう",{"type":27,"tag":119,"props":913,"children":914},{},[915],{"type":32,"value":916},"みじかなかだい をかいけつする「ローカルイノベーション」もたいせつ",{"type":27,"tag":28,"props":918,"children":919},{},[920],{"type":32,"value":921},"と述べました。",{"type":27,"tag":28,"props":923,"children":924},{},[925],{"type":32,"value":926},"　今回のくじチェックは、まさにぴったりな題材です。",{"type":27,"tag":45,"props":928,"children":929},{},[],{"type":27,"tag":28,"props":931,"children":932},{},[933],{"type":32,"value":934},"　ビジネスマンはお金や品物など数字をあつかうことが多いため、表計算ソフトの技能が必須です。学習や日常生活でも表計算ソフトは役に立つので、子どものころから親しんでおいたほうがよいでしょう。",{"type":27,"tag":28,"props":936,"children":937},{},[938],{"type":32,"value":939},"　PISAテストでも、",{"type":27,"tag":75,"props":941,"children":944},{"src":942,"alt":943,"width":342},"\u002Fimg\u002Fpisa2022forest.jpg","PISA2022森林面積を表計算ソフトで",[],{"type":27,"tag":28,"props":946,"children":947},{},[948],{"type":32,"value":949},"と、森林面積に関する問題を表計算ソフトを使って解かせています。",{"type":27,"tag":28,"props":951,"children":952},{},[953,955,961],{"type":32,"value":954},"　これほど一般的になった表計算ソフトですが、使いこなせているかといえば怪しいところです。マクロが組める日本のビジネスマンは１割足らずと言われています。賃金向上・生産性向上のためには、「時短」が必要です。マクロや ",{"type":27,"tag":87,"props":956,"children":958},{"href":957},"\u002Ftag\u002Frpa",[959],{"type":32,"value":960},"🔗RPA",{"type":32,"value":962}," による自動化が突破口になるでしょう。",{"type":27,"tag":45,"props":964,"children":965},{},[],{"type":27,"tag":28,"props":967,"children":968},{},[969],{"type":32,"value":970},"　エクセルVBA と スプレッドシートGAS をざっくり比べると、",{"type":27,"tag":115,"props":972,"children":973},{},[974,979,984,997,1002],{"type":27,"tag":119,"props":975,"children":976},{},[977],{"type":32,"value":978},"エクセルは有料（プレインストール）、スプレッドシートは基本無料",{"type":27,"tag":119,"props":980,"children":981},{},[982],{"type":32,"value":983},"エクセルはローカルで動き（校務PC向き）、スプレッドシートはクラウドで動く（学習端末向き）",{"type":27,"tag":119,"props":985,"children":986},{},[987,989,995],{"type":32,"value":988},"VBAは古くさいが資料多数、GASは新しく資料少ないが ",{"type":27,"tag":87,"props":990,"children":992},{"href":991},"\u002Ftag\u002Fweb-standards",[993],{"type":32,"value":994},"🔗Web標準",{"type":32,"value":996}," に近い",{"type":27,"tag":119,"props":998,"children":999},{},[1000],{"type":32,"value":1001},"VBAはPCのみで動き、GASは全ブラウザで動く（iPadもOK！）",{"type":27,"tag":119,"props":1003,"children":1004},{},[1005],{"type":32,"value":1006},"VBAはエクセルのみで動き、GASはグーグルアプリ共通で動くようにできる",{"type":27,"tag":28,"props":1008,"children":1009},{},[1010],{"type":32,"value":1011},"　即戦力のベテランがVBA、未来的・汎用的な有望新人がGAS、、、といったところでしょうか。",{"type":27,"tag":28,"props":1013,"children":1014},{},[1015,1017],{"type":32,"value":1016},"　GASは、アプリ横断的に自動化できるRPAに近い存在です。実際、GoogleのRPAである AppSheet と連携させる動きも出てきました。うまく使えば、働き方改革が無料でできるかもしれません。　→ ",{"type":27,"tag":87,"props":1018,"children":1021},{"href":1019,"rel":1020},"https:\u002F\u002Fnote.com\u002Fmanabibashi\u002Fn\u002Fn040e8a22b2b4",[267],[1022],{"type":32,"value":1023},"🔗AppSheetの無料プランでGoogle Apps Scriptを呼び出す",{"type":27,"tag":45,"props":1025,"children":1026},{},[],{"type":27,"tag":28,"props":1028,"children":1029},{},[1030,1032],{"type":32,"value":1031},"　プログラミングは、学習にも仕事にも役立つし、何より「楽しい」ということを再認識しました。大げさに言えば、「自分が自分らしくいられる」のです。　→ ",{"type":27,"tag":87,"props":1033,"children":1035},{"href":1034},"\u002Farticles\u002Fhadano",[1036],{"type":32,"value":1037},"🔗ハダノのプログラミング遍歴",{"type":27,"tag":75,"props":1039,"children":1043},{"src":1040,"alt":1041,"className":1042},"\u002Fimg\u002Fwizardking.jpg","願いをあずかり管理する魔法使い",[79],[],{"type":27,"tag":28,"props":1045,"children":1046},{},[1047],{"type":32,"value":1048},"　生徒の「願い」をあずかり管理してあげる「魔法使い（権力者）」ではなく、すすんで問題解決しようとする「マクロ使い（地球市民）」として、ともに探究し続ける教師でありたいものです。",{"type":27,"tag":75,"props":1050,"children":1053},{"src":1051,"alt":1052,"width":342},"\u002Fimg\u002Fjikohyogen.jpg","プログラミングは自己表現",[],{"type":27,"tag":45,"props":1055,"children":1056},{},[],{"type":27,"tag":45,"props":1058,"children":1060},{"id":1059},"excel1sec",[],{"type":27,"tag":1062,"props":1063,"children":1066},"div",{"className":1064},[1065],"kattene",[1067,1069,1085,1086],{"type":32,"value":1068},"\n    ",{"type":27,"tag":1062,"props":1070,"children":1073},{"className":1071},[1072],"kattene__imgpart",[1074],{"type":27,"tag":87,"props":1075,"children":1080},{"target":1076,"rel":1077,"href":1079},"_blank",[1078],"noopener","https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F1c31a7e9.545b2c08.1c31a7ea.d83a8f7a\u002F_RTLink57027?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F960208e3b7635f3623ec43922230dece%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjEsImFtcCI6ZmFsc2V9",[1081],{"type":27,"tag":75,"props":1082,"children":1084},{"src":1083},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F2073\u002F9784297112073_1_9.jpg?_ex=240x240",[],{"type":32,"value":1068},{"type":27,"tag":1062,"props":1087,"children":1090},{"className":1088},[1089],"kattene__infopart",[1091,1093,1104,1105,1125,1126,1174],{"type":32,"value":1092},"\n      ",{"type":27,"tag":1062,"props":1094,"children":1097},{"className":1095},[1096],"kattene__title",[1098],{"type":27,"tag":87,"props":1099,"children":1101},{"target":1076,"rel":1100,"href":1079},[1078],[1102],{"type":32,"value":1103},"たった1秒で仕事が片づくExcel自動化の教科書",{"type":32,"value":1092},{"type":27,"tag":1062,"props":1106,"children":1109},{"className":1107},[1108],"kattene__description",[1110,1113,1115,1118,1120,1123],{"type":27,"tag":45,"props":1111,"children":1112},{},[],{"type":32,"value":1114},"※ ハダノは、Windows95のころからエクセルVBAプログラミングをしていました。",{"type":27,"tag":45,"props":1116,"children":1117},{},[],{"type":32,"value":1119},"数えきれないほどVBA本を読みました。今では、Webにも様々な解説記事があり、学習に困ることは少なくなりました。",{"type":27,"tag":45,"props":1121,"children":1122},{},[],{"type":32,"value":1124},"それでも吉田拳さんの本は、難解なことを明解にしてくれ、目からうろこでした。",{"type":32,"value":1092},{"type":27,"tag":1062,"props":1127,"children":1131},{"className":1128},[1129,1130],"kattene__btns","__three",[1132,1134,1146,1148,1160,1161,1173],{"type":32,"value":1133},"\n      \t",{"type":27,"tag":1062,"props":1135,"children":1136},{},[1137],{"type":27,"tag":87,"props":1138,"children":1143},{"className":1139,"target":1076,"rel":1142,"href":1079},[1140,1141],"kattene__btn","__red",[1078],[1144],{"type":32,"value":1145},"楽天",{"type":32,"value":1147},"\n        ",{"type":27,"tag":1062,"props":1149,"children":1150},{},[1151],{"type":27,"tag":87,"props":1152,"children":1157},{"className":1153,"target":1076,"rel":1155,"href":1156},[1140,1154],"__orange",[1078],"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%2F4297139618",[1158],{"type":32,"value":1159},"Amazon",{"type":32,"value":1147},{"type":27,"tag":1062,"props":1162,"children":1163},{},[1164],{"type":27,"tag":87,"props":1165,"children":1170},{"className":1166,"target":1076,"rel":1168,"href":1169},[1140,1167],"__green",[1078],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fbookfan%2Fbk-4297112078.html%3Fsc_i%3Dshopping-pc-web-result-item-rsltlst-img",[1171],{"type":32,"value":1172},"Yahoo!",{"type":32,"value":1092},{"type":32,"value":1068},{"type":27,"tag":45,"props":1176,"children":1178},{"id":1177},"gasintro",[],{"type":27,"tag":1062,"props":1180,"children":1182},{"className":1181},[1065],[1183,1184,1197,1198],{"type":32,"value":1068},{"type":27,"tag":1062,"props":1185,"children":1187},{"className":1186},[1072],[1188],{"type":27,"tag":87,"props":1189,"children":1192},{"target":1076,"rel":1190,"href":1191},[1078],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F1c31a7e9.545b2c08.1c31a7ea.d83a8f7a\u002F_RTLink57027?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F2735ffa9683d4fe24bd8643fa95fab2a%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjEsImFtcCI6ZmFsc2V9",[1193],{"type":27,"tag":75,"props":1194,"children":1196},{"src":1195},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F4741\u002F9784798064741_1_4.jpg?_ex=240x240",[],{"type":32,"value":1068},{"type":27,"tag":1062,"props":1199,"children":1201},{"className":1200},[1089],[1202,1203,1213,1214,1233,1234,1271],{"type":32,"value":1092},{"type":27,"tag":1062,"props":1204,"children":1206},{"className":1205},[1096],[1207],{"type":27,"tag":87,"props":1208,"children":1210},{"target":1076,"rel":1209,"href":1191},[1078],[1211],{"type":32,"value":1212},"詳解! Google Apps Script完全入門 [第3版]",{"type":32,"value":1092},{"type":27,"tag":1062,"props":1215,"children":1217},{"className":1216},[1108],[1218,1221,1223,1226,1228,1231],{"type":27,"tag":45,"props":1219,"children":1220},{},[],{"type":32,"value":1222},"※ GASは期待の新人ですが、参考資料が少ないのが玉にキズです。",{"type":27,"tag":45,"props":1224,"children":1225},{},[],{"type":32,"value":1227},"分厚くけっこうな値段がしますが、基礎からていねいに解説しているので、初心者が買っても損はありません。",{"type":27,"tag":45,"props":1229,"children":1230},{},[],{"type":32,"value":1232},"ハダノは、JavaScriptについてあいまいだった部分をこの本で学び直せました。",{"type":32,"value":1092},{"type":27,"tag":1062,"props":1235,"children":1237},{"className":1236},[1129,1130],[1238,1239,1248,1249,1259,1260,1270],{"type":32,"value":1133},{"type":27,"tag":1062,"props":1240,"children":1241},{},[1242],{"type":27,"tag":87,"props":1243,"children":1246},{"className":1244,"target":1076,"rel":1245,"href":1191},[1140,1141],[1078],[1247],{"type":32,"value":1145},{"type":32,"value":1147},{"type":27,"tag":1062,"props":1250,"children":1251},{},[1252],{"type":27,"tag":87,"props":1253,"children":1257},{"className":1254,"target":1076,"rel":1255,"href":1256},[1140,1154],[1078],"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%2F4798064742",[1258],{"type":32,"value":1159},{"type":32,"value":1147},{"type":27,"tag":1062,"props":1261,"children":1262},{},[1263],{"type":27,"tag":87,"props":1264,"children":1268},{"className":1265,"target":1076,"rel":1266,"href":1267},[1140,1167],[1078],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fwindybooks%2Fs-9784798064741.html%3Fsc_i%3Dshopping-pc-web-result-item-rsltlst-img",[1269],{"type":32,"value":1172},{"type":32,"value":1092},{"type":32,"value":1068},{"type":27,"tag":45,"props":1273,"children":1274},{},[],{"type":27,"tag":1276,"props":1277,"children":1278},"hr",{},[],{"type":27,"tag":28,"props":1280,"children":1281},{},[1282],{"type":27,"tag":87,"props":1283,"children":1285},{"href":1284},"\u002Farticles\u002Fai-poster",[1286],{"type":32,"value":1287},"←前へ　AIツールでスイスイ仕事術【ポスター作り】",{"title":8,"searchDepth":1289,"depth":1289,"links":1290},2,[1291,1301],{"id":56,"depth":1289,"text":10,"children":1292},[1293,1295,1296,1297,1298,1299,1300],{"id":65,"depth":1294,"text":68},3,{"id":105,"depth":1294,"text":108},{"id":217,"depth":1294,"text":217},{"id":320,"depth":1294,"text":320},{"id":354,"depth":1294,"text":357},{"id":498,"depth":1294,"text":501},{"id":724,"depth":1294,"text":727},{"id":888,"depth":1289,"text":891},"markdown","content:articles:ai-keep2macro.md","content","articles\u002Fai-keep2macro.md","articles\u002Fai-keep2macro","md",{"_path":1309,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1310,"description":1311,"category":1312,"tag":1313,"thumbnail":1317,"createdAt":1318,"updatedAt":1319,"body":1320,"_type":1302,"_id":2328,"_source":1304,"_file":2329,"_stem":2330,"_extension":1307},"\u002Farticles\u002Fnurpa-2","全校ぬりえ自動化システム「ヌルパ」を作ってみた","全校ぬりえ自動化システム「ヌルパ」の使い方を紹介。壁画づくり・自動化の技術的な話も",[12],[1314,19,18,1315,15,1316,16],"nurpa","cg","steam","nuriehonban.jpg","2022\u002F5\u002F11","2022\u002F5\u002F15",{"type":24,"children":1321,"toc":2308},[1322,1327,1332,1337,1342,1347,1350,1356,1361,1366,1371,1376,1379,1384,1390,1399,1402,1407,1410,1416,1421,1434,1439,1444,1447,1453,1462,1467,1476,1481,1486,1491,1496,1499,1505,1514,1519,1524,1529,1532,1538,1547,1552,1557,1566,1571,1576,1581,1586,1591,1594,1600,1609,1614,1619,1624,1627,1633,1638,1652,1673,1678,1683,1688,1693,1698,1701,1707,1721,1726,1729,1735,1740,1743,1748,1753,1756,1761,1766,1771,1774,1779,1782,1787,1792,1795,1800,1803,1808,1813,1816,1821,1824,1830,1835,1842,1847,1903,1909,1915,1921,1932,1938,1949,1955,1960,1973,1979,1985,1996,2002,2007,2020,2025,2030,2036,2041,2051,2054,2059,2064,2069,2074,2079,2084,2107,2112,2117,2126,2129,2135,2144,2147,2153,2158,2163,2168,2173,2178,2181,2186,2191,2196,2200,2293,2296,2299],{"type":27,"tag":28,"props":1323,"children":1324},{},[1325],{"type":32,"value":1326},"　「今年の文化祭、コロナ禍で制限多いけど、全校ぬりえに挑戦してみようか？」",{"type":27,"tag":28,"props":1328,"children":1329},{},[1330],{"type":32,"value":1331},"　「すべてフリーソフトでだれでもできるって本当なのかな？」",{"type":27,"tag":28,"props":1333,"children":1334},{},[1335],{"type":32,"value":1336},"　「ヌルパでどうやって自動化できるの？」",{"type":27,"tag":28,"props":1338,"children":1339},{},[1340],{"type":32,"value":1341},"　そんなあなたに、全校ぬりえ自動化システム「ヌルパ」の使い方を紹介します。壁画づくり・自動化の技術的な話もします。",{"type":27,"tag":28,"props":1343,"children":1344},{},[1345],{"type":32,"value":1346},"　民間企業では働き方改革の切り札として、RPAなどによる自動化が求められています。ヌルパをきっかけに教員の働き方改革を前進させてみませんか。",{"type":27,"tag":45,"props":1348,"children":1349},{},[],{"type":27,"tag":54,"props":1351,"children":1353},{"id":1352},"nurpaヌルパはぬりえ変換を自動化するｒｐａシステム",[1354],{"type":32,"value":1355},"nuRpa(ヌルパ)は、ぬりえ変換を自動化するＲＰＡシステム",{"type":27,"tag":28,"props":1357,"children":1358},{},[1359],{"type":32,"value":1360},"　全校ぬりえの取組紹介には、「すべてフリーソフトでだれでもできる」と書きましたが、数種類のソフトをいちいちマウスで操作していくのは、やはり骨が折れるものです。",{"type":27,"tag":28,"props":1362,"children":1363},{},[1364],{"type":32,"value":1365},"　そこで、アプリのショートカットと原画をフォルダに入れ、nuRpa.wsfをダブルクリックするだけで、全校ぬりえに必要なファイルが自動的にできあがる仕組みを作りました。",{"type":27,"tag":28,"props":1367,"children":1368},{},[1369],{"type":32,"value":1370},"※ Windows10,Windows11のPCで動作確認済み。",{"type":27,"tag":28,"props":1372,"children":1373},{},[1374],{"type":32,"value":1375},"※ Windows11では、右クリック-その他のオプションを表示 で、従来のWindows10の右クリックメニューが出るように変更されたので注意！",{"type":27,"tag":45,"props":1377,"children":1378},{},[],{"type":27,"tag":54,"props":1380,"children":1382},{"id":1381},"ヌルパの使い方",[1383],{"type":32,"value":1381},{"type":27,"tag":63,"props":1385,"children":1387},{"id":1386},"_1-nurpazipをダウンロードする",[1388],{"type":32,"value":1389},"1) nurpa.zipをダウンロードする",{"type":27,"tag":28,"props":1391,"children":1392},{},[1393],{"type":27,"tag":87,"props":1394,"children":1396},{"href":1395},"\u002Fsrc\u002Fnurpa.zip",[1397],{"type":32,"value":1398},"⤵ nurpa.zip をダウンロード",{"type":27,"tag":45,"props":1400,"children":1401},{},[],{"type":27,"tag":28,"props":1403,"children":1404},{},[1405],{"type":32,"value":1406},"　すべて展開し、nurpaフォルダをドキュメントフォルダなどに移動します。",{"type":27,"tag":45,"props":1408,"children":1409},{},[],{"type":27,"tag":63,"props":1411,"children":1413},{"id":1412},"_2-スムーズ化などの調整をしpng形式で保存した原画ファイルをnurpaフォルダに入れる",[1414],{"type":32,"value":1415},"2) スムーズ化などの調整をし、PNG形式で保存した原画ファイルをnurpaフォルダに入れる",{"type":27,"tag":28,"props":1417,"children":1418},{},[1419],{"type":32,"value":1420},"　A3用紙1枚の絵は、横26cm：縦39cm = 2：3 となります。横何枚×縦何枚になるか計算して原画の横：縦の比を決め、1000ピクセルをあまり超えない程度におさめてください。",{"type":27,"tag":28,"props":1422,"children":1423},{},[1424,1425,1432],{"type":32,"value":85},{"type":27,"tag":87,"props":1426,"children":1429},{"href":1427,"rel":1428},"https:\u002F\u002Feizone.info\u002Fphotoscape-x\u002F",[267],[1430],{"type":32,"value":1431},"photoscape",{"type":32,"value":1433}," などの画像編集ソフトで、スムーズ化などの調整を加えてください。ベクトル化したときにきれいに仕上がります。",{"type":27,"tag":28,"props":1435,"children":1436},{},[1437],{"type":32,"value":1438},"　原画は、jpg や bmp ではなく、必ず png ファイルとして保存してください。",{"type":27,"tag":28,"props":1440,"children":1441},{},[1442],{"type":32,"value":1443},"　動作確認用のサンプルとして、yell0.png を入れてあります。",{"type":27,"tag":45,"props":1445,"children":1446},{},[],{"type":27,"tag":63,"props":1448,"children":1450},{"id":1449},"_3-javaバージョンを確認する",[1451],{"type":32,"value":1452},"3) Javaバージョンを確認する",{"type":27,"tag":28,"props":1454,"children":1455},{},[1456],{"type":27,"tag":87,"props":1457,"children":1460},{"href":1458,"rel":1459},"https:\u002F\u002Fjava.com\u002Fja\u002Fdownload\u002Funinstalltool.jsp",[267],[1461],{"type":32,"value":1458},{"type":27,"tag":28,"props":1463,"children":1464},{},[1465],{"type":32,"value":1466},"　もしJavaが入っていなければ、インストールします。P2VJを動かすのに必要です。",{"type":27,"tag":28,"props":1468,"children":1469},{},[1470],{"type":27,"tag":87,"props":1471,"children":1474},{"href":1472,"rel":1473},"https:\u002F\u002Fjava.com\u002Fja\u002Fdownload\u002F",[267],[1475],{"type":32,"value":1472},{"type":27,"tag":28,"props":1477,"children":1478},{},[1479],{"type":32,"value":1480},"　Cドライブで javaw.exe を検索します。",{"type":27,"tag":28,"props":1482,"children":1483},{},[1484],{"type":32,"value":1485},"　見つかったものをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":27,"tag":28,"props":1487,"children":1488},{},[1489],{"type":32,"value":1490},"※ Windows11では、右クリック-その他のオプションを表示-ショートカットの貼り付け をする。",{"type":27,"tag":28,"props":1492,"children":1493},{},[1494],{"type":32,"value":1495},"例：javaw.exe - ショートカット リンク先→\"C:\\Program Files\\Java\\jre1.8.0_271\\bin\\javaw.exe\"",{"type":27,"tag":45,"props":1497,"children":1498},{},[],{"type":27,"tag":63,"props":1500,"children":1502},{"id":1501},"_4-p2vjをダウンロードする",[1503],{"type":32,"value":1504},"4) P2VJをダウンロードする",{"type":27,"tag":28,"props":1506,"children":1507},{},[1508],{"type":27,"tag":87,"props":1509,"children":1512},{"href":1510,"rel":1511},"http:\u002F\u002Fsesamecake.sakura.ne.jp\u002Fp2vj\u002F",[267],[1513],{"type":32,"value":1510},{"type":27,"tag":28,"props":1515,"children":1516},{},[1517],{"type":32,"value":1518},"　すべて展開し、p2vj_1.3フォルダをドキュメントなどにコピーします。",{"type":27,"tag":28,"props":1520,"children":1521},{},[1522],{"type":32,"value":1523},"　P2VJ.jarをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":27,"tag":28,"props":1525,"children":1526},{},[1527],{"type":32,"value":1528},"例：P2VJ.jar - ショートカット　リンク先→\"C:\\Users\\BOKUser\\Documents\\p2vj_1.3\\p2vj_1.3\\P2VJ.jar\"",{"type":27,"tag":45,"props":1530,"children":1531},{},[],{"type":27,"tag":63,"props":1533,"children":1535},{"id":1534},"_5-inkscapeをダウンロードする",[1536],{"type":32,"value":1537},"5) Inkscapeをダウンロードする",{"type":27,"tag":28,"props":1539,"children":1540},{},[1541],{"type":27,"tag":87,"props":1542,"children":1545},{"href":1543,"rel":1544},"https:\u002F\u002Finkscape.org\u002Fja\u002Frelease\u002F1.0.1\u002Fwindows\u002F",[267],[1546],{"type":32,"value":1543},{"type":27,"tag":28,"props":1548,"children":1549},{},[1550],{"type":32,"value":1551},"　できるだけ最新版をインストールします。",{"type":27,"tag":28,"props":1553,"children":1554},{},[1555],{"type":32,"value":1556},"　Ver1.0以降は、出力命令が変更されているので要注意です。",{"type":27,"tag":28,"props":1558,"children":1559},{},[1560],{"type":27,"tag":87,"props":1561,"children":1564},{"href":1562,"rel":1563},"https:\u002F\u002Flookbackmargin.blog\u002F2020\u002F07\u002F31\u002Finkscape-o-instead-of-e\u002F",[267],[1565],{"type":32,"value":1562},{"type":27,"tag":28,"props":1567,"children":1568},{},[1569],{"type":32,"value":1570},"　インストールしたくない場合は、32-bitのPortable版をダウンロードし、インストール先（実際は展開のみ）をドキュメントなどにして使用します。",{"type":27,"tag":28,"props":1572,"children":1573},{},[1574],{"type":32,"value":1575},"　デスクトップのInkscapeのショートカットをコピーし、nurpaフォルダで貼り付けをします。",{"type":27,"tag":28,"props":1577,"children":1578},{},[1579],{"type":32,"value":1580},"例：Inkscape　リンク先→\"C:\\Program Files\\Inkscape\\bin\\inkscape.exe\"",{"type":27,"tag":28,"props":1582,"children":1583},{},[1584],{"type":32,"value":1585},"　または、InkscapePortable.exeをコピーし、nurpaフォルダでショートカットの貼り付けをします。",{"type":27,"tag":28,"props":1587,"children":1588},{},[1589],{"type":32,"value":1590},"例：InkscapePortable.exe - ショートカット　リンク先→C:\\Users\\BOKUser\\Documents\\InkscapePortable\\InkscapePortable.exe",{"type":27,"tag":45,"props":1592,"children":1593},{},[],{"type":27,"tag":63,"props":1595,"children":1597},{"id":1596},"_6-posterazorをダウンロードする",[1598],{"type":32,"value":1599},"6) PosteRazorをダウンロードする",{"type":27,"tag":28,"props":1601,"children":1602},{},[1603],{"type":27,"tag":87,"props":1604,"children":1607},{"href":1605,"rel":1606},"https:\u002F\u002Fwww.jimakudaio.com\u002Fpost-9637",[267],[1608],{"type":32,"value":1605},{"type":27,"tag":28,"props":1610,"children":1611},{},[1612],{"type":32,"value":1613},"　最新版をダウンロード・インストールします。",{"type":27,"tag":28,"props":1615,"children":1616},{},[1617],{"type":32,"value":1618},"　デスクトップのPosteRazorのショートカットをコピーし、nurpaフォルダで貼り付けをします。",{"type":27,"tag":28,"props":1620,"children":1621},{},[1622],{"type":32,"value":1623},"例：PosteRazor.exe - ショートカット　リンク先→\"C:\\Program Files (x86)\\PosteRazor\\PosteRazor.exe\"",{"type":27,"tag":45,"props":1625,"children":1626},{},[],{"type":27,"tag":63,"props":1628,"children":1630},{"id":1629},"_7-nurpaを実行する",[1631],{"type":32,"value":1632},"7) nuRpaを実行する",{"type":27,"tag":28,"props":1634,"children":1635},{},[1636],{"type":32,"value":1637},"　nurpaフォルダの nuRpa.wsf をダブルクリックして実行します。",{"type":27,"tag":28,"props":1639,"children":1640},{},[1641,1643,1650],{"type":32,"value":1642},"　処理内容を変更したいときは、 nuriemaker.js をテキストエディタ（",{"type":27,"tag":87,"props":1644,"children":1647},{"href":1645,"rel":1646},"https:\u002F\u002Fforest.watch.impress.co.jp\u002Flibrary\u002Fsoftware\u002Fmery\u002F",[267],[1648],{"type":32,"value":1649},"Mery",{"type":32,"value":1651}," など）で編集します。",{"type":27,"tag":28,"props":1653,"children":1654},{},[1655,1657,1663,1665,1671],{"type":32,"value":1656},"　2)で計算した枚数で　",{"type":27,"tag":168,"props":1658,"children":1660},{"className":1659},[],[1661],{"type":32,"value":1662},"\u002F\u002F\u002F\u002F\u002F\u002F★横分割数",{"type":32,"value":1664}," の ",{"type":27,"tag":168,"props":1666,"children":1668},{"className":1667},[],[1669],{"type":32,"value":1670},"RoboKey(\"数\");",{"type":32,"value":1672}," を打ち換えて変更できます。縦分割数は、画像のサイズと横分割数から自動計算されます。「手本」と「ぬりえ」それぞれ指定できます。",{"type":27,"tag":28,"props":1674,"children":1675},{},[1676],{"type":32,"value":1677},"※ nuriemaker.js を直接ダブルクリックしないこと。",{"type":27,"tag":28,"props":1679,"children":1680},{},[1681],{"type":32,"value":1682},"　nuRpaでは、次の4段階で処理が進んでゆきます。",{"type":27,"tag":28,"props":1684,"children":1685},{},[1686],{"type":32,"value":1687},"①原画をSVGに変換、②完成画とぬりえのSVGを作成、③SVGをPNGに変換、④分割印刷用PDFを作成。",{"type":27,"tag":28,"props":1689,"children":1690},{},[1691],{"type":32,"value":1692},"（それぞれ、①P2VJ、②JScriptでテキスト置換、③Inkscape、④PosteRazor を使って実行）",{"type":27,"tag":28,"props":1694,"children":1695},{},[1696],{"type":32,"value":1697},"　②のぬりえ化については、「塗色を透明に」→「塗色を白色に」とアルゴリズムを改良しました。これにより、不要な線が透けることなく、塗りやすくなりました。",{"type":27,"tag":45,"props":1699,"children":1700},{},[],{"type":27,"tag":63,"props":1702,"children":1704},{"id":1703},"_8-個人手本とぬりえを分割印刷する",[1705],{"type":32,"value":1706},"8) 個人手本とぬりえを分割印刷する",{"type":27,"tag":28,"props":1708,"children":1709},{},[1710,1712,1719],{"type":32,"value":1711},"　nuRpaで作成された分割印刷用PDF（～tr.pdfと～trp.pdf）に ",{"type":27,"tag":87,"props":1713,"children":1716},{"href":1714,"rel":1715},"https:\u002F\u002Fforest.watch.impress.co.jp\u002Flibrary\u002Fsoftware\u002Fpdf_as\u002F",[267],[1717],{"type":32,"value":1718},"pdf_as",{"type":32,"value":1720}," でページ番号を付加します。",{"type":27,"tag":28,"props":1722,"children":1723},{},[1724],{"type":32,"value":1725},"　Acrobat Reader DC で、印刷します。",{"type":27,"tag":45,"props":1727,"children":1728},{},[],{"type":27,"tag":54,"props":1730,"children":1732},{"id":1731},"hekiga",[1733],{"type":32,"value":1734},"壁画づくりの技術的な話",{"type":27,"tag":28,"props":1736,"children":1737},{},[1738],{"type":32,"value":1739},"　「大きな壁画を分割して共同制作したい」というハダノの夢は、PCを使えば実現できそうでした。",{"type":27,"tag":45,"props":1741,"children":1742},{},[],{"type":27,"tag":28,"props":1744,"children":1745},{},[1746],{"type":32,"value":1747},"　「PL学園の人文字のマスを2cmぐらいにしたら、写真クオリティの壁画ができないか」と思いついて、1993年に横16m × 縦10mの巨大壁画を作ってみました。県都の大きな中学校の3年生8クラスの文化祭作品です。「夢を現実に」をスローガンに体育大会の感動を表現しました。体育大会の写真をスキャンし、8色の色コードをBASICのpoint関数で読み取りました。生徒はその数字の表を見ながら、模造紙のマス目をポスターカラーで塗りました。壁画は話題となり、地元の新聞にも載りました。「ドット壁画」の誕生です。",{"type":27,"tag":28,"props":1749,"children":1750},{},[1751],{"type":32,"value":1752},"　その後、「ドット壁画の作り方を教えてほしい」と自宅に人が来るようになりました。高校に行った教え子が高校ではやらせ、転任した同僚がその学校ではやらせ、しだいに文化祭や卒業式のステージ画の定番となりました。",{"type":27,"tag":45,"props":1754,"children":1755},{},[],{"type":27,"tag":28,"props":1757,"children":1758},{},[1759],{"type":32,"value":1760},"　しかし、ドット壁画はあくまでも実験でした。原画を作ってしまえば、あとは単純作業です。一人ひとりの生徒に創意工夫の余地はありません。数年後、ハダノは自分の手でドット壁画を封印しました。",{"type":27,"tag":28,"props":1762,"children":1763},{},[1764],{"type":32,"value":1765},"　田舎の学校に移っていたハダノは、専門の理科以外に数・技・美などを持たされていました。美術を教えていたとき、あることに気づきました。絵の苦手な生徒は、見た通りの形ではなく、言葉の影響を受けたシンボルを描こうとするのです。試しに上下さかさまにした絵を模写させると、みんな上手に描けます。言葉を使うことができないからです。",{"type":27,"tag":28,"props":1767,"children":1768},{},[1769],{"type":32,"value":1770},"　立体感が苦手な生徒は、見た通りの色ではなく、頭の中で信じた色を塗ろうとするのです。試しに真っ白のトイレットペーパーをスケッチさせるとき、明るさを4段階に処理した写真を見せたあとは、もうだれも「トイレットペーパーは白一色だから描けない」とは言いません。",{"type":27,"tag":45,"props":1772,"children":1773},{},[],{"type":27,"tag":75,"props":1775,"children":1778},{"src":1776,"alt":1777,"width":342},"\u002Fimg\u002Fdot_nurie.png","ドット絵からぬりえへ",[],{"type":27,"tag":45,"props":1780,"children":1781},{},[],{"type":27,"tag":28,"props":1783,"children":1784},{},[1785],{"type":32,"value":1786},"　共同制作では、形が狂うと貼り合わせられません。色は自由な発想の余地があります。こうして、「ぬりえ」にたどりつきました。2000年代は Paint Shop Pro を使い、効果-アーティスティック効果-ポスタリゼーション で減色後、 効果-エッジ効果-輪郭検出 で輪郭線を得て、画像分割もPythonマクロでやっていました。できばえはよかったものの、フリーソフトではなかったため、はやらせるのは無理がありました。",{"type":27,"tag":75,"props":1788,"children":1791},{"src":1789,"alt":1790,"width":342},"\u002Fimg\u002Fgengasakusei.png","ぬりえ原画作成",[],{"type":27,"tag":45,"props":1793,"children":1794},{},[],{"type":27,"tag":28,"props":1796,"children":1797},{},[1798],{"type":32,"value":1799},"　2010年代になると、画面の高解像度化に伴い、ベクトル画像が脚光を浴びるようになりました。Web標準技術の一つとして、SVGというベクトル画像の規格が普及してきました。HTMLのようなテキストでベクトル画像が描画できるという画期的なものです。SVG編集ソフトでは、Adobe Illustratorが有名ですが、Inkscape という優秀なフリーソフトが現われました。",{"type":27,"tag":45,"props":1801,"children":1802},{},[],{"type":27,"tag":28,"props":1804,"children":1805},{},[1806],{"type":32,"value":1807},"　ぬりえ制作では、ビットマップ画像より、ベクトル画像の方が適しています。問題は、写真のようなビットマップをベクトルにきれいに変換するのはたいへんということです。Inkscape にもトレースという機能がありますが、変換精度は今一つです。そんなとき、P2VJというフリーソフトを知りました。ビットマップ→ベクトル変換に特化していて、きれいにやってくれます。あとは、SVGの中のテキストをいじって輪郭線を灰色にしたり、塗色を抜いたりするだけでぬりえの完成です。",{"type":27,"tag":75,"props":1809,"children":1812},{"src":1810,"alt":1811,"width":342},"\u002Fimg\u002Fsodehikaku.png","ぬりえ変換プロセス",[],{"type":27,"tag":45,"props":1814,"children":1815},{},[],{"type":27,"tag":28,"props":1817,"children":1818},{},[1819],{"type":32,"value":1820},"　画像分割は、自分でもVisualBasicで作ったことがあります。大量の画像ファイルができて管理がたいへんでした。PosteRazor は、１つのPDFファイルにしてくれます。生徒が描き損じても、ページ指定で目的の分割画像だけ印刷することができるのです。",{"type":27,"tag":45,"props":1822,"children":1823},{},[],{"type":27,"tag":63,"props":1825,"children":1827},{"id":1826},"中全校ぬりえの技術的な話",[1828],{"type":32,"value":1829},"●●中全校ぬりえの技術的な話",{"type":27,"tag":28,"props":1831,"children":1832},{},[1833],{"type":32,"value":1834},"2020年度●●中学校文化祭テーマ「YELL～感謝・希望・笑顔～」",{"type":27,"tag":1836,"props":1837,"children":1839},"h4",{"id":1838},"原画-紅葉の背景を",[1840],{"type":32,"value":1841},"原画① 紅葉の背景を！",{"type":27,"tag":28,"props":1843,"children":1844},{},[1845],{"type":32,"value":1846},"　色が地味すぎる、もっとカラフルにしないと。紅葉の背景画像を探そう！",{"type":27,"tag":28,"props":1848,"children":1849},{},[1850,1852,1859,1861,1868,1870,1877,1879,1886,1888,1895,1897],{"type":32,"value":1851},"※ ",{"type":27,"tag":87,"props":1853,"children":1856},{"href":1854,"rel":1855},"https:\u002F\u002Fhdrihaven.com\u002Fhdris\u002F",[267],[1857],{"type":32,"value":1858},"360度背景画像",{"type":32,"value":1860},"と",{"type":27,"tag":87,"props":1862,"children":1865},{"href":1863,"rel":1864},"https:\u002F\u002Fsketchfab.com\u002Fsearch?features=downloadable&q=tree&sort_by=-relevance&type=models",[267],[1866],{"type":32,"value":1867},"３Dモデル",{"type":32,"value":1869},"を探し、",{"type":27,"tag":87,"props":1871,"children":1874},{"href":1872,"rel":1873},"https:\u002F\u002Fudemy.benesse.co.jp\u002Fdevelopment\u002Fweb\u002Fblender.html",[267],[1875],{"type":32,"value":1876},"Blender",{"type":32,"value":1878},"で合成。Gifアニメは、",{"type":27,"tag":87,"props":1880,"children":1883},{"href":1881,"rel":1882},"https:\u002F\u002Ffreesoft-100.com\u002Freview\u002Fmadophoto.html",[267],[1884],{"type":32,"value":1885},"画面キャプチャツール「窓フォト」",{"type":32,"value":1887},"で作成。",{"type":27,"tag":87,"props":1889,"children":1892},{"href":1890,"rel":1891},"https:\u002F\u002Fwptheme-navi.jp\u002Fgif_compression_3\u002F",[267],[1893],{"type":32,"value":1894},"軽量化",{"type":32,"value":1896},"してからWebにアップロード。\n",{"type":27,"tag":75,"props":1898,"children":1902},{"src":1899,"alt":1900,"className":1901},"\u002Fimg\u002Fautumn2hf-min.gif","紅葉の背景画像を探そう",[79],[],{"type":27,"tag":1836,"props":1904,"children":1906},{"id":1905},"原画-どこまでも伸びる木を",[1907],{"type":32,"value":1908},"原画② どこまでも伸びる木を！",{"type":27,"tag":75,"props":1910,"children":1914},{"src":1911,"alt":1912,"className":1913},"\u002Fimg\u002Ftree_2.gif","３Dの木",[189],[],{"type":27,"tag":1836,"props":1916,"children":1918},{"id":1917},"原画-みんなを笑顔にした集団行動",[1919],{"type":32,"value":1920},"原画③ みんなを笑顔にした集団行動",{"type":27,"tag":28,"props":1922,"children":1923},{},[1924,1926],{"type":32,"value":1925},"　体育大会全校種目「集団行動」\n",{"type":27,"tag":75,"props":1927,"children":1931},{"src":1928,"alt":1929,"className":1930},"\u002Fimg\u002Fshupei.JPG","体育大会集団行動",[79],[],{"type":27,"tag":1836,"props":1933,"children":1935},{"id":1934},"原画-今ここにしかない音楽を",[1936],{"type":32,"value":1937},"原画④ 今ここにしかない音楽を！",{"type":27,"tag":28,"props":1939,"children":1940},{},[1941,1943],{"type":32,"value":1942},"　リコーダーで小鳥のさえずりを創作\n",{"type":27,"tag":75,"props":1944,"children":1948},{"src":1945,"alt":1946,"className":1947},"\u002Fimg\u002Fsaezuri.JPG","リコーダーで小鳥のさえずりを創作",[189],[],{"type":27,"tag":1836,"props":1950,"children":1952},{"id":1951},"原画-yellが伝わる応援グッズ",[1953],{"type":32,"value":1954},"原画⑤ YELLが伝わる応援グッズ？",{"type":27,"tag":28,"props":1956,"children":1957},{},[1958],{"type":32,"value":1959},"　文化祭テーマのYELLがはっきりわかるには、小道具が必要。カラフルな応援グッズと言えば…？",{"type":27,"tag":28,"props":1961,"children":1962},{},[1963,1965,1972],{"type":32,"value":1964},"※ SVGモーフィングアニメーションは、",{"type":27,"tag":87,"props":1966,"children":1969},{"href":1967,"rel":1968},"https:\u002F\u002F11neko.com\u002Fflubber_js\u002F",[267],[1970],{"type":32,"value":1971},"flubber",{"type":32,"value":1887},{"type":27,"tag":75,"props":1974,"children":1978},{"src":1975,"alt":1976,"width":1977},"\u002Fimg\u002Fmegaphf.gif","SVGモーフィングアニメーション","20%",[],{"type":27,"tag":1836,"props":1980,"children":1982},{"id":1981},"原画-ファイトオー",[1983],{"type":32,"value":1984},"原画⑥ ファイト！オー！",{"type":27,"tag":28,"props":1986,"children":1987},{},[1988,1990],{"type":32,"value":1989},"　力感がない、がっかりだ。撮り直そう！\n",{"type":27,"tag":75,"props":1991,"children":1995},{"src":1992,"alt":1993,"className":1994},"\u002Fimg\u002Ffight7255.JPG","ファイト！オー！",[79],[],{"type":27,"tag":1836,"props":1997,"children":1999},{"id":1998},"原画-よし合体だ",[2000],{"type":32,"value":2001},"原画⑦ よし、合体だ！",{"type":27,"tag":28,"props":2003,"children":2004},{},[2005],{"type":32,"value":2006},"※ このアニメーションは、Wick Editor で作成。フリーのWebアプリで、クリックやキーボード入力を受け付けて動作を変えることもできるので、簡単な教材やゲームが作れ、プログラミングの入門にも役立ちそう。",{"type":27,"tag":115,"props":2008,"children":2009},{},[2010,2015],{"type":27,"tag":119,"props":2011,"children":2012},{},[2013],{"type":32,"value":2014},"パラパラ漫画アニメーションをプログラムで制御できる「Wick Editor」を使ってみた！　",{"type":27,"tag":119,"props":2016,"children":2017},{},[2018],{"type":32,"value":2019},"Wick - Webベースのアニメーション作成エンジン",{"type":27,"tag":75,"props":2021,"children":2024},{"src":2022,"alt":2023,"width":342},"\u002Fimg\u002FYell55-min.gif","合体させて原画を作るアニメーション",[],{"type":27,"tag":28,"props":2026,"children":2027},{},[2028],{"type":32,"value":2029},"　Wick Editor は、学校のiPadでも動き、登録不要・インストール不要で使え、Web標準技術に沿っているので学習したことが無駄にならない。パラパラ漫画式でもTween補間でもとにかくビジュアルにアニメが作れ、GIFやmp4で出力できるので、いろんな環境で見ることができる。まだ、日本語の資料が少ないが、動画編集の経験があれば、迷わずに使える。 アドビのプレミアなどの動画編集ソフトでは、mp4に変換しなくてもそのままGIFアニメを動画クリップとして読み込むことができて便利。",{"type":27,"tag":1836,"props":2031,"children":2033},{"id":2032},"ベクトル化-ぬりえ-に",[2034],{"type":32,"value":2035},"ベクトル化 → ぬりえ に",{"type":27,"tag":28,"props":2037,"children":2038},{},[2039],{"type":32,"value":2040},"　すべてフリーソフトでだれでもできる。",{"type":27,"tag":28,"props":2042,"children":2043},{},[2044,2046],{"type":32,"value":2045},"　nuRpa（ヌルパ）で自動実行すれば、さらに楽ちん！\n",{"type":27,"tag":75,"props":2047,"children":2050},{"src":2048,"alt":2035,"className":2049},"\u002Fimg\u002Fvectorq-min.gif",[144],[],{"type":27,"tag":45,"props":2052,"children":2053},{},[],{"type":27,"tag":54,"props":2055,"children":2057},{"id":2056},"自動化の技術的な話",[2058],{"type":32,"value":2056},{"type":27,"tag":28,"props":2060,"children":2061},{},[2062],{"type":32,"value":2063},"　教員の働き方改革のためにもRPA（ロボティック・プロセス・オートメーション）などで自動化することが求められています。",{"type":27,"tag":28,"props":2065,"children":2066},{},[2067],{"type":32,"value":2068},"　マウスやタッチでの直感的な操作（GUI）は、初心者にはやさしいが、熟練者やコンピュータには扱いづらいものです。キーボードでコマンドをテキスト入力する操作（CUI）の方が、動作が軽く、記録・共有しやすいので処理を自動化しやすいといえます。デザイナーとプログラマーの間の溝もこれが原因でしょう。",{"type":27,"tag":28,"props":2070,"children":2071},{},[2072],{"type":32,"value":2073},"　『コマンドラインで実行→キーボードで操作→マウスで操作』の順に自動化が難しくなります。操作対象を特定するためには、オブジェクト認識、画像認識、さらにはAI活用も必要になってきます。",{"type":27,"tag":28,"props":2075,"children":2076},{},[2077],{"type":32,"value":2078},"　現在のruRpaでは、「①原画をSVGに変換、②完成画とぬりえのSVGを作成、③SVGをPNGに変換」は、コマンドラインで実行し、「④分割印刷用PDFを作成」は、キーボード操作を自動化しています。プログラムの行数を比較すると、①～③の平均16行に対し、④は158行で10倍ものコード量となっているのです。",{"type":27,"tag":28,"props":2080,"children":2081},{},[2082],{"type":32,"value":2083},"　モダンな開発環境（VS Code、Node.js、Python、…）は、セキュリティの関係でPCにインストールできない学校が多いのが現状です。しばらくはWSHなどレガシーな技術で何とかするしかないでしょう。",{"type":27,"tag":115,"props":2085,"children":2086},{},[2087,2097],{"type":27,"tag":119,"props":2088,"children":2089},{},[2090],{"type":27,"tag":87,"props":2091,"children":2094},{"href":2092,"rel":2093},"https:\u002F\u002Flanguage-and-engineering.hatenablog.jp\u002Fentry\u002F20090125\u002F1232940498",[267],[2095],{"type":32,"value":2096},"WSHでもWSF形式にすることで、Node.jsのrequire()のようなライブラリ利用が可能",{"type":27,"tag":119,"props":2098,"children":2099},{},[2100],{"type":27,"tag":87,"props":2101,"children":2104},{"href":2102,"rel":2103},"https:\u002F\u002Fblog.natade.net\u002F2020\u002F01\u002F19\u002Fwsh-jscript-javascript-windows-bat\u002F",[267],[2105],{"type":32,"value":2106},"WSHを利用したJScriptのライブラリ「SenkoWSH」（なたで氏作）",{"type":27,"tag":28,"props":2108,"children":2109},{},[2110],{"type":32,"value":2111},"などにより、ぬりえ変換以外にも広く業務の自動化に取り組んでいきたいと考えています。",{"type":27,"tag":28,"props":2113,"children":2114},{},[2115],{"type":32,"value":2116},"　特に、「Robotクラス」には、2000年公開の自作ライブラリ「TieUp（タイアップ）」と共通する方向性を感じます。",{"type":27,"tag":28,"props":2118,"children":2119},{},[2120],{"type":27,"tag":87,"props":2121,"children":2124},{"href":2122,"rel":2123},"https:\u002F\u002Fwww.vector.co.jp\u002Fsoft\u002Fwin95\u002Futil\u002Fse099345.html",[267],[2125],{"type":32,"value":2122},{"type":27,"tag":45,"props":2127,"children":2128},{},[],{"type":27,"tag":63,"props":2130,"children":2132},{"id":2131},"nurpawsf-実行例画面出力をコピペ",[2133],{"type":32,"value":2134},"nuRpa.wsf 実行例（画面出力をコピペ）",{"type":27,"tag":2136,"props":2137,"children":2139},"pre",{"code":2138},"\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",[2140],{"type":27,"tag":168,"props":2141,"children":2142},{"__ignoreMap":8},[2143],{"type":32,"value":2138},{"type":27,"tag":45,"props":2145,"children":2146},{},[],{"type":27,"tag":54,"props":2148,"children":2150},{"id":2149},"dx人材育成へ",[2151],{"type":32,"value":2152},"DX人材育成へ",{"type":27,"tag":28,"props":2154,"children":2155},{},[2156],{"type":32,"value":2157},"　「DXに本気で取り組まないと2025年の崖を乗り越えられない」は、大企業だけの問題ではありません。",{"type":27,"tag":28,"props":2159,"children":2160},{},[2161],{"type":32,"value":2162},"　自動車にしてもOAにしても機械を導入すれば自動化されて楽になるというのは幻想です。機械の操作に追われて終わりでしょう。「自動車→自動運転車」に相当するのが「OA→RPA」です。",{"type":27,"tag":28,"props":2164,"children":2165},{},[2166],{"type":32,"value":2167},"　大企業では、「COBOL・自社運用→JAVA・クラウド」へと転換しようとしていますが、これはせいぜい「MTガソリン車→運転支援付きATハイブリッド車」ぐらいの変化です。完全な自動化のためには、「認知」「判断」「操作」、そして「学習」し改良し続けるAI技術が必要です。AI人材育成に向けて教育も変わらなければなりません。",{"type":27,"tag":28,"props":2169,"children":2170},{},[2171],{"type":32,"value":2172},"　GIGAスクールの一人１台タブレット導入に向けて準備する中で、マウスやタッチでのGUIしか知らない人がUNIX文化で積み上げられたCUIの世界に踏み込むのはかなり困難と確信しました。",{"type":27,"tag":28,"props":2174,"children":2175},{},[2176],{"type":32,"value":2177},"　今やデザイナーでさえ、作品をGitで管理する時代です。Gitコマンドを使いこなせないと他のデザイナーやエンジニアと連携できないはずです。どんな映画も、原作本や台本などのテキストをもとにみんなが協働して制作されます。プログラミングは、台本やマニュアルや指導案のようなテキストを書く作業です。",{"type":27,"tag":45,"props":2179,"children":2180},{},[],{"type":27,"tag":28,"props":2182,"children":2183},{},[2184],{"type":32,"value":2185},"　未来を生きる子どもたちには、読解力・表現力・論理的思考力が必要です。小学校にプログラミング教育が入ったものの、ビジュアルプログラミング体験のみで、中学校のテキストプログラミングにつながっていません。",{"type":27,"tag":28,"props":2187,"children":2188},{},[2189],{"type":32,"value":2190},"　AIリテラシーの前にICTリテラシーが必要です。スマホやタブレットで各種アプリやサービスを便利に使いこなすことより、テキストベースのコマンドやファイルの取り扱い・タッチタイピングを基礎教養として重視すべきです。",{"type":27,"tag":28,"props":2192,"children":2193},{},[2194],{"type":32,"value":2195},"　nuRpaの開発でも、ぬりえ化アルゴリズムの改良は、「正規表現」を使うことで簡単に実現できると気づきました。こういう基礎的な部分をGUIでオブラートに包んでブラックボックス化してはいけないとも感じています。ガラパゴス化する日本の中で、世界の集合知を高めるためにどんな貢献ができるか、考えていきたいものです。",{"type":27,"tag":45,"props":2197,"children":2199},{"id":2198},"svgessentials",[],{"type":27,"tag":1062,"props":2201,"children":2203},{"className":2202},[1065],[2204,2205,2218,2219],{"type":32,"value":1068},{"type":27,"tag":1062,"props":2206,"children":2208},{"className":2207},[1072],[2209],{"type":27,"tag":87,"props":2210,"children":2213},{"target":1076,"rel":2211,"href":2212},[1078],"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",[2214],{"type":27,"tag":75,"props":2215,"children":2217},{"src":2216},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F7973\u002F9784873117973.jpg?_ex=240x240",[],{"type":32,"value":1068},{"type":27,"tag":1062,"props":2220,"children":2222},{"className":2221},[1089],[2223,2224,2234,2235,2254,2255,2292],{"type":32,"value":1092},{"type":27,"tag":1062,"props":2225,"children":2227},{"className":2226},[1096],[2228],{"type":27,"tag":87,"props":2229,"children":2231},{"target":1076,"rel":2230,"href":2212},[1078],[2232],{"type":32,"value":2233},"SVGエッセンシャルズ 第2版 [ J. David Eisenberg ]",{"type":32,"value":1092},{"type":27,"tag":1062,"props":2236,"children":2238},{"className":2237},[1108],[2239,2242,2244,2247,2249,2252],{"type":27,"tag":45,"props":2240,"children":2241},{},[],{"type":32,"value":2243},"※ SVGは、拡大縮小・変形しても美しい、XMLベースのWeb標準画像フォーマットです。",{"type":27,"tag":45,"props":2245,"children":2246},{},[],{"type":32,"value":2248},"スマホのSVG対応も進み、今後ますます利用がふくらむSVGの基礎から応用までをわかりやすく解説しています。",{"type":27,"tag":45,"props":2250,"children":2251},{},[],{"type":32,"value":2253},"ハダノは、この本のおかげでヌルパを作ることができました。",{"type":32,"value":1092},{"type":27,"tag":1062,"props":2256,"children":2258},{"className":2257},[1129,1130],[2259,2260,2269,2270,2280,2281,2291],{"type":32,"value":1133},{"type":27,"tag":1062,"props":2261,"children":2262},{},[2263],{"type":27,"tag":87,"props":2264,"children":2267},{"className":2265,"target":1076,"rel":2266,"href":2212},[1140,1141],[1078],[2268],{"type":32,"value":1145},{"type":32,"value":1147},{"type":27,"tag":1062,"props":2271,"children":2272},{},[2273],{"type":27,"tag":87,"props":2274,"children":2278},{"className":2275,"target":1076,"rel":2276,"href":2277},[1140,1154],[1078],"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",[2279],{"type":32,"value":1159},{"type":32,"value":1147},{"type":27,"tag":1062,"props":2282,"children":2283},{},[2284],{"type":27,"tag":87,"props":2285,"children":2289},{"className":2286,"target":1076,"rel":2287,"href":2288},[1140,1167],[1078],"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",[2290],{"type":32,"value":1172},{"type":32,"value":1092},{"type":32,"value":1068},{"type":27,"tag":45,"props":2294,"children":2295},{},[],{"type":27,"tag":1276,"props":2297,"children":2298},{},[],{"type":27,"tag":28,"props":2300,"children":2301},{},[2302],{"type":27,"tag":87,"props":2303,"children":2305},{"href":2304},"\u002Farticles\u002Fnurpa-1",[2306],{"type":32,"value":2307},"←前へ　文化祭×人権教育×働き方改革から生まれたヌルパ",{"title":8,"searchDepth":1289,"depth":1289,"links":2309},[2310,2311,2321,2324,2327],{"id":1352,"depth":1289,"text":1355},{"id":1381,"depth":1289,"text":1381,"children":2312},[2313,2314,2315,2316,2317,2318,2319,2320],{"id":1386,"depth":1294,"text":1389},{"id":1412,"depth":1294,"text":1415},{"id":1449,"depth":1294,"text":1452},{"id":1501,"depth":1294,"text":1504},{"id":1534,"depth":1294,"text":1537},{"id":1596,"depth":1294,"text":1599},{"id":1629,"depth":1294,"text":1632},{"id":1703,"depth":1294,"text":1706},{"id":1731,"depth":1289,"text":1734,"children":2322},[2323],{"id":1826,"depth":1294,"text":1829},{"id":2056,"depth":1289,"text":2056,"children":2325},[2326],{"id":2131,"depth":1294,"text":2134},{"id":2149,"depth":1289,"text":2152},"content:articles:nurpa-2.md","articles\u002Fnurpa-2.md","articles\u002Fnurpa-2",{"_path":1034,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2332,"description":2333,"category":2334,"tag":2336,"thumbnail":2340,"createdAt":2341,"updatedAt":2342,"body":2343,"_type":1302,"_id":2831,"_source":1304,"_file":2832,"_stem":2833,"_extension":1307},"ハダノのプログラミング遍歴","ハダノがプログラミングに出会ってから教育に活用するようになるまでの過程をざっと振り返り",[2335],"programming",[17,19,1314,2337,2338,18,2339],"soclicker","socsaga","sf","vscodesoc.jpg","2022\u002F4\u002F28","2022\u002F6\u002F1",{"type":24,"children":2344,"toc":2808},[2345,2350,2353,2359,2364,2369,2375,2380,2386,2391,2396,2401,2404,2409,2412,2418,2423,2428,2434,2448,2461,2464,2470,2475,2480,2485,2490,2495,2500,2514,2519,2524,2529,2534,2538,2544,2549,2562,2567,2570,2576,2581,2604,2616,2621,2627,2632,2637,2642,2647,2652,2655,2661,2667,2672,2677,2682,2685,2691,2694,2700,2703,2709,2712,2715],{"type":27,"tag":28,"props":2346,"children":2347},{},[2348],{"type":32,"value":2349},"　この記事では、サンデープログラマとしてのハダノについて、（記憶をたどりながらぼちぼち）紹介していきます。",{"type":27,"tag":45,"props":2351,"children":2352},{},[],{"type":27,"tag":54,"props":2354,"children":2356},{"id":2355},"コンピューティング-プログラミング-の時代",[2357],{"type":32,"value":2358},"コンピューティング ＝ プログラミング の時代",{"type":27,"tag":63,"props":2360,"children":2362},{"id":2361},"プログラマブル関数電卓から",[2363],{"type":32,"value":2361},{"type":27,"tag":28,"props":2365,"children":2366},{},[2367],{"type":32,"value":2368},"　大学生協の新入生向けフェアで、「理系学部生の必需品」として紹介されていた関数電卓を購入しました。ポケットコンピュータという愛称で、ビープ音で「エリーゼのために」を演奏するプログラムを打ち込んだり、宇宙戦艦ゲームを作ったりしました。プログラミングの楽しさにはじめて触れました。",{"type":27,"tag":63,"props":2370,"children":2372},{"id":2371},"メインフレームはfortranで",[2373],{"type":32,"value":2374},"メインフレームはFortranで",{"type":27,"tag":28,"props":2376,"children":2377},{},[2378],{"type":32,"value":2379},"　1年半の教養課程を終え、専門課程に移ると、実験・実習で夜遅くなることが多くなりました。データ解析に大学のメインフレームを使わせてもらうこともありました。Fortranという科学技術計算用の言語でプログラムを組み、カードの束を読み込ませて処理していました。4年生になると、TSS端末で画面を見ながらキーボードで入力できるようになるのでした。",{"type":27,"tag":63,"props":2381,"children":2383},{"id":2382},"_8ビットのマイコンピュータ",[2384],{"type":32,"value":2385},"8ビットのマイコンピュータ",{"type":27,"tag":28,"props":2387,"children":2388},{},[2389],{"type":32,"value":2390},"　個人用の小型コンピュータが「マイコン」と呼ばれていたころ、NEC PC-6001 というお手頃価格のマシンを購入しました。中古のTVをつなぎ、カセットテープにデータを保存しました。時間制限なくコンピュータが使えて興奮したのを覚えています。",{"type":27,"tag":28,"props":2392,"children":2393},{},[2394],{"type":32,"value":2395},"　当時は、ソフトウェア販売は普及していなかったので、コンピュータを使うためには、プログラムを打ち込む必要がありました。マイコン雑誌のプログラムリストを打ち込んだり、改造したりしてゲームなどを楽しむのが一般的でした。",{"type":27,"tag":28,"props":2397,"children":2398},{},[2399],{"type":32,"value":2400},"　ハダノは、そのほかに数理生物学で使うFortranプログラムをBASICに移植したり、簡単な音楽ソフトやお絵描きソフトを作ったりしました。3次スプライン関数をBASICで組んだら遅すぎ、Z80機械語で高速化したこともありました。",{"type":27,"tag":45,"props":2402,"children":2403},{},[],{"type":27,"tag":28,"props":2405,"children":2406},{},[2407],{"type":32,"value":2408},"　教員採用試験の面接で「プラネタリウムなどコンピュータを活用した授業をしたい」と答えたハダノでしたが、8ビットの時代は学級通信の印刷に少し使う程度でした。漢字フォントがなかったので、方眼紙に点を打って必要な分を自作していました。成績処理以外の実務では、ハンディワープロに負けていました。",{"type":27,"tag":45,"props":2410,"children":2411},{},[],{"type":27,"tag":54,"props":2413,"children":2415},{"id":2414},"ms-dos-windows-の時代",[2416],{"type":32,"value":2417},"MS-DOS ～ Windows の時代",{"type":27,"tag":63,"props":2419,"children":2421},{"id":2420},"国産16ビットコンピュータ",[2422],{"type":32,"value":2420},{"type":27,"tag":28,"props":2424,"children":2425},{},[2426],{"type":32,"value":2427},"　2校目のとき（1980年代後半）、16ビットコンピュータを手に入れました。内蔵BASICでOS機能も開発もこなすのではなく、OS機能はMS-DOS、開発はC言語と役割分担したのです。国産機は漢字ROMを内蔵しており、ワープロや表計算などのソフトウェア販売も広がり始めました。",{"type":27,"tag":63,"props":2429,"children":2431},{"id":2430},"ms-dos時代はプログラミング冬の時代",[2432],{"type":32,"value":2433},"MS-DOS時代は、プログラミング冬の時代",{"type":27,"tag":28,"props":2435,"children":2436},{},[2437,2439,2446],{"type":32,"value":2438},"　このころ、サンデープログラマの多くは壁に直面していました。これまで通りBASICでプログラミングすることはできましたが、主流はC言語でした。難解なうえに開発環境も整備されておらず、趣味としてのプログラミングは衰退の危機にありました。せいぜい、バッチ（または",{"type":27,"tag":87,"props":2440,"children":2443},{"href":2441,"rel":2442},"https:\u002F\u002Fponzmild.hatenablog.com\u002Fentry\u002F2017\u002F10\u002F29\u002F004625",[267],[2444],{"type":32,"value":2445},"sed,awk",{"type":32,"value":2447},"）を組んで市販ソフトを順番に動かすか、表計算ソフトのマクロ機能でプログラミング気分を味わうか、ぐらいでした。",{"type":27,"tag":28,"props":2449,"children":2450},{},[2451,2453,2459],{"type":32,"value":2452},"　そんなときに、生徒用コンピュータが導入されました。MS-DOSマシンの世界は、漢字ROM搭載で独自規格の国産機と汎用的なDOS\u002FV機が争い、混とんとしていました。",{"type":27,"tag":87,"props":2454,"children":2456},{"href":2455},"nurpa-2#hekiga",[2457],{"type":32,"value":2458},"「巨大ドット壁画」",{"type":32,"value":2460},"を作った1993年もそんな状態でした。ソフトウェア的には、7つほどの処理を組み合わせる必要があったのです。",{"type":27,"tag":45,"props":2462,"children":2463},{},[],{"type":27,"tag":63,"props":2465,"children":2467},{"id":2466},"windowsのradツールでビジュアルプログラミング",[2468],{"type":32,"value":2469},"WindowsのRADツールでビジュアルプログラミング",{"type":27,"tag":28,"props":2471,"children":2472},{},[2473],{"type":32,"value":2474},"　Windows3.1、windows95が現われ、キーボードからコマンドを打つ代わりにマウスで視覚的にソフトウェアを操作するようになりました。",{"type":27,"tag":28,"props":2476,"children":2477},{},[2478],{"type":32,"value":2479},"　Windowsでのプログラミングも、視覚的にできるようになりました。RAD（ラピッド・アプリケーション・デベロップメント）ツールの登場です。GUI部品をペタペタと貼り付け、ユーザーの操作に応じたコードを書くだけなので簡単でした。Visual Basic というビジュアルプログラミング向けのBASICがすっかり気に入りました。メインルーチンのない、イベントドリブンのプログラミングスタイルにもやがて慣れました。",{"type":27,"tag":63,"props":2481,"children":2483},{"id":2482},"西日本の理科教員研修会の講師に",[2484],{"type":32,"value":2482},{"type":27,"tag":28,"props":2486,"children":2487},{},[2488],{"type":32,"value":2489},"　「ハダノ先生はコンピュータが得意らしい」という噂が広まり、教員研修や公民館講座の講師として呼ばれるようになりました。そこで強調したのは、「コンピュータが得意になりたければ、プログラミングをしなさい」ということです。「料理の歴史、テーブルマナーやおいしい料理店」をいくら知っていても、調理ができなければ「料理が得意」とは言えないはずです。",{"type":27,"tag":28,"props":2491,"children":2492},{},[2493],{"type":32,"value":2494},"　西日本の理科教員研修会の講師に指名されたときも、マジックナース「レイアウト」というSF仕立ての人体内アドベンチャーゲームを参加者に作らせることにしました。Visual Basic でアドベンチャー用の簡易言語を作っておき、サンプルゲームをもとに参加者に続きのシナリオを作成させるというものです。画像の連続表示でアニメーションもでき、大きな手ごたえを得ました。\n　",{"type":27,"tag":63,"props":2496,"children":2498},{"id":2497},"インターネット部顧問に",[2499],{"type":32,"value":2497},{"type":27,"tag":28,"props":2501,"children":2502},{},[2503,2505,2512],{"type":32,"value":2504},"　公務災害で左腕に障害を負い、「人生終わった」と落ち込んでいたハダノは、ハダノ校長の勧めでインターネット部を作りました。",{"type":27,"tag":87,"props":2506,"children":2509},{"href":2507,"rel":2508},"https:\u002F\u002Fjiten.com\u002Fdicmi\u002Fdocs\u002Fk10\u002F16367s.htm",[267],[2510],{"type":32,"value":2511},"こねっとプラン",{"type":32,"value":2513},"参加校になり、ホームページを作ったり、他の学校と交流したりしました。1997年6月19日の「こねっと・特別セミナー」では、全国4校の質問校に選ばれました。講師のビル・ゲイツ氏に、NTTのマルチメディア会議システムで次の質問をぶつけました。",{"type":27,"tag":28,"props":2515,"children":2516},{},[2517],{"type":32,"value":2518},"Q: 「インターネットはからっぽの洞窟」という本に書いてあることは本当ですか？",{"type":27,"tag":28,"props":2520,"children":2521},{},[2522],{"type":32,"value":2523},"　それに対して、ゲイツ氏は",{"type":27,"tag":28,"props":2525,"children":2526},{},[2527],{"type":32,"value":2528},"A: いつの時代にも新しいメディアに対して否定的な人はいます。道具はその特性を理解して使うことが大切です。インターネットを中身の豊かな百科事典にするために、力を合わせていきましょう。",{"type":27,"tag":28,"props":2530,"children":2531},{},[2532],{"type":32,"value":2533},"と、丁寧に答えてくれました。",{"type":27,"tag":45,"props":2535,"children":2537},{"id":2536},"multimedia",[],{"type":27,"tag":63,"props":2539,"children":2541},{"id":2540},"マルチメディア作品コンテストで",[2542],{"type":32,"value":2543},"マルチメディア作品コンテストで🏆！！",{"type":27,"tag":28,"props":2545,"children":2546},{},[2547],{"type":32,"value":2548},"　国民文化祭のマルチメディア部門で作品コンテストが開催され、インターネット部も一般の参加者にまじって、プレ・本番それぞれに出品しました。プレ国民文化祭では、かぐや姫のパロディ紙芝居で第2位を獲得しました。",{"type":27,"tag":28,"props":2550,"children":2551},{},[2552,2554,2560],{"type":32,"value":2553},"　「今度こそ優勝を」という思いで部員一丸となって臨んだ国民文化祭には、「クローン戦隊ドリーマーズ」を出品しました。マジックナース「レイアウト」のときに作った簡易言語をJavaに移植し、最新生物学の知見を盛り込んだSFアドベンチャーゲームに仕上げました。「容量１MB以内かつWeb上で見られるもの」という条件をクリアするのに苦労しましたが、見事グランプリを獲得しました。ごほうびは、PC1台とマルチメディアフェスティバルへの招待でした。インターネット部全員で、",{"type":27,"tag":87,"props":2555,"children":2557},{"href":2556},"\u002Farticles\u002Fpopculture-gamemusic#oshii",[2558],{"type":32,"value":2559},"🔗押井守監督の記念講演",{"type":32,"value":2561}," を聞きました。",{"type":27,"tag":75,"props":2563,"children":2566},{"src":2564,"alt":2565,"width":342},"\u002Fimg\u002Fdolly.svg","クローン戦隊ドリーマーズ",[],{"type":27,"tag":45,"props":2568,"children":2569},{},[],{"type":27,"tag":63,"props":2571,"children":2573},{"id":2572},"wsh-で-rpa-をめざしたタイアップ",[2574],{"type":32,"value":2575},"WSH で RPA をめざした「タイアップ」",{"type":27,"tag":28,"props":2577,"children":2578},{},[2579],{"type":32,"value":2580},"　Windowsは視覚的な操作ができて便利な反面、定型的な操作では弱点を抱えていました。何をするにもいちいちマウスを動かす必要があったのです。マクロやショートカットキーで、ある程度スピードアップできますが、ソフトを組み合わせて動かすのは困難でした。",{"type":27,"tag":28,"props":2582,"children":2583},{},[2584,2586,2593,2595,2602],{"type":32,"value":2585},"　IE（インターネット エクスプローラ）用のスクリプトをWindows上で実行できるようにした ",{"type":27,"tag":87,"props":2587,"children":2590},{"href":2588,"rel":2589},"https:\u002F\u002Fe-words.jp\u002Fw\u002FWSH.html",[267],[2591],{"type":32,"value":2592},"WSH（ウィンドウズ スクリプト ホスト）",{"type":32,"value":2594},"が、Windows98から使えるようになりました。これをうまく使えば、人がへばりついてなくても自動実行できる",{"type":27,"tag":87,"props":2596,"children":2599},{"href":2597,"rel":2598},"https:\u002F\u002Fwww.nri.com\u002Fjp\u002Fknowledge\u002Fglossary\u002Flst\u002Falphabet\u002Frpa",[267],[2600],{"type":32,"value":2601},"RPA（ロボティック プロセス オートメーション）",{"type":32,"value":2603},"が実現できるはずです。",{"type":27,"tag":28,"props":2605,"children":2606},{},[2607,2608,2614],{"type":32,"value":85},{"type":27,"tag":87,"props":2609,"children":2611},{"href":2122,"rel":2610},[267],[2612],{"type":32,"value":2613},"TieUp（あらゆるアプリとタイアップし、全自動処理を実現）",{"type":32,"value":2615},"というWSH強化用のフリーソフトをVectorで公開しました。Visual Basic で作った ActiveX DLLで、いろんなPC雑誌に紹介され、ユーザーは1万5千人に達しました。",{"type":27,"tag":28,"props":2617,"children":2618},{},[2619],{"type":32,"value":2620},"　しばらくは、VB系言語（Visual Basic,VBScript,VBA）による幸せなプログラミングライフが続きました。",{"type":27,"tag":63,"props":2622,"children":2624},{"id":2623},"猫の目のように変わるweb開発",[2625],{"type":32,"value":2626},"猫の目のように変わるWeb開発",{"type":27,"tag":28,"props":2628,"children":2629},{},[2630],{"type":32,"value":2631},"　国民文化祭'98のときは、Webでしっかりしたインタラクティブなコンテンツを作るには、Java Applet か Director くらいしか選択肢がありませんでした。クローン戦隊ドリーマーズを Java Applet で作ったのは、そういう理由があったのです。「オブジェクト指向」はなかなか手ごわかったと思います。※ Java Applet は2015年以降、ブラウザサポートが打ち切られて廃れました。",{"type":27,"tag":28,"props":2633,"children":2634},{},[2635],{"type":32,"value":2636},"　やがて Internet Explorer4 と Netscape Navigator4 によるブラウザ戦争が勃発しました。HTMLとCSSにJavaScriptを組み合わせてインタラクティブなコンテンツを作る「ダイナミックHTML」という技術が登場しましたが、ブラウザ間の互換性が乏しく、面倒くさいものでした。",{"type":27,"tag":28,"props":2638,"children":2639},{},[2640],{"type":32,"value":2641},"　2000年からの10年間は、Flash がWeb表現の中心でした。動画編集のようにタイムライン編集ができ、クリエイターたちの支持を集めていました。2005年ごろになると、Googleの Gmail や GoogleMap でも使われているAjaxを活用した軽量のサービスが注目されましたが、リッチな表現分野ではあいかわらずFlashでした。",{"type":27,"tag":28,"props":2643,"children":2644},{},[2645],{"type":32,"value":2646},"　このころのハダノは、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":27,"tag":28,"props":2648,"children":2649},{},[2650],{"type":32,"value":2651},"　ちなみにハダノは2006年から、ローカル環境でのプログラミングに　Python も使うようになっていました。",{"type":27,"tag":45,"props":2653,"children":2654},{},[],{"type":27,"tag":54,"props":2656,"children":2658},{"id":2657},"html5-の時代",[2659],{"type":32,"value":2660},"HTML5 の時代",{"type":27,"tag":63,"props":2662,"children":2664},{"id":2663},"スマホが登場しflashが退場",[2665],{"type":32,"value":2666},"スマホが登場し、Flashが退場",{"type":27,"tag":28,"props":2668,"children":2669},{},[2670],{"type":32,"value":2671},"　2010年ごろから、Flashの人気が低下してきました。AppleがiPhoneでFlash Playerをサポートしないと宣言したのです。スマホが急速に普及したため、PCと共通のWebページづくりが求められるようになりました。「HTML5ならどのブラウザでもリッチな表現ができる」「もうFlashはいらない」と宣伝されました。HTML5+CSS3+JavaScript（ECMAScript5）という新しいWeb標準技術が今後のWeb開発の中心になるというのです。",{"type":27,"tag":28,"props":2673,"children":2674},{},[2675],{"type":32,"value":2676},"　AdobeはFlashの後継製品として、Edge Animate を出しましたが、3年ほどで積極的な開発を終了しました。※ Flash Player も2020年末にすべてサポート打ち切りになりました。",{"type":27,"tag":28,"props":2678,"children":2679},{},[2680],{"type":32,"value":2681},"　「Adobeに支配されたくない」Appleの目論見通りになったわけですが、スマホのHTML5対応は一足飛びには進みません。ハードウェアを最大限生かしたスマホゲームがはやり、ネイティブアプリが主役となりました。Web標準技術ではなく、機種に依存した開発になってしまったのです。Web技術で作られたOS（Firefox OSなど）のスマホに期待をかけていたハダノは、あきらめて2015年にペン入力のAndroidスマホを購入しました。「Webアプリがネイティブアプリを駆逐する日がいつか来る」と信じて……。",{"type":27,"tag":45,"props":2683,"children":2684},{},[],{"type":27,"tag":63,"props":2686,"children":2688},{"id":2687},"授業配信アプリソックリッカー",[2689],{"type":32,"value":2690},"授業配信アプリ「ソックリッカー」",{"type":27,"tag":45,"props":2692,"children":2693},{},[],{"type":27,"tag":63,"props":2695,"children":2697},{"id":2696},"プログラミングシステムソックサーガ",[2698],{"type":32,"value":2699},"プログラミングシステム「ソックサーガ」",{"type":27,"tag":45,"props":2701,"children":2702},{},[],{"type":27,"tag":63,"props":2704,"children":2706},{"id":2705},"全校ぬりえ自動化システムヌルパ",[2707],{"type":32,"value":2708},"全校ぬりえ自動化システム「ヌルパ」",{"type":27,"tag":45,"props":2710,"children":2711},{},[],{"type":27,"tag":45,"props":2713,"children":2714},{},[],{"type":27,"tag":1062,"props":2716,"children":2718},{"className":2717},[1065],[2719,2720,2733,2734],{"type":32,"value":1068},{"type":27,"tag":1062,"props":2721,"children":2723},{"className":2722},[1072],[2724],{"type":27,"tag":87,"props":2725,"children":2728},{"target":1076,"rel":2726,"href":2727},[1078],"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",[2729],{"type":27,"tag":75,"props":2730,"children":2732},{"src":2731},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F4220\u002F9784844374220.jpg?_ex=240x240",[],{"type":32,"value":1068},{"type":27,"tag":1062,"props":2735,"children":2737},{"className":2736},[1089],[2738,2739,2749,2750,2769,2770,2807],{"type":32,"value":1092},{"type":27,"tag":1062,"props":2740,"children":2742},{"className":2741},[1096],[2743],{"type":27,"tag":87,"props":2744,"children":2746},{"target":1076,"rel":2745,"href":2727},[1078],[2747],{"type":32,"value":2748},"最速の仕事術はプログラマーが知っている [ 清水亮 ]",{"type":32,"value":1092},{"type":27,"tag":1062,"props":2751,"children":2753},{"className":2752},[1108],[2754,2757,2759,2762,2764,2767],{"type":27,"tag":45,"props":2755,"children":2756},{},[],{"type":32,"value":2758},"※ 世界的なビジネスリーダーにプログラマーあがりの人が多い理由がわかる本です。",{"type":27,"tag":45,"props":2760,"children":2761},{},[],{"type":32,"value":2763},"「プログラミングにこだわりすぎ」と批判されるハダノに清水亮さんはいつも勇気をくれます。",{"type":27,"tag":45,"props":2765,"children":2766},{},[],{"type":32,"value":2768},"プログラミング的思考は、働き方改革にも効きます。",{"type":32,"value":1092},{"type":27,"tag":1062,"props":2771,"children":2773},{"className":2772},[1129,1130],[2774,2775,2784,2785,2795,2796,2806],{"type":32,"value":1133},{"type":27,"tag":1062,"props":2776,"children":2777},{},[2778],{"type":27,"tag":87,"props":2779,"children":2782},{"className":2780,"target":1076,"rel":2781,"href":2727},[1140,1141],[1078],[2783],{"type":32,"value":1145},{"type":32,"value":1147},{"type":27,"tag":1062,"props":2786,"children":2787},{},[2788],{"type":27,"tag":87,"props":2789,"children":2793},{"className":2790,"target":1076,"rel":2791,"href":2792},[1140,1154],[1078],"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",[2794],{"type":32,"value":1159},{"type":32,"value":1147},{"type":27,"tag":1062,"props":2797,"children":2798},{},[2799],{"type":27,"tag":87,"props":2800,"children":2804},{"className":2801,"target":1076,"rel":2802,"href":2803},[1140,1167],[1078],"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",[2805],{"type":32,"value":1172},{"type":32,"value":1092},{"type":32,"value":1068},{"title":8,"searchDepth":1289,"depth":1289,"links":2809},[2810,2815,2825],{"id":2355,"depth":1289,"text":2358,"children":2811},[2812,2813,2814],{"id":2361,"depth":1294,"text":2361},{"id":2371,"depth":1294,"text":2374},{"id":2382,"depth":1294,"text":2385},{"id":2414,"depth":1289,"text":2417,"children":2816},[2817,2818,2819,2820,2821,2822,2823,2824],{"id":2420,"depth":1294,"text":2420},{"id":2430,"depth":1294,"text":2433},{"id":2466,"depth":1294,"text":2469},{"id":2482,"depth":1294,"text":2482},{"id":2497,"depth":1294,"text":2497},{"id":2540,"depth":1294,"text":2543},{"id":2572,"depth":1294,"text":2575},{"id":2623,"depth":1294,"text":2626},{"id":2657,"depth":1289,"text":2660,"children":2826},[2827,2828,2829,2830],{"id":2663,"depth":1294,"text":2666},{"id":2687,"depth":1294,"text":2690},{"id":2696,"depth":1294,"text":2699},{"id":2705,"depth":1294,"text":2708},"content:articles:hadano.md","articles\u002Fhadano.md","articles\u002Fhadano",1791852904801]