[{"data":1,"prerenderedAt":4196},["ShallowReactive",2],{"\u002Ftag\u002Fsoclicker\u002Fpage\u002F1":3},[4,682,1164,1554,2490,2967,3692],{"_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":676,"_id":677,"_source":678,"_file":679,"_stem":680,"_extension":681},"\u002Farticles\u002Ftechnolojiya-3","articles",false,"","テクノロじいやに私はなる―3 'GIGA'","子ども食堂のタブレット活用について考えてみた",[12],"innovation",[14,15,16,17,18,19],"technology","ai","information-ed","soclicker","career","future-school","technolojiya-3.jpg","2024\u002F1\u002F19","2024\u002F1\u002F25",{"type":24,"children":25,"toc":667},"root",[26,88,93,105,110,122,125,132,137,140,153,160,165,190,193,198,209,214,218,224,237,242,245,254,259,264,278,283,292,297,309,330,339,344,349,358,363,376,381,390,402,412,415,420,434,439,442,448,453,458,463,468,471,476,479,485,490,495,499,506,511,516,519,524,529,532,645,649,658],{"type":27,"tag":28,"props":29,"children":30},"element","section",{},[31],{"type":27,"tag":32,"props":33,"children":34},"details",{},[35,52,54,77,79,83,86],{"type":27,"tag":36,"props":37,"children":38},"summary",{},[39,42,50],{"type":40,"value":41},"text","　AI、ブロックチェーン、IoT、",{"type":27,"tag":43,"props":44,"children":47},"a",{"href":45,"target":46},"http:\u002F\u002Fplsk.net\u002Fgenkihiroba","_blank",[48],{"type":40,"value":49},"スマートシティー",{"type":40,"value":51},"、自動運転――",{"type":40,"value":53},"これらのキーワードを目にすることが増えています。新しいテクノロジーを生かすためには、「",{"type":27,"tag":55,"props":56,"children":57},"ruby",{},[58,60,66,72],{"type":40,"value":59},"社会実装",{"type":27,"tag":61,"props":62,"children":63},"rp",{},[64],{"type":40,"value":65},"≪",{"type":27,"tag":67,"props":68,"children":69},"rt",{},[70],{"type":40,"value":71},"しゃかいじっそう",{"type":27,"tag":61,"props":73,"children":74},{},[75],{"type":40,"value":76},"≫",{"type":40,"value":78},"」を進める必要があります。日々の暮らしに役立てられてこそ意味があるとの思いで、情報発信しています。",{"type":27,"tag":80,"props":81,"children":82},"br",{},[],{"type":27,"tag":80,"props":84,"children":85},{},[],{"type":40,"value":87},"　今回お届けするのは……",{"type":27,"tag":89,"props":90,"children":91},"h2",{"id":10},[92],{"type":40,"value":10},{"type":27,"tag":94,"props":95,"children":96},"p",{},[97,99],{"type":40,"value":98},"　子ども食堂にまねかれた話のつづきです。→ ",{"type":27,"tag":43,"props":100,"children":102},{"href":101},"\u002Farticles\u002Ftechnolojiya-2#ted",[103],{"type":40,"value":104},"🔗プレゼン発表会はこちら",{"type":27,"tag":94,"props":106,"children":107},{},[108],{"type":40,"value":109},"　今回は、10台のiPadのセットアップと使い方をあれこれと、、、",{"type":27,"tag":94,"props":111,"children":113},{"style":112},"text-align: right;",[114,116],{"type":40,"value":115},"⇒",{"type":27,"tag":43,"props":117,"children":119},{"href":118,"target":46},"https:\u002F\u002Fkyodx.com\u002Fsoclicker1#genki",[120],{"type":40,"value":121}," じいやのせつめいをもういちど！",{"type":27,"tag":80,"props":123,"children":124},{},[],{"type":27,"tag":126,"props":127,"children":129},"h3",{"id":128},"gigaスクールの-giga-ってなに",[130],{"type":40,"value":131},"GIGAスクールの GIGA ってなに？",{"type":27,"tag":94,"props":133,"children":134},{},[135],{"type":40,"value":136},"　地域の小中学校には、GIGA端末として iPad がはいっています。しかし、「そもそもなんでタブレット？」と疑問な人も多いでしょう。",{"type":27,"tag":80,"props":138,"children":139},{},[],{"type":27,"tag":94,"props":141,"children":142},{},[143,145,151],{"type":40,"value":144},"　例によって、",{"type":27,"tag":43,"props":146,"children":148},{"href":147},"\u002Farticles\u002Fsoclicker-1",[149],{"type":40,"value":150},"🔗授業配信アプリ「ソックリッカー」",{"type":40,"value":152}," で子どもたちに考えてもらいます。",{"type":27,"tag":154,"props":155,"children":159},"img",{"src":156,"alt":157,"width":158},"\u002Fimg\u002Fgigaschool1.jpg","GIGAクイズ問題","100%",[],{"type":27,"tag":94,"props":161,"children":162},{},[163],{"type":40,"value":164},"　小学校低学年の子どももいるので、表現には苦労します。",{"type":27,"tag":166,"props":167,"children":168},"ul",{},[169,175,180,185],{"type":27,"tag":170,"props":171,"children":172},"li",{},[173],{"type":40,"value":174},"10おく …… いろんな物理量の単位につけて10億倍を表す G",{"type":27,"tag":170,"props":176,"children":177},{},[178],{"type":40,"value":179},"つうしんりょう …… 通信量の GB 、通信速度の Gbps",{"type":27,"tag":170,"props":181,"children":182},{},[183],{"type":40,"value":184},"すごーい …… すごーく笑ったとき「ギガワロスwww」とJKが、、、",{"type":27,"tag":170,"props":186,"children":187},{},[188],{"type":40,"value":189},"いりぐち …… ゲートウェイの訳。「新しい世界への扉」というニュアンス",{"type":27,"tag":80,"props":191,"children":192},{},[],{"type":27,"tag":154,"props":194,"children":197},{"src":195,"alt":196,"width":158},"\u002Fimg\u002Fgigaschool2.jpg","GIGAクイズ答え",[],{"type":27,"tag":94,"props":199,"children":200},{},[201,203],{"type":40,"value":202},"　これ、大人でも知らないのではないでしょうか。教員がちゃんと説明しているかも怪しいところです。　→ ",{"type":27,"tag":43,"props":204,"children":206},{"href":205},"\u002Farticles\u002Fgiga-school-concept",[207],{"type":40,"value":208},"🔗GIGAスクール構想でどんな「未来の教室」に？",{"type":27,"tag":94,"props":210,"children":211},{},[212],{"type":40,"value":213},"　子ども食堂は学校とは別の居場所ですが、iPadを使う目的には共通性があります。",{"type":27,"tag":80,"props":215,"children":217},{"id":216},"ipadtodo",[],{"type":27,"tag":126,"props":219,"children":221},{"id":220},"ipadでなにをする",[222],{"type":40,"value":223},"iPadでなにをする？",{"type":27,"tag":94,"props":225,"children":226},{},[227,229],{"type":40,"value":228},"０.",{"type":27,"tag":43,"props":230,"children":234},{"href":231,"rel":232},"https:\u002F\u002Fbeinternetawesome.withgoogle.com\u002Fja_jp\u002Finterland",[233],"nofollow",[235],{"type":40,"value":236},"🔗インターランドであんぜんなつかいかたをしる",{"type":27,"tag":94,"props":238,"children":239},{},[240],{"type":40,"value":241},"　まず、真実の川《しんじつのかわ》 をプレイしよう。",{"type":27,"tag":80,"props":243,"children":244},{},[],{"type":27,"tag":246,"props":247,"children":248},"ol",{},[249],{"type":27,"tag":170,"props":250,"children":251},{},[252],{"type":40,"value":253},"しらべもの",{"type":27,"tag":94,"props":255,"children":256},{},[257],{"type":40,"value":258},"　Googleアプリでけんさくしましょう。しらべたいもののなまえがわからなくても「グーグルレンズ」をつかえばだいじょうぶ。",{"type":27,"tag":154,"props":260,"children":263},{"src":261,"alt":262,"width":158},"\u002Fimg\u002Fgooglelensi.jpg","グーグルレンズ",[],{"type":27,"tag":246,"props":265,"children":267},{"start":266},2,[268],{"type":27,"tag":170,"props":269,"children":270},{},[271],{"type":27,"tag":43,"props":272,"children":275},{"href":273,"rel":274},"https:\u002F\u002Fwww.nhk.or.jp\u002Fschool\u002F",[233],[276],{"type":40,"value":277},"🔗NHK for School",{"type":27,"tag":154,"props":279,"children":282},{"src":280,"alt":281,"width":158},"\u002Fimg\u002Fnhk4school.jpg","NHK for School",[],{"type":27,"tag":246,"props":284,"children":286},{"start":285},3,[287],{"type":27,"tag":170,"props":288,"children":289},{},[290],{"type":40,"value":291},"おえかき",{"type":27,"tag":94,"props":293,"children":294},{},[295],{"type":40,"value":296},"　いろんなアプリがあります。",{"type":27,"tag":94,"props":298,"children":299},{},[300,302],{"type":40,"value":301},"　ペイント・フォトレタッチなら → ",{"type":27,"tag":43,"props":303,"children":306},{"href":304,"rel":305},"https:\u002F\u002Fwww.befunky.com\u002Fcreate\u002F",[233],[307],{"type":40,"value":308},"🔗BeFunky",{"type":27,"tag":94,"props":310,"children":311},{},[312,314,321,323],{"type":40,"value":313},"　ドローなら → ",{"type":27,"tag":43,"props":315,"children":318},{"href":316,"rel":317},"https:\u002F\u002Fsvgedit.netlify.app\u002Feditor\u002Findex.html",[233],[319],{"type":40,"value":320},"🔗SVG-edit",{"type":40,"value":322},"　→ ",{"type":27,"tag":43,"props":324,"children":327},{"href":325,"rel":326},"https:\u002F\u002Fvectr.com\u002F",[233],[328],{"type":40,"value":329},"🔗Vectr",{"type":27,"tag":246,"props":331,"children":333},{"start":332},4,[334],{"type":27,"tag":170,"props":335,"children":336},{},[337],{"type":40,"value":338},"AI",{"type":27,"tag":94,"props":340,"children":341},{},[342],{"type":40,"value":343},"　PCなら、Edge から Bing をつかうのですが、Copilot（コパイロット） アプリがiPadようにでました。",{"type":27,"tag":154,"props":345,"children":348},{"src":346,"alt":347,"width":158},"\u002Fimg\u002Fcopiloti.jpg","Copilot",[],{"type":27,"tag":246,"props":350,"children":352},{"start":351},5,[353],{"type":27,"tag":170,"props":354,"children":355},{},[356],{"type":40,"value":357},"さくぶん・プレゼン",{"type":27,"tag":94,"props":359,"children":360},{},[361],{"type":40,"value":362},"　マイクロソフトの ワード・エクセル・パワーポイント と ほとんどおなじアプリが、グーグルの ドキュメント・スプレッドシート・スライド です。",{"type":27,"tag":94,"props":364,"children":365},{},[366,368,374],{"type":40,"value":367},"　ちょっとメモしたいときにべんりなのが、",{"type":27,"tag":43,"props":369,"children":371},{"href":370},"\u002Farticles\u002Fai-keep",[372],{"type":40,"value":373},"🔗Google Keep（グーグルキープ）",{"type":40,"value":375}," です。",{"type":27,"tag":154,"props":377,"children":380},{"src":378,"alt":379,"width":158},"\u002Fimg\u002Fgoogleapps.jpg","グーグルアプリ",[],{"type":27,"tag":246,"props":382,"children":384},{"start":383},6,[385],{"type":27,"tag":170,"props":386,"children":387},{},[388],{"type":40,"value":389},"プログラミング",{"type":27,"tag":94,"props":391,"children":392},{},[393,395],{"type":40,"value":394},"→ ",{"type":27,"tag":43,"props":396,"children":399},{"href":397,"rel":398},"https:\u002F\u002Fforest.watch.impress.co.jp\u002Fdocs\u002Fnews\u002F1550973.html",[233],[400],{"type":40,"value":401},"🔗オンラインソフト作家が子どものために作ったプログラミング言語「PG0」がWebアプリに……モダンブラウザーさえあればどこでも気軽に楽しめる",{"type":27,"tag":94,"props":403,"children":404},{},[405,406],{"type":40,"value":394},{"type":27,"tag":43,"props":407,"children":409},{"href":408},"\u002Farticles\u002Fai-keep2macro#ipadmacro",[410],{"type":40,"value":411},"🔗iPadでマクロを動かしたい",{"type":27,"tag":80,"props":413,"children":414},{},[],{"type":27,"tag":126,"props":416,"children":418},{"id":417},"アイパッドをつかったかんそうをいれよう",[419],{"type":40,"value":417},{"type":27,"tag":94,"props":421,"children":422},{},[423,425,432],{"type":40,"value":424},"　そのひのかんそうを「",{"type":27,"tag":43,"props":426,"children":429},{"href":427,"rel":428},"https:\u002F\u002Fforms.gle\u002FG7JpHbSEkYEDF2Qo9",[233],[430],{"type":40,"value":431},"🔗げんきひろばのフォーム",{"type":40,"value":433},"」にいれよう。",{"type":27,"tag":94,"props":435,"children":436},{},[437],{"type":40,"value":438},"　グーグルフォームでつくっているので、スプレッドシートにしゅうけいされます。",{"type":27,"tag":80,"props":440,"children":441},{},[],{"type":27,"tag":126,"props":443,"children":445},{"id":444},"イノベーションってそんなにだいじなの",[446],{"type":40,"value":447},"イノベーションってそんなにだいじなの？",{"type":27,"tag":94,"props":449,"children":450},{},[451],{"type":40,"value":452},"　「いまのせいかつにまんぞくしてるから、イノベーション（はつめい・くふう）はなくてもいいかな……」とおもうひともいるでしょう。",{"type":27,"tag":154,"props":454,"children":457},{"src":455,"alt":456,"width":158},"\u002Fimg\u002Fnhksp2024.jpg","NHKスペシャル 2024私たちの選択 -AI×専門家による6つの未来",[],{"type":27,"tag":94,"props":459,"children":460},{},[461],{"type":40,"value":462},"　NHKで、AIとせんもんかがよそうした みらいのにほん のすがたがほうそうされていました。にほんをよくするには、2040ねんまでに「けんきゅうのじゅうじつ」をして、イノベーションをさかんにするひつようがあるようです。",{"type":27,"tag":94,"props":464,"children":465},{},[466],{"type":40,"value":467},"　５ばんのにほんは、いちばん〇がおおいけど、こうふくどでは１ばんにかないません。わかものがいなかをすててとかいでせいこうしても、しあわせになれるとはかぎらないようです。",{"type":27,"tag":80,"props":469,"children":470},{},[],{"type":27,"tag":94,"props":472,"children":473},{},[474],{"type":40,"value":475},"　せかいてきなかだいをかいけつする「グローバルイノベーション」だけでなく、みじかなかだいをかいけつする「ローカルイノベーション」 もたいせつだときづきました。いろんなひとがここちよくさんかできるしゃかいこそが、イノベーションとこうふくをりょうりつさせるのでしょう。",{"type":27,"tag":80,"props":477,"children":478},{},[],{"type":27,"tag":89,"props":480,"children":482},{"id":481},"結論子ども食堂のタブレット活用は地域gigaだ",[483],{"type":40,"value":484},"【結論】子ども食堂のタブレット活用は、「地域GIGA」だ",{"type":27,"tag":94,"props":486,"children":487},{},[488],{"type":40,"value":489},"　文明の発達によって、地球環境は大きく変わりました。今ストップしても自然に元にもどることはないと考えられます。環境保全にもイノベーションが必要なのです。",{"type":27,"tag":94,"props":491,"children":492},{},[493],{"type":40,"value":494},"　子ども食堂の理念とGIGAスクールの「グローバル人材・イノベーション人材の育成」は、響きあう点が多く、地域版GIGAとして取り組めそうです。",{"type":27,"tag":80,"props":496,"children":498},{"id":497},"threehappiness",[],{"type":27,"tag":154,"props":500,"children":505},{"src":501,"alt":502,"width":503,"style":504},"\u002Fimg\u002Fthreehappiness.jpg","精神科医が見つけた 3つの幸福","45%","float:right",[],{"type":27,"tag":94,"props":507,"children":508},{},[509],{"type":40,"value":510},"　「精神科医が見つけた 3つの幸福　最新科学から最高の人生をつくる方法」という本は、「幸福」を3つの「脳内ホルモン」から科学的に説明しています。人の幸せって、「無病息災」→「家内安全」→「商売繁盛」の三段重ねになっているんだなと納得です。",{"type":27,"tag":94,"props":512,"children":513},{},[514],{"type":40,"value":515},"　健康や愛情などの土台をおろそかにすると、「成功 = 幸福」 とはならないわけです。「5 多様性・イノベーション社会」の課題がはっきり見えてきます。キャリア教育も組み立て直したいところです。",{"type":27,"tag":80,"props":517,"children":518},{},[],{"type":27,"tag":94,"props":520,"children":521},{},[522],{"type":40,"value":523},"　今回の取組では、「ソックリッカー」の有効性が再確認できました。イノベーションと幸福についても考えが深まり、この「教育DXブログ」の方向性はまちがいなかったと確認できました。",{"type":27,"tag":94,"props":525,"children":526},{},[527],{"type":40,"value":528},"　子ども食堂に来ていた子どもたちが、やがて地域の課題を解決するローカルイノベーションを起こしてくれたら、、、地域の幸せづくりに貢献してくれたら、、、そう思うとわくわくがとまりません。",{"type":27,"tag":80,"props":530,"children":531},{},[],{"type":27,"tag":533,"props":534,"children":537},"div",{"className":535},[536],"kattene",[538,540,555,556],{"type":40,"value":539},"\n    ",{"type":27,"tag":533,"props":541,"children":544},{"className":542},[543],"kattene__imgpart",[545],{"type":27,"tag":43,"props":546,"children":550},{"target":46,"rel":547,"href":549},[548],"noopener","https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F1c31a7e9.545b2c08.1c31a7ea.d83a8f7a\u002F_RTLink57017?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F148279f530f423f24a6bb48f29e95c4a%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjEsImFtcCI6ZmFsc2V9",[551],{"type":27,"tag":154,"props":552,"children":554},{"src":553},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F8232\u002F9784864108232_1_2.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":557,"children":560},{"className":558},[559],"kattene__infopart",[561,563,574,575,595,596,644],{"type":40,"value":562},"\n      ",{"type":27,"tag":533,"props":564,"children":567},{"className":565},[566],"kattene__title",[568],{"type":27,"tag":43,"props":569,"children":571},{"target":46,"rel":570,"href":549},[548],[572],{"type":40,"value":573},"精神科医が見つけた 3つの幸福　最新科学から最高の人生をつくる方法",{"type":40,"value":562},{"type":27,"tag":533,"props":576,"children":579},{"className":577},[578],"kattene__description",[580,583,585,588,590,593],{"type":27,"tag":80,"props":581,"children":582},{},[],{"type":40,"value":584},"※ ハダノは、「幸せの形は人さまざま……」という言葉に惑わされて、本質を見誤っていました。",{"type":27,"tag":80,"props":586,"children":587},{},[],{"type":40,"value":589},"教員は、仕事の成功などの自己実現を第一にしがちです。その結果、自分にも生徒にも「勉め強いる」ことになります。これが、つらい「勉強」の正体です。",{"type":27,"tag":80,"props":591,"children":592},{},[],{"type":40,"value":594},"仲間と楽しく学んで問題解決できるようしたい……と決意させてくれた本です。",{"type":40,"value":562},{"type":27,"tag":533,"props":597,"children":601},{"className":598},[599,600],"kattene__btns","__three",[602,604,616,618,630,631,643],{"type":40,"value":603},"\n      \t",{"type":27,"tag":533,"props":605,"children":606},{},[607],{"type":27,"tag":43,"props":608,"children":613},{"className":609,"target":46,"rel":612,"href":549},[610,611],"kattene__btn","__red",[548],[614],{"type":40,"value":615},"楽天",{"type":40,"value":617},"\n        ",{"type":27,"tag":533,"props":619,"children":620},{},[621],{"type":27,"tag":43,"props":622,"children":627},{"className":623,"target":46,"rel":625,"href":626},[610,624],"__orange",[548],"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%2F4864108234",[628],{"type":40,"value":629},"Amazon",{"type":40,"value":617},{"type":27,"tag":533,"props":632,"children":633},{},[634],{"type":27,"tag":43,"props":635,"children":640},{"className":636,"target":46,"rel":638,"href":639},[610,637],"__green",[548],"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-4864108234.html%3Fsc_i%3Dshopping-pc-web-result-item-rsltlst-img",[641],{"type":40,"value":642},"Yahoo!",{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":646,"props":647,"children":648},"hr",{},[],{"type":27,"tag":94,"props":650,"children":651},{},[652],{"type":27,"tag":43,"props":653,"children":655},{"href":654},"\u002Farticles\u002Ftechnolojiya-2",[656],{"type":40,"value":657},"←前へ　テクノロじいやに私はなる―2「地域活動」",{"type":27,"tag":94,"props":659,"children":660},{},[661],{"type":27,"tag":43,"props":662,"children":664},{"href":663},"\u002Farticles\u002Ftechnolojiya-4",[665],{"type":40,"value":666},"次へ→　テクノロじいやに私はなる―4「面接」",{"title":8,"searchDepth":266,"depth":266,"links":668},[669,675],{"id":10,"depth":266,"text":10,"children":670},[671,672,673,674],{"id":128,"depth":285,"text":131},{"id":220,"depth":285,"text":223},{"id":417,"depth":285,"text":417},{"id":444,"depth":285,"text":447},{"id":481,"depth":266,"text":484},"markdown","content:articles:technolojiya-3.md","content","articles\u002Ftechnolojiya-3.md","articles\u002Ftechnolojiya-3","md",{"_path":683,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":684,"description":685,"category":686,"tag":688,"thumbnail":692,"createdAt":693,"updatedAt":694,"body":695,"_type":676,"_id":1161,"_source":678,"_file":1162,"_stem":1163,"_extension":681},"\u002Farticles\u002Fsoclicker-3","ソックリッカーの始め方【自校運用】","授業配信アプリ「ソックリッカー」のReplitによる自校運用法",[687],"giga-school",[17,689,690,691],"active-learning","vue","web-standards","soclickerif.jpg","2022\u002F6\u002F25","2022\u002F7\u002F5",{"type":24,"children":696,"toc":1155},[697,702,705,711,731,747,805,810,838,841,846,851,864,869,872,877,880,885,899,908,913,916,924,933,941,949,957,965,981,989,1048,1052,1140,1143,1146],{"type":27,"tag":94,"props":698,"children":699},{},[700],{"type":40,"value":701},"　この記事では、授業配信アプリ「ソックリッカー」の始め方を解説します。クラウド統合開発環境Replit（リプリット）による自校運用の方法です。kyodx.com上に配置されたソックリッカー（デモ版）は、どなたでも無料で使えます。しかし、本格的に授業に活用したい場合は、自校運用されることをおすすめします。大切な教育データを自校で管理でき、安心・便利です。設問データや生徒の入力結果の管理はもちろん、ソックリッカーの先生名の削除も自分でできるのです。",{"type":27,"tag":80,"props":703,"children":704},{},[],{"type":27,"tag":89,"props":706,"children":708},{"id":707},"ソックリッカーの始め方ict担当者主体で",[709],{"type":40,"value":710},"ソックリッカーの始め方（ICT担当者主体で）",{"type":27,"tag":246,"props":712,"children":713},{},[714,719],{"type":27,"tag":170,"props":715,"children":716},{},[717],{"type":40,"value":718},"Googleアカウント取得。学校代表のGoogleアカウントでよい。",{"type":27,"tag":170,"props":720,"children":721},{},[722,729],{"type":27,"tag":43,"props":723,"children":726},{"href":724,"rel":725},"https:\u002F\u002Freplit.com\u002F~",[233],[727],{"type":40,"value":728},"🔗Replit",{"type":40,"value":730}," に[Continue with Google]で[Sign up]し、アカウントを設定。左上の ≡ - [+Create]をクリック、Titleにプロジェクト名（soclicker 等）、Languageは[HTML,CSS,JS]を選択し、[+Create Repl]をクリック。",{"type":27,"tag":94,"props":732,"children":733},{},[734,741],{"type":27,"tag":154,"props":735,"children":740},{"src":736,"alt":737,"className":738},"\u002Fimg\u002Freplitlogin.jpg","replitlogin",[739],"imgh",[],{"type":27,"tag":154,"props":742,"children":746},{"src":743,"alt":744,"className":745},"\u002Fimg\u002Fcreaterepl.jpg","createrepl",[739],[],{"type":27,"tag":246,"props":748,"children":749},{"start":285},[750,755,769,783,788,793],{"type":27,"tag":170,"props":751,"children":752},{},[753],{"type":40,"value":754},"JavaScriptプログラムは、基本的にhtmlファイルに組み込んで動作させる。ローカルファイルをFiles欄にドラッグ＆ドロップするか、コードエディタで直接書くかする。",{"type":27,"tag":170,"props":756,"children":757},{},[758,760,767],{"type":40,"value":759},"ソックリッカーを自校運用するには、",{"type":27,"tag":43,"props":761,"children":764},{"href":762,"rel":763},"https:\u002F\u002Fkyodx.com\u002Fsrc\u002Fsoclickerset.zip",[233],[765],{"type":40,"value":766},"🔗soclickerset.zipをダウンロード",{"type":40,"value":768},"・解凍しておく。soclickerフォルダの中のものをすべてFiles欄にドラッグ＆ドロップする。",{"type":27,"tag":170,"props":770,"children":771},{},[772,774,781],{"type":40,"value":773},"ソックリッカーでは、生徒が入力したものは Replit ではなく Firebase に保存される。生徒の操作は不要で、ICT担当者が ",{"type":27,"tag":43,"props":775,"children":778},{"href":776,"rel":777},"https:\u002F\u002Fconsole.firebase.google.com\u002Fu\u002F0\u002F?hl=ja",[233],[779],{"type":40,"value":780},"🔗Firebase console",{"type":40,"value":782}," にログインし、データベース作成・管理を行う。プロジェクトの追加-プロジェクトの作成-プロジェクト名[soclicker] …… Realtime Database をテストモードで開始する。",{"type":27,"tag":170,"props":784,"children":785},{},[786],{"type":40,"value":787},"Firebase console-プロジェクトの概要[歯車]-プロジェクトの設定-全般-マイアプリ-SDKの設定と構成 で ◎構成 を選択し、📃ボタンでコピー。Replitのsoc\u002Ffbconfig.jsに貼り付け、データベースを自校のものに置き換える。",{"type":27,"tag":170,"props":789,"children":790},{},[791],{"type":40,"value":792},"Firebase console-Realtime Database-データ- 右端の≡ -JSONをインポート-参照でsoclickersetフォルダの soclicker-*****-export.json を選んでインポート。続けて、ルール-ルールを編集 で databaserule.json の記述内容の通りにし、ルールを公開する。",{"type":27,"tag":170,"props":794,"children":795},{},[796,803],{"type":27,"tag":43,"props":797,"children":800},{"href":798,"rel":799},"https:\u002F\u002Fqiita.com\u002Fniusounds\u002Fitems\u002F383a780d46ee8551e98c",[233],[801],{"type":40,"value":802},"🔗Firebase StorageにCORSの設定をする",{"type":40,"value":804}," をやっておいた方がよい（同一オリジンポリシーに抵触しないため）。",{"type":27,"tag":154,"props":806,"children":809},{"src":807,"alt":808,"width":158},"\u002Fimg\u002Freplsoc.jpg","replsoc",[],{"type":27,"tag":246,"props":811,"children":813},{"start":812},9,[814,819,833],{"type":27,"tag":170,"props":815,"children":816},{},[817],{"type":40,"value":818},"Replitコード編集欄の右の Output欄の右上の ↗ (Open in a new tab) をクリックして新しいウィンドウを開く。少し待つと「ソックリッカーへようこそ」から「ソックリッカーで授業」に自動的に切り替わる。ソックリッカー子機（生徒用）へ からsoclicker.html のURLが取得できる。もし、Replitに追加したhtmlや画像をソックリッカーで使いたい場合は、指導者の方へ.txt の指示に従ってhtmlリストと画像リストを更新しておく。",{"type":27,"tag":170,"props":820,"children":821},{},[822,824,831],{"type":40,"value":823},"あとは、soclicker0.html に配信内容をどんどん入力し、soclicker.html のURLを生徒に公開し、先生名を入力させて授業をしていけばよい。あるいは、",{"type":27,"tag":825,"props":826,"children":828},"code",{"className":827},[],[829],{"type":40,"value":830},"https:\u002F\u002Fsoclicker.*******.repl.co\u002Fsoc\u002Fsoclicker.html#nonaka",{"type":40,"value":832}," のように　末尾に #先生名 をつけたURLを生徒に渡してもよい。",{"type":27,"tag":170,"props":834,"children":835},{},[836],{"type":40,"value":837},"データベース管理者は、授業者抹消の依頼が来たら、Firebase console-Realtime Database-データ-soclicker-*****-koji の中の、該当する授業者のデータを 🗑️ でdeleteする。~Teachersの中の 授業者名も一緒にdeleteすること。",{"type":27,"tag":80,"props":839,"children":840},{},[],{"type":27,"tag":126,"props":842,"children":844},{"id":843},"ソックリッカーの投票機能について",[845],{"type":40,"value":843},{"type":27,"tag":94,"props":847,"children":848},{},[849],{"type":40,"value":850},"　データを自校で管理できるようになると、ソックリッカーの投票機能が輝きを増します。",{"type":27,"tag":94,"props":852,"children":853},{},[854,856,862],{"type":40,"value":855},"　台湾の天才デジタル大臣オードリー・タン氏は、デジタルを駆使して市民参加型の新しい民主主義の実践に挑んでいます。1人1票ではない投票方法（クアドラティックボーディング）の導入など、画期的な事例が ",{"type":27,"tag":43,"props":857,"children":859},{"href":858},"#tang",[860],{"type":40,"value":861},"🔗「オードリー・タンが語るデジタル民主主義」",{"type":40,"value":863},"という本で多数紹介されています。",{"type":27,"tag":94,"props":865,"children":866},{},[867],{"type":40,"value":868},"　クアドラティックボーディングは、法案・政策・予算などの優先順位を決める投票で有効です。集計を紙上で行うのは難しいので、デジタルシステムが必要になります。授業でアイディアに順位をつける場合など、持ち点と振り分けのルールを工夫すれば、ソックリッカーで同じことができそうです。投票者の意思・志向が反映される民主的なしくみが実現するのです。",{"type":27,"tag":80,"props":870,"children":871},{},[],{"type":27,"tag":94,"props":873,"children":874},{},[875],{"type":40,"value":876},"※ 以下は、おまけです。しくみを知りたい方はどうぞ……",{"type":27,"tag":80,"props":878,"children":879},{},[],{"type":27,"tag":89,"props":881,"children":883},{"id":882},"ソックリッカー自校運用の技術的な話",[884],{"type":40,"value":882},{"type":27,"tag":94,"props":886,"children":887},{},[888,890,897],{"type":40,"value":889},"　",{"type":27,"tag":43,"props":891,"children":894},{"href":892,"rel":893},"https:\u002F\u002Fkyodx.com\u002Farticles\u002Fcloudide-1",[233],[895],{"type":40,"value":896},"🔗クラウド統合開発環境でWebアプリの自校運用を",{"type":40,"value":898}," の最後に",{"type":27,"tag":94,"props":900,"children":901},{},[902],{"type":27,"tag":825,"props":903,"children":905},{"className":904},[],[906],{"type":40,"value":907},"　「画像の一覧」の問題が残っていますが、これは何とかなりそうです。画像やクリップボードの扱いが独特な iPad に対応したコードを書くついでに解決します。",{"type":27,"tag":94,"props":909,"children":910},{},[911],{"type":40,"value":912},"と書いた件ですが、次のように対応しました。",{"type":27,"tag":80,"props":914,"children":915},{},[],{"type":27,"tag":166,"props":917,"children":918},{},[919],{"type":27,"tag":170,"props":920,"children":921},{},[922],{"type":40,"value":923},"ルートのindex.htmlファイル「ソックリッカーへようこそ」に以下のコードを入れ、新しいウィンドウを開いたら自動的にsocフォルダのindex.html「ソックリッカーで授業」に移動するようにする。",{"type":27,"tag":925,"props":926,"children":928},"pre",{"code":927},"    if (location.hostname.indexOf('.id.repl.co') \u003C 0) {\n      location.href = '\u002Fsoc\u002F';\n    }\n",[929],{"type":27,"tag":825,"props":930,"children":931},{"__ignoreMap":8},[932],{"type":40,"value":927},{"type":27,"tag":166,"props":934,"children":935},{},[936],{"type":27,"tag":170,"props":937,"children":938},{},[939],{"type":40,"value":940},"soc\u002Findex.htmlに以下のコードを入れ、画像一覧を表示させる。urliから画像ファイル名を取得して配列にし、insertAdjacentHTMLでimgタグを挿入してゆく。ファイル名はfigcaptionタグを使って表示。ファイル名をクリックすると画像を開くようにしている。",{"type":27,"tag":925,"props":942,"children":944},{"code":943},"      fetch(urli, {cache: \"no-store\"}).then(function(response) {\n        return response.text()\n      }).then(function(text) {\n        jlisti = text.split(\u002F\\n\u002F).filter((value) => value !== ''); \n        for (let item of jlisti) {\n        soci.insertAdjacentHTML('beforeend',`\u003Cfigure>\u003Cimg src=\"img\u002F${item}\">\u003Cfigcaption>\u003Ca href=\"img\u002F${item}\" onclick=\"return confirm('画像を開きますか？');\">${item}\u003C\u002Fa>\u003C\u002Ffigcaption>\u003C\u002Ffigure>`);          \n        }        \n      });            \n",[945],{"type":27,"tag":825,"props":946,"children":947},{"__ignoreMap":8},[948],{"type":40,"value":943},{"type":27,"tag":166,"props":950,"children":951},{},[952],{"type":27,"tag":170,"props":953,"children":954},{},[955],{"type":40,"value":956},"同じ要領で、soc\u002Findex.htmlに以下のコードを入れ、html一覧を表示させる。",{"type":27,"tag":925,"props":958,"children":960},{"code":959},"      fetch(urlh,{cache: \"no-store\"}).then(function(response) {\n        return response.text()\n      }).then(function(text) {\n        jlisth = text.split(\u002F\\n\u002F).filter((value) => value !== '');\n        for (let item of jlisth) {\n        soch.insertAdjacentHTML('beforeend',`　\u003Ca href=\"${item}\" target=\"_blank\">${item}\u003C\u002Fa>　`);          \n        }\n      });\n",[961],{"type":27,"tag":825,"props":962,"children":963},{"__ignoreMap":8},[964],{"type":40,"value":959},{"type":27,"tag":166,"props":966,"children":967},{},[968],{"type":27,"tag":170,"props":969,"children":970},{},[971,973,979],{"type":40,"value":972},"画像ファイル名一覧・htmlファイル名一覧の取得は、通常はサーバサイドプログラミングの出番。今回は、「指導者の方へ」で以下のShellコマンドを実行してもらう形にした。",{"type":27,"tag":825,"props":974,"children":976},{"className":975},[],[977],{"type":40,"value":978},"{cache: \"no-store\"}",{"type":40,"value":980}," でfetchし、キャッシュを読まないようにしているが、「リストを最新の状態にしたのに一覧が古いまま」ということがたまにあったので、対策を追記した。",{"type":27,"tag":925,"props":982,"children":984},{"code":983},"cd soc\nls *.html > yourhtml.txt\nls img\u002F > yourimg.txt\n",[985],{"type":27,"tag":825,"props":986,"children":987},{"__ignoreMap":8},[988],{"type":40,"value":983},{"type":27,"tag":166,"props":990,"children":991},{},[992,997,1018,1038,1043],{"type":27,"tag":170,"props":993,"children":994},{},[995],{"type":40,"value":996},"iPadなどのモバイルOSの場合、画像やクリップボードの扱いがPCとは異なるので注意が必要。JavaScriptの命令がうまく働かないことが多々ある。",{"type":27,"tag":170,"props":998,"children":999},{},[1000,1002,1008,1010,1016],{"type":40,"value":1001},"iPadで画像をロングタップして",{"type":27,"tag":825,"props":1003,"children":1005},{"className":1004},[],[1006],{"type":40,"value":1007},"コピー",{"type":40,"value":1009},"し、SocPadに",{"type":27,"tag":825,"props":1011,"children":1013},{"className":1012},[],[1014],{"type":40,"value":1015},"貼り付け",{"type":40,"value":1017}," をしても何も貼り付けられない。仕方ないので、ckeditor5-34.1.0へアップデイトしたうえでAutoImage pluginを有効にした。これで、画像URLを貼り付ければ画像が挿入される。",{"type":27,"tag":170,"props":1019,"children":1020},{},[1021,1023,1029,1031,1036],{"type":40,"value":1022},"ところが、画像をロングタップしても",{"type":27,"tag":825,"props":1024,"children":1026},{"className":1025},[],[1027],{"type":40,"value":1028},"画像のアドレスをコピー",{"type":40,"value":1030},"が出ない。ファイル名をクリックすると画像を開くようにしたのはこのためで、アドレス欄をロングタップ-",{"type":27,"tag":825,"props":1032,"children":1034},{"className":1033},[],[1035],{"type":40,"value":1007},{"type":40,"value":1037}," でようやく画像URLがコピーされる。",{"type":27,"tag":170,"props":1039,"children":1040},{},[1041],{"type":40,"value":1042},"他にも方法は考えられるが、Appleが年々クリップボードのセキュリティを厳しくしているので、ユーザーに意識的操作をさせた方がよいと判断した。",{"type":27,"tag":170,"props":1044,"children":1045},{},[1046],{"type":40,"value":1047},"ソックサーガとは違い、ソックリッカーでは生徒に画像をアップロードさせることは想定していない。親機から Firebase Storage にアップロードする使い方が中心。生徒に画像を扱わせたければ、Replitの soc\u002Fimg フォルダにアップロードし、「ソックリッカーで授業」ページの画像一覧を使うようにする。",{"type":27,"tag":80,"props":1049,"children":1051},{"id":1050},"tang",[],{"type":27,"tag":533,"props":1053,"children":1055},{"className":1054},[536],[1056,1057,1070,1071],{"type":40,"value":539},{"type":27,"tag":533,"props":1058,"children":1060},{"className":1059},[543],[1061],{"type":27,"tag":43,"props":1062,"children":1065},{"target":46,"rel":1063,"href":1064},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink49974?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F17004825%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[1066],{"type":27,"tag":154,"props":1067,"children":1069},{"src":1068},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F6700\u002F9784140886700_1_3.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":1072,"children":1074},{"className":1073},[559],[1075,1076,1086,1087,1101,1102,1139],{"type":40,"value":562},{"type":27,"tag":533,"props":1077,"children":1079},{"className":1078},[566],[1080],{"type":27,"tag":43,"props":1081,"children":1083},{"target":46,"rel":1082,"href":1064},[548],[1084],{"type":40,"value":1085},"オードリー・タンが語るデジタル民主主義 （NHK出版新書670　670） [ 大野 和基 ]",{"type":40,"value":562},{"type":27,"tag":533,"props":1088,"children":1090},{"className":1089},[578],[1091,1094,1096,1099],{"type":27,"tag":80,"props":1092,"children":1093},{},[],{"type":40,"value":1095},"※ ハダノは、DXやSTEAM教育の研究会などで「日本は、オードリー・タンに学ぶべきだ」という声を多く聞きます。",{"type":27,"tag":80,"props":1097,"children":1098},{},[],{"type":40,"value":1100},"クアドラティックボーディングをはじめとする台湾モデルは、あきらめムードの日本人に変革の勇気を与えてくれます。",{"type":40,"value":562},{"type":27,"tag":533,"props":1103,"children":1105},{"className":1104},[599,600],[1106,1107,1116,1117,1127,1128,1138],{"type":40,"value":603},{"type":27,"tag":533,"props":1108,"children":1109},{},[1110],{"type":27,"tag":43,"props":1111,"children":1114},{"className":1112,"target":46,"rel":1113,"href":1064},[610,611],[548],[1115],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":1118,"children":1119},{},[1120],{"type":27,"tag":43,"props":1121,"children":1125},{"className":1122,"target":46,"rel":1123,"href":1124},[610,624],[548],"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%2F4140886706",[1126],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":1129,"children":1130},{},[1131],{"type":27,"tag":43,"props":1132,"children":1136},{"className":1133,"target":46,"rel":1134,"href":1135},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fstarclub%2F9784140886700.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[1137],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":1141,"children":1142},{},[],{"type":27,"tag":646,"props":1144,"children":1145},{},[],{"type":27,"tag":94,"props":1147,"children":1148},{},[1149],{"type":27,"tag":43,"props":1150,"children":1152},{"href":1151},"\u002Farticles\u002Fsoclicker-2",[1153],{"type":40,"value":1154},"←前へ　ソックリッカー活用で授業改善を",{"title":8,"searchDepth":266,"depth":266,"links":1156},[1157,1160],{"id":707,"depth":266,"text":710,"children":1158},[1159],{"id":843,"depth":285,"text":843},{"id":882,"depth":266,"text":882},"content:articles:soclicker-3.md","articles\u002Fsoclicker-3.md","articles\u002Fsoclicker-3",{"_path":1165,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1166,"description":1167,"category":1168,"tag":1170,"thumbnail":1173,"createdAt":1174,"updatedAt":1175,"body":1176,"_type":676,"_id":1551,"_source":678,"_file":1552,"_stem":1553,"_extension":681},"\u002Farticles\u002Fcloudide-1","クラウド統合開発環境でWebアプリの自校運用を","Webアプリの自校運用に最適なクラウド統合開発環境を探し求め、GlitchからReplitに乗り換えた話",[1169],"programming",[16,1171,1172,17,691],"beginner-programming","socsaga","replsaga1.jpg","2022\u002F6\u002F21","2022\u002F7\u002F1",{"type":24,"children":1177,"toc":1541},[1178,1183,1186,1192,1197,1203,1216,1219,1224,1227,1233,1238,1252,1258,1270,1275,1280,1286,1373,1376,1381,1384,1390,1395,1399,1421,1425,1518,1521,1524,1533],{"type":27,"tag":94,"props":1179,"children":1180},{},[1181],{"type":40,"value":1182},"　この記事では、「Webアプリの自校運用に最適なクラウド統合開発環境を探し求め、Glitch（グリッチ）から Replit（リプリット）に乗り換えた話」を紹介します。",{"type":27,"tag":80,"props":1184,"children":1185},{},[],{"type":27,"tag":89,"props":1187,"children":1189},{"id":1188},"学校教育にふさわしいのはwebアプリ",[1190],{"type":40,"value":1191},"学校教育にふさわしいのは、Webアプリ",{"type":27,"tag":94,"props":1193,"children":1194},{},[1195],{"type":40,"value":1196},"　「コンピュータ、ソフトなければただの箱」です。各校とも自校の機種用のアプリを導入します。教員や教育委員会担当者がソフトウェアにくわしくなければ、業者のいいなりです。多くの場合、ネイティブアプリを有料で導入することになります。アプリ自体は無料であってもインストール手数料を取られます。",{"type":27,"tag":126,"props":1198,"children":1200},{"id":1199},"ネイティブアプリとwebアプリの違い",[1201],{"type":40,"value":1202},"ネイティブアプリとWebアプリの違い",{"type":27,"tag":166,"props":1204,"children":1205},{},[1206,1211],{"type":27,"tag":170,"props":1207,"children":1208},{},[1209],{"type":40,"value":1210},"ネイティブアプリは各OS用に作られたアプリなので、機能・性能をとことん追求できる。OSごとに別々のアプリが必要。開発・登録にお金がかかり、インストールが必要。",{"type":27,"tag":170,"props":1212,"children":1213},{},[1214],{"type":40,"value":1215},"Webアプリはブラウザ上で動くので、ネットさえあればOK。一つのアプリで汎用的に使えるが、機能・性能はほどほど。お金をかけずに開発でき、インストールは不要。",{"type":27,"tag":80,"props":1217,"children":1218},{},[],{"type":27,"tag":94,"props":1220,"children":1221},{},[1222],{"type":40,"value":1223},"　このような違いを考えると、予算の乏しい学校ではWebアプリを中心にした方がよいことになります。業者はWebアプリからは利益が得られないので、いい顔はしないと思います。WebアプリはWeb上に配置され、そのアドレスを知っていればだれでも使うことができます。ほとんどの場合、無料です。",{"type":27,"tag":80,"props":1225,"children":1226},{},[],{"type":27,"tag":89,"props":1228,"children":1230},{"id":1229},"webアプリを自校運用するには",[1231],{"type":40,"value":1232},"Webアプリを自校運用するには",{"type":27,"tag":94,"props":1234,"children":1235},{},[1236],{"type":40,"value":1237},"　Webアプリの中には、データを蓄積するタイプもあります。すでにWeb上に配置されているWebアプリの場合、データ領域も無料で使わせてくれることがあります。ただし、容量に制限があったり、保存期間が決まっていたり、秘密が守られなかったり、突然サービスが終了したりします。「容量を気にせず、自在にデータを扱いたい」場合、一般的には自力でサーバーを立てて運用する必要があります。サーバーサイドプログラミングをはじめとする専門知識や費用が必要となり、手が出ません。",{"type":27,"tag":94,"props":1239,"children":1240},{},[1241,1243,1250],{"type":40,"value":1242},"　それを解決するのが、",{"type":27,"tag":43,"props":1244,"children":1247},{"href":1245,"rel":1246},"https:\u002F\u002Fvitalify.jp\u002Fapp-lab\u002Fvietnam-offshore\u002F20181128-saaspaas\u002F#2-1_BaasmBaas",[233],[1248],{"type":40,"value":1249},"🔗Paas(Platform as a Service)やBaas(Backend as a Service)などのクラウドサービス",{"type":40,"value":1251},"です。無料でもけっこう使えるものがあります。ハダノは、プログラミングにはクラウド統合開発環境、データベースにはFirebaseを使います。これらを使えば、Webアプリを自校運用することができます。大切な教育データを自校で管理できて、安心・便利です。生徒の作品やコードの管理はもちろん、ソックリッカーの先生名の削除も自分でできるのです。",{"type":27,"tag":126,"props":1253,"children":1255},{"id":1254},"クラウド統合開発環境のおすすめは",[1256],{"type":40,"value":1257},"クラウド統合開発環境のおすすめは？",{"type":27,"tag":94,"props":1259,"children":1260},{},[1261,1262,1268],{"type":40,"value":889},{"type":27,"tag":43,"props":1263,"children":1265},{"href":1264},"#masatolan",[1266],{"type":40,"value":1267},"🔗JavaScriptでいきなり機械学習を遊び倒す本",{"type":40,"value":1269}," では、２つのおすすめが紹介されていました。",{"type":27,"tag":94,"props":1271,"children":1272},{},[1273],{"type":40,"value":1274},"　Glitch（グリッチ） と Replit（リプリット） です。どちらも似た特徴を持っています。GlitchはJavaScriptに特化、Replitは50以上のプログラミング言語対応です。ハダノはJavaScript主体なので、はじめはGlitchを使っていました。ボタン一つでFirebaseにデプロイできるのもGlitchの魅力でした。",{"type":27,"tag":94,"props":1276,"children":1277},{},[1278],{"type":40,"value":1279},"　2022年になって状況が変わってきたので、自分なりにGlitchとReplitの特徴を整理してみました。",{"type":27,"tag":126,"props":1281,"children":1283},{"id":1282},"glitchとreplitの比較gとr",[1284],{"type":40,"value":1285},"GlitchとReplitの比較【GとR】",{"type":27,"tag":166,"props":1287,"children":1288},{},[1289,1304,1317,1330,1345,1360],{"type":27,"tag":170,"props":1290,"children":1291},{},[1292,1294],{"type":40,"value":1293},"プロジェクト名は、Gは自動でつき、Rは自分で設定する。",{"type":27,"tag":1295,"props":1296,"children":1297},"em",{},[1298],{"type":27,"tag":1299,"props":1300,"children":1301},"strong",{},[1302],{"type":40,"value":1303},"Rの方がわかりやすい。",{"type":27,"tag":170,"props":1305,"children":1306},{},[1307,1309],{"type":40,"value":1308},"どちらもしばらくアクセスしないとスリープする。Rは10秒程度で復帰するが、Gは時間がかかることが多い。エラーでリロードすることもしばしば。",{"type":27,"tag":1295,"props":1310,"children":1311},{},[1312],{"type":27,"tag":1299,"props":1313,"children":1314},{},[1315],{"type":40,"value":1316},"Rの方がストレスが少ない。",{"type":27,"tag":170,"props":1318,"children":1319},{},[1320,1322],{"type":40,"value":1321},"Firebase Hostingにデプロイすればスリープしなくなる。Gは以前はボタン一つでデプロイできるのを売りにしていたが、2022年になって画面デザインが変わってボタンが表示されなくなった。GlitchとFirebaseに報告したが、返答なし。TERMINAL欄にShellコマンドを打ち込めばデプロイできるが、きわめて煩雑。同じようにすれば ",{"type":27,"tag":1295,"props":1323,"children":1324},{},[1325],{"type":27,"tag":1299,"props":1326,"children":1327},{},[1328],{"type":40,"value":1329},"Rでもデプロイできるが、そこまでの必要性を感じない。",{"type":27,"tag":170,"props":1331,"children":1332},{},[1333,1335,1343],{"type":40,"value":1334},"ファイルやフォルダの扱いは両者で異なる。Gは一つずつしかアップロードできないし、圧縮ファイルや画像ファイルはassetsフォルダにはいる。カレントディレクトリに入れたり、解凍したりするためには、TERMINAL欄に複雑なコマンドを打ち込む必要がある。Rは、ローカルファイルをごそっとドラッグ＆ドロップするだけで、フォルダ階層を保ったままアップロードできる。",{"type":27,"tag":1295,"props":1336,"children":1337},{},[1338],{"type":27,"tag":1299,"props":1339,"children":1340},{},[1341],{"type":40,"value":1342},"Rの方がファイルの扱いが簡単。",{"type":40,"value":1344}," ただ、簡単すぎて生徒が違う階層に移動させてしまうおそれはある。",{"type":27,"tag":170,"props":1346,"children":1347},{},[1348,1350,1358],{"type":40,"value":1349},"画像の一覧を見たい場合、",{"type":27,"tag":1295,"props":1351,"children":1352},{},[1353],{"type":27,"tag":1299,"props":1354,"children":1355},{},[1356],{"type":40,"value":1357},"Gは、assetsフォルダの一覧表示があって便利。",{"type":40,"value":1359}," Rは、画像をimgフォルダなどに入れ、プログラムで一覧表示させるしかない。",{"type":27,"tag":170,"props":1361,"children":1362},{},[1363,1365],{"type":40,"value":1364},"PREVIEW欄（Output欄）は、両者ともルートのindex.htmlが表示され、コード編集欄とは連動しない。Gはルート以下のパスを打ち込めるが、Rは固定なので新しいウィンドウで開く必要がある。タブレットでの操作などを考えると、",{"type":27,"tag":1295,"props":1366,"children":1367},{},[1368],{"type":27,"tag":1299,"props":1369,"children":1370},{},[1371],{"type":40,"value":1372},"別ウィンドウでプレビューする方が現実的なので、GもRも差はない。",{"type":27,"tag":80,"props":1374,"children":1375},{},[],{"type":27,"tag":94,"props":1377,"children":1378},{},[1379],{"type":40,"value":1380},"……ということで、おおむねReplitの方が使いやすそうです。",{"type":27,"tag":80,"props":1382,"children":1383},{},[],{"type":27,"tag":89,"props":1385,"children":1387},{"id":1386},"replitに乗り換えよう",[1388],{"type":40,"value":1389},"Replitに乗り換えよう",{"type":27,"tag":94,"props":1391,"children":1392},{},[1393],{"type":40,"value":1394},"　Glitchは、アップデートのたびに使いにくくなり、方向性も微妙にずれてきていると感じます。1年以上使って慣れているという利点を捨ててでも、Replitに乗り換えようと決めました。",{"type":27,"tag":94,"props":1396,"children":1397},{},[1398],{"type":40,"value":907},{"type":27,"tag":94,"props":1400,"children":1401},{},[1402,1403,1410,1412,1419],{"type":40,"value":889},{"type":27,"tag":43,"props":1404,"children":1407},{"href":1405,"rel":1406},"https:\u002F\u002Fkyodx.com\u002Ftag\u002Fsocsaga",[233],[1408],{"type":40,"value":1409},"🔗ソックサーガ",{"type":40,"value":1411}," と ",{"type":27,"tag":43,"props":1413,"children":1416},{"href":1414,"rel":1415},"https:\u002F\u002Fkyodx.com\u002Ftag\u002Fsoclicker",[233],[1417],{"type":40,"value":1418},"🔗ソックリッカー",{"type":40,"value":1420}," のReplitによる自校運用も提案していきます。",{"type":27,"tag":80,"props":1422,"children":1424},{"id":1423},"masatolan",[],{"type":27,"tag":533,"props":1426,"children":1428},{"className":1427},[536],[1429,1430,1443,1444],{"type":40,"value":539},{"type":27,"tag":533,"props":1431,"children":1433},{"className":1432},[543],[1434],{"type":27,"tag":43,"props":1435,"children":1438},{"target":46,"rel":1436,"href":1437},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink57019?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16500601%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[1439],{"type":27,"tag":154,"props":1440,"children":1442},{"src":1441},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F9041\u002F9784844379041.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":1445,"children":1447},{"className":1446},[559],[1448,1449,1459,1460,1479,1480,1517],{"type":40,"value":562},{"type":27,"tag":533,"props":1450,"children":1452},{"className":1451},[566],[1453],{"type":27,"tag":43,"props":1454,"children":1456},{"target":46,"rel":1455,"href":1437},[548],[1457],{"type":40,"value":1458},"JavaScriptでいきなり機械学習を遊び倒す本 （技術の泉シリーズ（NextPublishing）） [ まさとらん ]",{"type":40,"value":562},{"type":27,"tag":533,"props":1461,"children":1463},{"className":1462},[578],[1464,1467,1469,1472,1474,1477],{"type":27,"tag":80,"props":1465,"children":1466},{},[],{"type":40,"value":1468},"※ 最新WebサービスとJavaScript関連の情報を提供してくれる「まさとらん」さんの記事に、ハダノはいつも助けられています。",{"type":27,"tag":80,"props":1470,"children":1471},{},[],{"type":40,"value":1473},"この本も入口の部分をていねいに教えてくれます。",{"type":27,"tag":80,"props":1475,"children":1476},{},[],{"type":40,"value":1478},"GlitchとReplitに出会えてよかったと思います。",{"type":40,"value":562},{"type":27,"tag":533,"props":1481,"children":1483},{"className":1482},[599,600],[1484,1485,1494,1495,1505,1506,1516],{"type":40,"value":603},{"type":27,"tag":533,"props":1486,"children":1487},{},[1488],{"type":27,"tag":43,"props":1489,"children":1492},{"className":1490,"target":46,"rel":1491,"href":1437},[610,611],[548],[1493],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":1496,"children":1497},{},[1498],{"type":27,"tag":43,"props":1499,"children":1503},{"className":1500,"target":46,"rel":1501,"href":1502},[610,624],[548],"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%2FB08L7LXNDC",[1504],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":1507,"children":1508},{},[1509],{"type":27,"tag":43,"props":1510,"children":1514},{"className":1511,"target":46,"rel":1512,"href":1513},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887949559&vc_url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Ffirst%3D1%26ss_first%3D1%26ts%3D1662382850%26mcr%3D06c8cb50c083cad35f8b6072fe936496%26tab_ex%3Dcommerce%26sretry%3D0%26area%3D13%26astk%3D%26aq%3D%26oq%3D%26p%3DJavaScript%25E3%2581%25A7%25E3%2581%2584%25E3%2581%258D%25E3%2581%25AA%25E3%2582%258A%25E6%25A9%259F%25E6%25A2%25B0%25E5%25AD%25A6%25E7%25BF%2592%25E3%2582%2592%25E9%2581%258A%25E3%2581%25B3%25E5%2580%2592%25E3%2581%2599%25E6%259C%25AC%2B%25EF%25BC%2588%25E6%258A%2580%25E8%25A1%2593%25E3%2581%25AE%25E6%25B3%2589%25E3%2582%25B7%25E3%2583%25AA%25E3%2583%25BC%25E3%2582%25BA%25EF%25BC%2588NextPublishing%25EF%25BC%2589%25EF%25BC%2589%2B%255B%2B%25E3%2581%25BE%25E3%2581%2595%25E3%2581%25A8%25E3%2582%2589%25E3%2582%2593%2B%255D%26sc_i%3Dshp_pc_search_searchBox_2",[1515],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":1519,"children":1520},{},[],{"type":27,"tag":646,"props":1522,"children":1523},{},[],{"type":27,"tag":94,"props":1525,"children":1526},{},[1527],{"type":27,"tag":43,"props":1528,"children":1530},{"href":1529},"\u002Farticles\u002Fsocsaga-2",[1531],{"type":40,"value":1532},"→　ソックサーガの始め方【自校運用】",{"type":27,"tag":94,"props":1534,"children":1535},{},[1536],{"type":27,"tag":43,"props":1537,"children":1538},{"href":683},[1539],{"type":40,"value":1540},"→　ソックリッカーの始め方【自校運用】",{"title":8,"searchDepth":266,"depth":266,"links":1542},[1543,1546,1550],{"id":1188,"depth":266,"text":1191,"children":1544},[1545],{"id":1199,"depth":285,"text":1202},{"id":1229,"depth":266,"text":1232,"children":1547},[1548,1549],{"id":1254,"depth":285,"text":1257},{"id":1282,"depth":285,"text":1285},{"id":1386,"depth":266,"text":1389},"content:articles:cloudide-1.md","articles\u002Fcloudide-1.md","articles\u002Fcloudide-1",{"_path":1555,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1556,"description":1557,"category":1558,"tag":1560,"thumbnail":1563,"createdAt":1564,"updatedAt":1565,"body":1566,"_type":676,"_id":2487,"_source":678,"_file":2488,"_stem":2489,"_extension":681},"\u002Farticles\u002Fict-1","ICTあるある―1「画像ファイルの扱いが無理ゲー」","研究授業用の画像を作ってあげたら、ハードコピーされた件",[1559],"work-system",[1561,1562,17],"ict","teachers-baton","snspost.png","2022\u002F6\u002F3","2022\u002F6\u002F19",{"type":24,"children":1567,"toc":2479},[1568,1573,1576,1580,1585,1588,1593,1621,1626,1629,1634,1655,1658,1663,1666,1671,1684,1687,1692,2045,2048,2054,2059,2062,2068,2073,2078,2083,2086,2092,2097,2111,2122,2142,2145,2150,2155,2158,2164,2169,2174,2178,2271,2275,2367,2371,2464,2467,2470],{"type":27,"tag":94,"props":1569,"children":1570},{},[1571],{"type":40,"value":1572},"　「ICT活用で教職員の働き方改革というけれど、忙しすぎて覚える時間がない」という笑えない実態が学校現場にあります。落ち込んでいても仕方ないので、あえて笑い話にしてみたのが「ICTあるある」です。",{"type":27,"tag":80,"props":1574,"children":1575},{},[],{"type":27,"tag":94,"props":1577,"children":1578},{},[1579],{"type":40,"value":87},{"type":27,"tag":89,"props":1581,"children":1583},{"id":1582},"研究授業用の画像を作ってあげたらハードコピーされた件",[1584],{"type":40,"value":1557},{"type":27,"tag":80,"props":1586,"children":1587},{},[],{"type":27,"tag":94,"props":1589,"children":1590},{},[1591],{"type":40,"value":1592},"　研究授業をする若手学級担任に使わせたいと学年主任に頼まれ、画像を数枚作ったときのことです（2019年秋）。「この画像、どう使いますか。授業用の共有フォルダに入れてもいいし、クラウドに置いてもいいし。とりあえずメールで送りましたが……」と言うと、",{"type":27,"tag":533,"props":1594,"children":1597},{"className":1595},[1596],"balloon1",[1598,1600,1614,1616,1619],{"type":40,"value":1599},"\n  ",{"type":27,"tag":533,"props":1601,"children":1604},{"className":1602},[1603],"icon",[1605,1607,1613],{"type":40,"value":1606}," ",{"type":27,"tag":154,"props":1608,"children":1612},{"src":1609,"alt":1610,"width":1611},"\u002Fimg\u002Fadachief.png","学年主任",80,[],{"type":40,"value":1606},{"type":40,"value":1615},"\n  これで大丈夫です。\n  ",{"type":27,"tag":80,"props":1617,"children":1618},{},[],{"type":40,"value":1620},"教頭先生、ありがとうございました！\n",{"type":27,"tag":94,"props":1622,"children":1623},{},[1624],{"type":40,"value":1625},"　学年主任は質問には答えず、画像を次々とカラープリンターで印刷すると、iPadでパシャパシャ撮り始めたのです。",{"type":27,"tag":80,"props":1627,"children":1628},{},[],{"type":27,"tag":94,"props":1630,"children":1631},{},[1632],{"type":40,"value":1633},"　「えーーっ、何してるんですか！」と止めようとすると、学年主任は、",{"type":27,"tag":533,"props":1635,"children":1637},{"className":1636},[1596],[1638,1639,1648,1650,1653],{"type":40,"value":1599},{"type":27,"tag":533,"props":1640,"children":1642},{"className":1641},[1603],[1643,1644,1647],{"type":40,"value":1606},{"type":27,"tag":154,"props":1645,"children":1646},{"src":1609,"alt":1610,"width":1611},[],{"type":40,"value":1606},{"type":40,"value":1649},"\n  iPadの画像をTVに映して生徒に見せるんですよ。\n  ",{"type":27,"tag":80,"props":1651,"children":1652},{},[],{"type":40,"value":1654},"何かまずかったでしょうか？\n",{"type":27,"tag":80,"props":1656,"children":1657},{},[],{"type":27,"tag":94,"props":1659,"children":1660},{},[1661],{"type":40,"value":1662},"　ハダノは、頭を抱えてしまいました。校内情報化推進リーダーとしてICT校内研修も年6回実施し、デジタルデータの扱いもある程度できるようにしたつもりでした。しかし、「デジタルデータは、無劣化・省資源・共有可」ということを本当には理解していなかった教員がいたのです。デジタルのままデータを扱う方法についていろいろ研修している間、「さっさと印刷すればいいのに」と思っていたかもしれません。",{"type":27,"tag":80,"props":1664,"children":1665},{},[],{"type":27,"tag":94,"props":1667,"children":1668},{},[1669],{"type":40,"value":1670},"　「せっかくのデジタル画像をアナログ出力してまたデジタル化したら画質が悪くなってもったいないでしょ。教育事務所に指導案を提出するときに、わざわざ印刷してFAXするようなものですよ」と言ってみましたが、案の定ポカーンとしています。",{"type":27,"tag":94,"props":1672,"children":1673},{},[1674,1676,1682],{"type":40,"value":1675},"　学級担任に直接話すと、",{"type":27,"tag":43,"props":1677,"children":1679},{"href":1678},"\u002Ftag\u002Fsoclicker",[1680],{"type":40,"value":1681},"🔗「ソックリッカーで見せます」",{"type":40,"value":1683},"と言うので、Firebase Storage にアップロードしておきました。研究授業当日はそれでうまくいきましたが、「授業へのICT活用推進」という点では課題が残りました。",{"type":27,"tag":80,"props":1685,"children":1686},{},[],{"type":27,"tag":94,"props":1688,"children":1689},{},[1690],{"type":40,"value":1691},"　以下は、ICT校内研修でやったこと（ばっすい）です。",{"type":27,"tag":28,"props":1693,"children":1694},{},[1695,1697,1710,1712,1818,1819,1914,1915],{"type":40,"value":1696},"        \t\t\t\t\t\t\t\n    ",{"type":27,"tag":126,"props":1698,"children":1700},{"id":1699},"あの写真はどのipadをなくし画像ファイルの扱いをもっと便利に-をクリックで詳細を",[1701,1703],{"type":40,"value":1702},"「あの写真はどのiPad？」をなくし、画像ファイルの扱いをもっと便利に！",{"type":27,"tag":1704,"props":1705,"children":1707},"span",{"style":1706},"font-size:0.8rem;color:gray",[1708],{"type":40,"value":1709},"　　▶ をクリックで詳細を…",{"type":40,"value":1711},"\t\t\t\t\t\t\t\t\t\t\t\n    ",{"type":27,"tag":28,"props":1713,"children":1714},{},[1715,1716,1731,1732,1754,1755,1777,1778,1799,1800,1816],{"type":40,"value":539},{"type":27,"tag":32,"props":1717,"children":1718},{},[1719,1720,1725,1726],{"type":40,"value":617},{"type":27,"tag":36,"props":1721,"children":1722},{},[1723],{"type":40,"value":1724},"１．iPadで写真を撮る",{"type":40,"value":617},{"type":27,"tag":94,"props":1727,"children":1728},{},[1729],{"type":40,"value":1730},"\n        　または、スクリーンショットを撮る（ホームボタンとスリープボタンを同時押し）。\n        撮った画像は、写真ライブラリへ入る。\n    ",{"type":40,"value":539},{"type":27,"tag":32,"props":1733,"children":1734},{},[1735,1736,1741,1742,1752],{"type":40,"value":617},{"type":27,"tag":36,"props":1737,"children":1738},{},[1739],{"type":40,"value":1740},"２．写真ライブラリを開く ",{"type":40,"value":617},{"type":27,"tag":94,"props":1743,"children":1744},{},[1745,1747],{"type":40,"value":1746},"　ファイルを扱うために、Documentsというアプリを起動し、マイファイル－写真ライブラリを開く。",{"type":27,"tag":154,"props":1748,"children":1751},{"src":1749,"alt":1750,"width":158},"\u002Fimg\u002Fimagefile1.jpg","imagefile1",[],{"type":40,"value":1753},"        \n    ",{"type":40,"value":539},{"type":27,"tag":32,"props":1756,"children":1757},{},[1758,1759,1764,1765,1775],{"type":40,"value":617},{"type":27,"tag":36,"props":1760,"children":1761},{},[1762],{"type":40,"value":1763},"３．画像を共有フォルダへ",{"type":40,"value":617},{"type":27,"tag":94,"props":1766,"children":1767},{},[1768,1770],{"type":40,"value":1769},"　目的の画像の右下の（…）をタップし、アップロードを選択する。アップロード先として授業用の共有フォルダ【10.197.**.**－PC教室データ－●●中－提出フォルダ】のiPad写真 を選び、アップロード。",{"type":27,"tag":154,"props":1771,"children":1774},{"src":1772,"alt":1773,"width":158},"\u002Fimg\u002Fimagefile2.jpg","imagefile2",[],{"type":40,"value":1776},"\n                ",{"type":40,"value":539},{"type":27,"tag":32,"props":1779,"children":1780},{},[1781,1782,1787,1788,1798],{"type":40,"value":617},{"type":27,"tag":36,"props":1783,"children":1784},{},[1785],{"type":40,"value":1786},"４．共有フォルダから別のiPadへ",{"type":40,"value":617},{"type":27,"tag":94,"props":1789,"children":1790},{},[1791,1793],{"type":40,"value":1792},"成功するとiPad写真フォルダへ入り、授業用モバイルPCからも取り扱える。別のiPadでダウンロードすると、ダウンロードフォルダへ入る。ネット接続用PCや校務用PCに取り込むためには、写真ライブラリ（カメラロール）へコピーしておくとよい。",{"type":27,"tag":154,"props":1794,"children":1797},{"src":1795,"alt":1796,"width":158},"\u002Fimg\u002Fimagefile3.jpg","imagefile3",[],{"type":40,"value":539},{"type":40,"value":539},{"type":27,"tag":32,"props":1801,"children":1802},{},[1803,1804,1809,1810,1815],{"type":40,"value":617},{"type":27,"tag":36,"props":1805,"children":1806},{},[1807],{"type":40,"value":1808},"５．iPadとPCをケーブルでつなぐ",{"type":40,"value":617},{"type":27,"tag":94,"props":1811,"children":1812},{},[1813],{"type":40,"value":1814},"iPadとPCをケーブルでつなぐと、SDカード内の写真と同じように取り扱えるが、いろいろ制限がある。",{"type":40,"value":539},{"type":40,"value":1817},"          \n    ",{"type":40,"value":539},{"type":27,"tag":28,"props":1820,"children":1821},{},[1822,1824,1828,1829,1908,1910,1913],{"type":40,"value":1823},"\n                    ",{"type":27,"tag":646,"props":1825,"children":1827},{"style":1826},"color: white;",[],{"type":40,"value":539},{"type":27,"tag":32,"props":1830,"children":1831},{},[1832,1833,1865,1866,1875,1888,1889,1907],{"type":40,"value":617},{"type":27,"tag":36,"props":1834,"children":1835},{},[1836,1847,1853],{"type":27,"tag":1837,"props":1838,"children":1840},"b",{"style":1839},"mso-bidi-font-weight:normal",[1841],{"type":27,"tag":1704,"props":1842,"children":1844},{"style":1843},"font-size:10.5pt;mso-bidi-font-size:11.0pt;font-family:\"游明朝\",serif;\nmso-ascii-theme-font:minor-latin;mso-fareast-theme-font:minor-fareast;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:\"Times New Roman\";\nmso-bidi-theme-font:minor-bidi;color:red;mso-ansi-language:EN-US;mso-fareast-language:JA;mso-bidi-language:AR-SA",[1845],{"type":40,"value":1846},"↓↓↓↓↓↓↓↓↓",{"type":27,"tag":1704,"props":1848,"children":1850},{"style":1849},"font-size:10.5pt;mso-bidi-font-size:11.0pt;font-family:ＤＦ特太ゴシック体;\nmso-bidi-font-family:\"Times New Roman\";mso-bidi-theme-font:minor-bidi;color:#002060;mso-ansi-language:EN-US;mso-fareast-language:JA;mso-bidi-language:\nAR-SA",[1851],{"type":40,"value":1852},"　もっと簡単・ダイレクトな方法は？　",{"type":27,"tag":1704,"props":1854,"children":1856},{"style":1855},"font-size:10.5pt;mso-bidi-font-size:\n11.0pt;font-family:\"游明朝\",serif;mso-ascii-theme-font:minor-latin;mso-fareast-theme-font:minor-fareast;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:\"Times New Roman\";\nmso-bidi-theme-font:minor-bidi;mso-ansi-language:EN-US;mso-fareast-language:JA;mso-bidi-language:AR-SA",[1857],{"type":27,"tag":1837,"props":1858,"children":1859},{"style":1839},[1860],{"type":27,"tag":1704,"props":1861,"children":1863},{"style":1862},"color:red",[1864],{"type":40,"value":1846},{"type":40,"value":617},{"type":27,"tag":94,"props":1867,"children":1868},{},[1869,1870],{"type":40,"value":617},{"type":27,"tag":154,"props":1871,"children":1874},{"src":1872,"alt":1873,"width":158},"\u002Fimg\u002Fimagefile4.jpg","imagefile4",[],{"type":27,"tag":94,"props":1876,"children":1877},{},[1878,1880,1886],{"type":40,"value":1879},"６．",{"type":27,"tag":43,"props":1881,"children":1883},{"href":1882},"#lightningsd",[1884],{"type":40,"value":1885},"🔗Lightning to SD Card Camera Reader ",{"type":40,"value":1887},"を使えば、SDカードを直接読み書きできる。SDカードの画像等は、PCで読み込める（書いたり消したりはできない）。ドライブ名は、PWSL16 や NO NAME などと表示される。\n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":1890,"children":1891},{},[1892,1894,1900,1902,1905],{"type":40,"value":1893},"\n        ７．",{"type":27,"tag":43,"props":1895,"children":1897},{"href":1896},"#lightningusb",[1898],{"type":40,"value":1899},"🔗Lightning to USB3 Camera Adapter ",{"type":40,"value":1901},"を使えば、公用USBメモリを直接読み書きできる。画像等に限らずすべてのファイルを PC ⇔ iPad 間で自由にコピーできることになる。これまでは、Googleドライブまたは公用ハードディスク＋提出フォルダ を使うしかなく、非常に面倒だった。\n                    ",{"type":27,"tag":80,"props":1903,"children":1904},{},[],{"type":40,"value":1906},"　※ USBメモリは、SDカードより電気を食うので、ライトニングケーブルで電力供給を！  \n        ",{"type":40,"value":539},{"type":40,"value":1909},"\n            ",{"type":27,"tag":646,"props":1911,"children":1912},{"style":1826},[],{"type":40,"value":539},{"type":40,"value":1817},{"type":27,"tag":28,"props":1916,"children":1917},{},[1918,1919,1953,1954,2009,2010,2044],{"type":40,"value":539},{"type":27,"tag":32,"props":1920,"children":1921},{},[1922,1923,1928,1929,1934,1935,1940,1941,1946,1947,1952],{"type":40,"value":617},{"type":27,"tag":36,"props":1924,"children":1925},{},[1926],{"type":40,"value":1927},"８．画像を手に入れる方法",{"type":40,"value":617},{"type":27,"tag":94,"props":1930,"children":1931},{},[1932],{"type":40,"value":1933},"\n        ・ネットで画像を　右クリック（長押し）－名前を付けて保存（画像をダウンロード） もひとつの方法。  \n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":1936,"children":1937},{},[1938],{"type":40,"value":1939},"\n        ・文字を入れた画像を作りたいときは、パワーポイントでスライドを作り、ファイル－名前を付けて保存－ファイルの種類JPEG(*.jpg)　で保存すると簡単。  \n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":1942,"children":1943},{},[1944],{"type":40,"value":1945},"\n        ・PC画面のスクリーンショットをとるには、PRTSCキーを押してクリップボードにコピーする。  \n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":1948,"children":1949},{},[1950],{"type":40,"value":1951},"\n        ・PhotoScape(フォトスケープ)というフリーソフトで、画像編集－メニュー－クリップボードから写真を読み込み　で貼り付けられ、編集できるようになる。  \n        ",{"type":40,"value":539},{"type":40,"value":539},{"type":27,"tag":32,"props":1955,"children":1956},{},[1957,1958,1963,1964,1969,1972,1974,1977,1979,1982,1984,1987,1989,1992,1994,1997,1999,2002,2004,2007],{"type":40,"value":617},{"type":27,"tag":36,"props":1959,"children":1960},{},[1961],{"type":40,"value":1962},"９．画像を組み合わせて新しい画像を作る方法",{"type":40,"value":1776},{"type":27,"tag":154,"props":1965,"children":1968},{"src":1966,"alt":1967,"width":158},"\u002Fimg\u002Fphotoscape.jpg","photoscape",[],{"type":27,"tag":80,"props":1970,"children":1971},{},[],{"type":40,"value":1973},"①画像編集-（右下の）メニュー-新しい写真-（大きめのサイズを指定して）ＯＫ。\n                ",{"type":27,"tag":80,"props":1975,"children":1976},{},[],{"type":40,"value":1978},"②（左下のホームの右）オブジェクト-（左上の山のアイコン）写真-Photo…-（画像を選んで）開く-ＯＫ。または、事前に画像をコピーしておき、写真-クリップボード画像-ＯＫ。\n                ",{"type":27,"tag":80,"props":1980,"children":1981},{},[],{"type":40,"value":1983},"③挿入された画像の周囲のマークを操作して、位置や大きさや傾きを調整する。\n                ",{"type":27,"tag":80,"props":1985,"children":1986},{},[],{"type":40,"value":1988},"④写真以外のものを挿入するには、ハート（アイコン）、吹き出し、Ｔ（文字）、図形のアイコンをクリックする。\n                ",{"type":27,"tag":80,"props":1990,"children":1991},{},[],{"type":40,"value":1993},"⑤画像の組み合わせが完成したら、余分な部分をカットするために、（オブジェクトの右の）トリミング-（ドラッグで領域を選択して）トリミング。\n                ",{"type":27,"tag":80,"props":1995,"children":1996},{},[],{"type":40,"value":1998},"⑥ホーム　でサイズや明るさなどを調整して仕上げをしたら、（右下の）保存-名前をつけて保存 で保存する。\n                ",{"type":27,"tag":80,"props":2000,"children":2001},{},[],{"type":40,"value":2003},"⑦印刷に使う予定の画像は、自動レベル－オートコントラスト－高、明るさ,カラー－輝度カーブで明るめに調整するとよい。サイズ変更は、リサイズ－より長い方を減少：800px程度にする。\n                ",{"type":27,"tag":80,"props":2005,"children":2006},{},[],{"type":40,"value":2008},"⑧画面にきれいに大写ししたい画像は、1600pxでリサイズする。保存は、JPEGよりPNG(*.png)で行う方が美しい。ただし、ファイル容量が大きくなるので、PNGooで軽量化するとよい。\n    ",{"type":40,"value":539},{"type":27,"tag":32,"props":2011,"children":2012},{},[2013,2014,2019,2020,2025,2026,2031,2032,2043],{"type":40,"value":617},{"type":27,"tag":36,"props":2015,"children":2016},{},[2017],{"type":40,"value":2018},"10.　画像を画面に映して見せる方法",{"type":40,"value":617},{"type":27,"tag":94,"props":2021,"children":2022},{},[2023],{"type":40,"value":2024},"\n        ・説明文が必要なら、プレゼンテーションソフト（Power Point，Google Slides，Keynote）を使う。\n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":2027,"children":2028},{},[2029],{"type":40,"value":2030},"\n        ・単なるスライドショーなら、WindowsのフォトやiPadの写真アプリを使う。\n        ",{"type":40,"value":617},{"type":27,"tag":94,"props":2033,"children":2034},{},[2035,2037,2042],{"type":40,"value":2036},"\n        ・",{"type":27,"tag":43,"props":2038,"children":2039},{"href":1678},[2040],{"type":40,"value":2041},"🔗ソックリッカーを使えば、PCで準備して、iPadで見せる（どのiPadにも同時に…）ことができる。画像だけでなく、クイズ・説明・Webページ・プレゼン・ホワイトボードも見せたり、子機へ配信したりできる。",{"type":40,"value":617},{"type":40,"value":539},{"type":40,"value":539},{"type":27,"tag":80,"props":2046,"children":2047},{},[],{"type":27,"tag":126,"props":2049,"children":2051},{"id":2050},"bunri",[2052],{"type":40,"value":2053},"【考察】なんでこうなった？",{"type":27,"tag":94,"props":2055,"children":2056},{},[2057],{"type":40,"value":2058},"　原因を３つにまとめてみました。",{"type":27,"tag":80,"props":2060,"children":2061},{},[],{"type":27,"tag":2063,"props":2064,"children":2066},"h4",{"id":2065},"ネットワーク分離のせい",[2067],{"type":40,"value":2065},{"type":27,"tag":94,"props":2069,"children":2070},{},[2071],{"type":40,"value":2072},"　2016年の佐賀県立学校不正アクセス事件以降、情報セキュリティ強化策としてネットワーク分離等が行われました。ハダノが勤務していた市では、A授業用ネットワーク（インターネット接続可）・B校務用ネットワーク（インターネット接続可）・C校務用ネットワーク（インターネット接続不可）の3系統に分かれていました。各系統ごとに専用のプリンタを使い、データの受け渡しも厳しく制限されています。私用USBメモリは禁止で、A～C間でデータを受け渡すための公用USBメモリ・公用ポータブルハードディスクが各校１つずつあるだけです。画像をデジカメから取り込むために、SDカードの画像ファイル読み込みだけは許可されていました。",{"type":27,"tag":94,"props":2074,"children":2075},{},[2076],{"type":40,"value":2077},"　こんなガチガチの制限があると、「ちょっと学年通信に画像を入れようか」と思っても、AやBのPCは学校に数台しかなくデータ移動の煩雑さを考えるとおっくうになってしまいます。",{"type":27,"tag":94,"props":2079,"children":2080},{},[2081],{"type":40,"value":2082},"　そもそも佐賀県は、事件当時もネットワークは分離していて、両系統とも不正アクセスされていました。内部に協力者がいたり、ID・パスワード管理がずさんだったりしたためと言われています。セキュリティ強化の方向性がずれているとしか思えません。こんな使いにくいシステムにしておいて、「教員はICTをもっと活用せよ」と命じられてもなあ……というのが本音です。",{"type":27,"tag":80,"props":2084,"children":2085},{},[],{"type":27,"tag":2063,"props":2087,"children":2089},{"id":2088},"ipadがpcと違うせい",[2090],{"type":40,"value":2091},"iPadがPCと違うせい",{"type":27,"tag":94,"props":2093,"children":2094},{},[2095],{"type":40,"value":2096},"　文科省の定義では、タブレットは可搬型PCということになっています。Windowsタブレット・Chromebookタブレットは、Windows・Chrome OSというデスクトップOSで動くので、ノート型PCと大差ありません。それに対してiPadは、iPadOS（iOS）というモバイルOSで動くので、PCというよりスマホに近い存在です。校務でPCを使い慣れた教員にとって、モバイル端末独特の操作を覚えることは第1のハードルとなります。",{"type":27,"tag":94,"props":2098,"children":2099},{},[2100,2102,2109],{"type":40,"value":2101},"　第2のハードルは、Apple独特の操作に合わせることです。日本語入力ひとつとっても、MicrosoftやGoogleのやり方とは違うので、戸惑います。Windowsのエクスプローラーにあたるアプリが、iPadでは貧弱で、",{"type":27,"tag":43,"props":2103,"children":2106},{"href":2104,"rel":2105},"https:\u002F\u002Fdapanblog.com\u002Fdocuments-app\u002F",[233],[2107],{"type":40,"value":2108},"🔗Documents ",{"type":40,"value":2110},"というアプリを導入して少しまともになる程度です。PCとiPadをつないでも、いじれるのはカメラロールだけです。しかも、容量の大きいファイルをコピーしようとするとエラーが起きます。Androidのように、すべてのフォルダに自由にアクセスできるわけではありません。",{"type":27,"tag":94,"props":2112,"children":2113},{},[2114,2116,2120],{"type":40,"value":2115},"　容量の大きいファイルの場合、Gmailで送ろうとしてもエラーが起きます。PCだったら、自動的にGoogle Driveにアップロードされてリンクが送られるのに、iPadのGmailアプリではそうなりません。結局、\n",{"type":27,"tag":43,"props":2117,"children":2118},{"href":1882},[2119],{"type":40,"value":1885},{"type":40,"value":2121},"\nなどを使って、PCにファイルをコピーするしかありません。",{"type":27,"tag":94,"props":2123,"children":2124},{},[2125,2127,2133,2135],{"type":40,"value":2126},"　第3のハードルは、Apple独自のハードウエアをそろえることです。データ転送・充電用のケーブルは、USBがスタンダードです。",{"type":27,"tag":43,"props":2128,"children":2130},{"href":2129},"#ipadair",[2131],{"type":40,"value":2132},"🔗iPadも最近の上位機種は、USBに",{"type":40,"value":2134},"なってきていますが、無印iPadはいまだにLightningです。低性能・低互換性・高価格でいいとこなしのケーブル規格は、ユーザーの利便性を損ねます。学校現場のように予算が限られていると、必要な分をそろえられません。早くUSBへ統一される日が来てほしいと思います。→",{"type":27,"tag":43,"props":2136,"children":2139},{"href":2137,"rel":2138},"https:\u002F\u002Fnews.yahoo.co.jp\u002Farticles\u002Fbd7ff339b1beb001b886c535f0c206be5b96696a",[233],[2140],{"type":40,"value":2141}," 🔗EU、すべてのスマホに「USB Type-C」義務付けで合意…アップルはiPhoneにType-Cを搭載するのか、それとも...",{"type":27,"tag":80,"props":2143,"children":2144},{},[],{"type":27,"tag":2063,"props":2146,"children":2148},{"id":2147},"画像編集に不慣れなせい",[2149],{"type":40,"value":2147},{"type":27,"tag":94,"props":2151,"children":2152},{},[2153],{"type":40,"value":2154},"　デジカメなどで撮った写真をそのままワードに貼るというのも、「画像あるある」です。トリミング・明るさの補正・リサイズぐらい、最低やるべきだと思います。「PhotoScapeなど手軽なフリーソフトがあるよ」と教えても、インストールすらしたことがない教員が多いのです。今どきのソフトは、ヘルプを見て基本操作を理解し、困ったらネットで検索するものです。教員は、紙のマニュアルを欲しがります。「ヘルプを見たらわかるよ」と言ったら、「印刷してくれないんですか。教頭先生は不親切です！」と怒られたことが何度もあります。",{"type":27,"tag":80,"props":2156,"children":2157},{},[],{"type":27,"tag":126,"props":2159,"children":2161},{"id":2160},"結論習うより慣れよ",[2162],{"type":40,"value":2163},"【結論】習うより慣れよ",{"type":27,"tag":94,"props":2165,"children":2166},{},[2167],{"type":40,"value":2168},"　ネットワークや機材などメーカーや上の方々に要求し続けるべきものもあります。しかし現場の教員が画像ファイルの扱いを修得するには、人に理屈で教えてもらうよりも、実地に何度も何度も繰り返して慣れることが大切です。",{"type":27,"tag":94,"props":2170,"children":2171},{},[2172],{"type":40,"value":2173},"　「習うより慣れよ」です。",{"type":27,"tag":80,"props":2175,"children":2177},{"id":2176},"lightningsd",[],{"type":27,"tag":533,"props":2179,"children":2181},{"className":2180},[536],[2182,2183,2196,2197],{"type":40,"value":539},{"type":27,"tag":533,"props":2184,"children":2186},{"className":2185},[543],[2187],{"type":27,"tag":43,"props":2188,"children":2191},{"target":46,"rel":2189,"href":2190},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F285e87ec.0472c13a.285e87ed.e5b8c7ed\u002F_RTLink57026?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fhappyaloha%2F0200160012%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2192],{"type":27,"tag":154,"props":2193,"children":2195},{"src":2194},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fhappyaloha\u002Fcabinet\u002Fitem\u002Fimportgoods\u002Fappleadapter\u002Fapplesd.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":2198,"children":2200},{"className":2199},[559],[2201,2202,2212,2213,2232,2233,2270],{"type":40,"value":562},{"type":27,"tag":533,"props":2203,"children":2205},{"className":2204},[566],[2206],{"type":27,"tag":43,"props":2207,"children":2209},{"target":46,"rel":2208,"href":2190},[548],[2210],{"type":40,"value":2211},"アップル純正品　Apple Lightning SDカードカメラリーダー Lightning to SD Card Camera Reader MJYT2AM",{"type":40,"value":562},{"type":27,"tag":533,"props":2214,"children":2216},{"className":2215},[578],[2217,2220,2222,2225,2227,2230],{"type":27,"tag":80,"props":2218,"children":2219},{},[],{"type":40,"value":2221},"※ Lightning端子に接続してSDカードを読み書きするためのものです。",{"type":27,"tag":80,"props":2223,"children":2224},{},[],{"type":40,"value":2226},"Apple純正でないとOSアップデートで使えなくなることがあります。高くても仕方ありません。",{"type":27,"tag":80,"props":2228,"children":2229},{},[],{"type":40,"value":2231},"Lightningを廃止し、USBに統一してほしいものです。",{"type":40,"value":562},{"type":27,"tag":533,"props":2234,"children":2236},{"className":2235},[599,600],[2237,2238,2247,2248,2258,2259,2269],{"type":40,"value":603},{"type":27,"tag":533,"props":2239,"children":2240},{},[2241],{"type":27,"tag":43,"props":2242,"children":2245},{"className":2243,"target":46,"rel":2244,"href":2190},[610,611],[548],[2246],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":2249,"children":2250},{},[2251],{"type":27,"tag":43,"props":2252,"children":2256},{"className":2253,"target":46,"rel":2254,"href":2255},[610,624],[548],"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%2FB0198HIF7K",[2257],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":2260,"children":2261},{},[2262],{"type":27,"tag":43,"props":2263,"children":2267},{"className":2264,"target":46,"rel":2265,"href":2266},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fonemorething%2F4547597933107.html",[2268],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":2272,"children":2274},{"id":2273},"lightningusb",[],{"type":27,"tag":533,"props":2276,"children":2278},{"className":2277},[536],[2279,2280,2293,2294],{"type":40,"value":539},{"type":27,"tag":533,"props":2281,"children":2283},{"className":2282},[543],[2284],{"type":27,"tag":43,"props":2285,"children":2288},{"target":46,"rel":2286,"href":2287},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F285ea93b.ba7b39c8.285ea93c.7279dbc2\u002F_RTLink57026?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fnnbay%2Fmk0w2ama%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2289],{"type":27,"tag":154,"props":2290,"children":2292},{"src":2291},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fnnbay\u002Fcabinet\u002Fapple\u002Fgenuine\u002Fmd826am-a_2.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":2295,"children":2297},{"className":2296},[559],[2298,2299,2309,2310,2328,2329,2366],{"type":40,"value":562},{"type":27,"tag":533,"props":2300,"children":2302},{"className":2301},[566],[2303],{"type":27,"tag":43,"props":2304,"children":2306},{"target":46,"rel":2305,"href":2287},[548],[2307],{"type":40,"value":2308},"Apple純正 Lightning - USB 3カメラアダプタ (MKOW2AM\u002FA) Lightning to USB 3 Camera Adapter",{"type":40,"value":562},{"type":27,"tag":533,"props":2311,"children":2313},{"className":2312},[578],[2314,2317,2319,2322,2323,2326],{"type":27,"tag":80,"props":2315,"children":2316},{},[],{"type":40,"value":2318},"※ Lightning端子に接続してUSBメモリを読み書きするためのものです。",{"type":27,"tag":80,"props":2320,"children":2321},{},[],{"type":40,"value":2226},{"type":27,"tag":80,"props":2324,"children":2325},{},[],{"type":40,"value":2327},"Lightning規格の問題で電力不足に陥るため、電力供給必須です。USB接続ならこんな苦労ないのに……",{"type":40,"value":562},{"type":27,"tag":533,"props":2330,"children":2332},{"className":2331},[599,600],[2333,2334,2343,2344,2354,2355,2365],{"type":40,"value":603},{"type":27,"tag":533,"props":2335,"children":2336},{},[2337],{"type":27,"tag":43,"props":2338,"children":2341},{"className":2339,"target":46,"rel":2340,"href":2287},[610,611],[548],[2342],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":2345,"children":2346},{},[2347],{"type":27,"tag":43,"props":2348,"children":2352},{"className":2349,"target":46,"rel":2350,"href":2351},[610,624],[548],"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%2FB075NBTKWN",[2353],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":2356,"children":2357},{},[2358],{"type":27,"tag":43,"props":2359,"children":2363},{"className":2360,"target":46,"rel":2361,"href":2362},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fkizawa-store%2Fmk0w2ama.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2364],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":2368,"children":2370},{"id":2369},"ipadair",[],{"type":27,"tag":533,"props":2372,"children":2374},{"className":2373},[536],[2375,2376,2389,2390],{"type":40,"value":539},{"type":27,"tag":533,"props":2377,"children":2379},{"className":2378},[543],[2380],{"type":27,"tag":43,"props":2381,"children":2384},{"target":46,"rel":2382,"href":2383},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F1c31a7e9.545b2c08.1c31a7ea.d83a8f7a\u002F_RTLink57026?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Ffba498965fcd517c69bf4e6a4232c44a%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjEsImFtcCI6ZmFsc2V9",[2385],{"type":27,"tag":154,"props":2386,"children":2388},{"src":2387},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fauc-worldichi\u002Fcabinet\u002F2\u002F4549995295160.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":2391,"children":2393},{"className":2392},[559],[2394,2395,2405,2406,2425,2426,2463],{"type":40,"value":562},{"type":27,"tag":533,"props":2396,"children":2398},{"className":2397},[566],[2399],{"type":27,"tag":43,"props":2400,"children":2402},{"target":46,"rel":2401,"href":2383},[548],[2403],{"type":40,"value":2404},"iPad Air 第5世代 10.9インチ 64GB Wi-Fi ",{"type":40,"value":562},{"type":27,"tag":533,"props":2407,"children":2409},{"className":2408},[578],[2410,2413,2415,2418,2420,2423],{"type":27,"tag":80,"props":2411,"children":2412},{},[],{"type":40,"value":2414},"※ ハダノが自宅用に買った第四世代の後継機です。",{"type":27,"tag":80,"props":2416,"children":2417},{},[],{"type":40,"value":2419},"選んだ決め手は、Lightning端子ではなくUSB端子だという点です。Windows PCやAndroidスマホ用の周辺機器をほぼそのまま使うことができて驚きました。",{"type":27,"tag":80,"props":2421,"children":2422},{},[],{"type":40,"value":2424},"Appleには一日も早く、USBへ完全移行してほしいと思います。",{"type":40,"value":562},{"type":27,"tag":533,"props":2427,"children":2429},{"className":2428},[599,600],[2430,2431,2440,2441,2451,2452,2462],{"type":40,"value":603},{"type":27,"tag":533,"props":2432,"children":2433},{},[2434],{"type":27,"tag":43,"props":2435,"children":2438},{"className":2436,"target":46,"rel":2437,"href":2383},[610,611],[548],[2439],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":2442,"children":2443},{},[2444],{"type":27,"tag":43,"props":2445,"children":2449},{"className":2446,"target":46,"rel":2447,"href":2448},[610,624],[548],"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%2FB09V3LQGTM",[2450],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":2453,"children":2454},{},[2455],{"type":27,"tag":43,"props":2456,"children":2460},{"className":2457,"target":46,"rel":2458,"href":2459},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fgiga-web2%2F62844.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2461],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":2465,"children":2466},{},[],{"type":27,"tag":646,"props":2468,"children":2469},{},[],{"type":27,"tag":94,"props":2471,"children":2472},{},[2473],{"type":27,"tag":43,"props":2474,"children":2476},{"href":2475},"\u002Farticles\u002Fict-2",[2477],{"type":40,"value":2478},"次へ→　ICTあるある―2",{"title":8,"searchDepth":266,"depth":266,"links":2480},[2481],{"id":1582,"depth":266,"text":1557,"children":2482},[2483,2485,2486],{"id":1699,"depth":285,"text":2484},"「あの写真はどのiPad？」をなくし、画像ファイルの扱いをもっと便利に！　　▶ をクリックで詳細を…",{"id":2050,"depth":285,"text":2053},{"id":2160,"depth":285,"text":2163},"content:articles:ict-1.md","articles\u002Fict-1.md","articles\u002Fict-1",{"_path":1151,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2491,"description":2492,"category":2493,"tag":2494,"thumbnail":692,"createdAt":2496,"updatedAt":2497,"body":2498,"_type":676,"_id":2964,"_source":678,"_file":2965,"_stem":2966,"_extension":681},"ソックリッカー活用で授業改善を","授業配信アプリ「ソックリッカー」を活用するとなぜ授業改善ができるのかを科学的に解説",[687],[17,689,2495,690],"ebe","2022\u002F5\u002F2","2022\u002F5\u002F10",{"type":24,"children":2499,"toc":2959},[2500,2505,2508,2514,2538,2543,2548,2553,2558,2563,2568,2571,2576,2581,2586,2591,2596,2601,2606,2611,2616,2621,2626,2631,2636,2641,2646,2651,2656,2659,2664,2677,2682,2687,2692,2724,2738,2743,2748,2753,2757,2845,2849,2937,2940,2943,2951],{"type":27,"tag":94,"props":2501,"children":2502},{},[2503],{"type":40,"value":2504},"　この記事では、授業配信アプリ「ソックリッカー」を活用するとなぜ授業改善ができるのかを解説します。想起練習、知識の活性化、学びの責任の移行、同調圧力なしでの見取り…など、エビデンス（科学的根拠）に基づく教育に取り組んでみませんか。",{"type":27,"tag":80,"props":2506,"children":2507},{},[],{"type":27,"tag":89,"props":2509,"children":2511},{"id":2510},"忘れたころに思い出させて学力向上を",[2512],{"type":40,"value":2513},"忘れたころに思い出させて、学力向上を",{"type":27,"tag":166,"props":2515,"children":2516},{},[2517,2527],{"type":27,"tag":170,"props":2518,"children":2519},{},[2520,2521],{"type":40,"value":394},{"type":27,"tag":43,"props":2522,"children":2524},{"href":2523},"#peterbrown",[2525],{"type":40,"value":2526},"🔗 使える脳の鍛え方 成功する学習の科学（ピーター・ブラウン他著）",{"type":27,"tag":170,"props":2528,"children":2529},{},[2530,2531],{"type":40,"value":394},{"type":27,"tag":43,"props":2532,"children":2535},{"href":2533,"rel":2534},"https:\u002F\u002Fkyodx.com\u002Fimg\u002Fmemory15sec.pdf",[233],[2536],{"type":40,"value":2537},"🔗 15秒記憶法",{"type":27,"tag":94,"props":2539,"children":2540},{},[2541],{"type":40,"value":2542},"　もし、赤ずきんが大人におんぶされて１週間連続おばあさん宅を訪問しても、後日ひとりで行けるかは怪しいものです。本人は「何度も行ってるから大丈夫」と思っても、自分で苦労して道を記憶していないので迷うに違いありません。",{"type":27,"tag":94,"props":2544,"children":2545},{},[2546],{"type":40,"value":2547},"　何度も迷ってやっとたどりつくことを時期をずらして何回か経験するうちに、ひとりで行けるようになります。",{"type":27,"tag":94,"props":2549,"children":2550},{},[2551],{"type":40,"value":2552},"　学習も同じで、連続で同じ文章を読んでスラスラになっても、その記憶は一時的・表面的なものに留まります。",{"type":27,"tag":94,"props":2554,"children":2555},{},[2556],{"type":40,"value":2557},"　「忘れたころに思い出させる」ことを期間をあけて繰り返すことでやっと記憶は定着します。",{"type":27,"tag":94,"props":2559,"children":2560},{},[2561],{"type":40,"value":2562},"　授業の中でときどきクイズをすれば、想起練習（忘れたころに思い出させる）ができ、学力が向上します。",{"type":27,"tag":94,"props":2564,"children":2565},{},[2566],{"type":40,"value":2567},"　ソックリッカーを使えば、楽しくクイズができるのです。　",{"type":27,"tag":80,"props":2569,"children":2570},{},[],{"type":27,"tag":89,"props":2572,"children":2574},{"id":2573},"クイズの工夫で知識の活性化を",[2575],{"type":40,"value":2573},{"type":27,"tag":94,"props":2577,"children":2578},{},[2579],{"type":40,"value":2580},"　新学習指導要領の三つの視点のうち、",{"type":27,"tag":94,"props":2582,"children":2583},{},[2584],{"type":40,"value":2585},"　ア　「思考力・判断力・表現力等」「学びに向かう力・人間性等」（コンピテンシー：汎用的スキル）",{"type":27,"tag":94,"props":2587,"children":2588},{},[2589],{"type":40,"value":2590},"　ウ　「知識・技能」（コンテンツ：教科等に固有の知識や個別スキル）",{"type":27,"tag":94,"props":2592,"children":2593},{},[2594],{"type":40,"value":2595},"は、ともすると分離・対立しがちです。",{"type":27,"tag":94,"props":2597,"children":2598},{},[2599],{"type":40,"value":2600},"　この２つを有機的に結び付けるのが",{"type":27,"tag":94,"props":2602,"children":2603},{},[2604],{"type":40,"value":2605},"　イ　「見方・考え方」（教科等の本質に関わるもの）",{"type":27,"tag":94,"props":2607,"children":2608},{},[2609],{"type":40,"value":2610},"であり、これを働かせることでバラバラの知識を統合して活性化された知識（概念）へと高められます。",{"type":27,"tag":94,"props":2612,"children":2613},{},[2614],{"type":40,"value":2615},"　活性化された知識では、条件節IF と行為節THEN が対をなしており、行為節の知識がどんな場合に活用可能かは条件節の中に明示されています。",{"type":27,"tag":94,"props":2617,"children":2618},{},[2619],{"type":40,"value":2620},"　従来の学校教育では、条件節の指導を軽視し、生きて働かない知識にとどまりがちでした。",{"type":27,"tag":94,"props":2622,"children":2623},{},[2624],{"type":40,"value":2625},"　近年、英語の指導でよく言われるオーセンティックな学習（真正の学習）では、条件節の部分を実生活で出会いそうな場面にすることで 本物の実践に近づけます。",{"type":27,"tag":94,"props":2627,"children":2628},{},[2629],{"type":40,"value":2630},"　「単なる知識→知識を含んだ能力」へ 転換するには、クイズにも工夫が必要です。",{"type":27,"tag":94,"props":2632,"children":2633},{},[2634],{"type":40,"value":2635},"demo先生の例を参照…",{"type":27,"tag":94,"props":2637,"children":2638},{},[2639],{"type":40,"value":2640},"　10．知識Ｑ 低いギアに変えることによるブレーキは？ フット…、サイド…、エンジン…、排気…",{"type":27,"tag":94,"props":2642,"children":2643},{},[2644],{"type":40,"value":2645},"　11. 能力Ｑ エンジンブレーキを使う場面は？ 雪道、長い下り坂、市街地、駐車時",{"type":27,"tag":94,"props":2647,"children":2648},{},[2649],{"type":40,"value":2650},"　もちろん、場面を答えて終わりにせず、理由を出し合えば議論が深まります。",{"type":27,"tag":94,"props":2652,"children":2653},{},[2654],{"type":40,"value":2655},"　票数の少ない方から理由を述べさせると、多数派に押されて意見を言いにくいということが防げます。",{"type":27,"tag":80,"props":2657,"children":2658},{},[],{"type":27,"tag":89,"props":2660,"children":2662},{"id":2661},"同調圧力なしで見取りを",[2663],{"type":40,"value":2661},{"type":27,"tag":166,"props":2665,"children":2666},{},[2667],{"type":27,"tag":170,"props":2668,"children":2669},{},[2670,2671],{"type":40,"value":394},{"type":27,"tag":43,"props":2672,"children":2674},{"href":2673},"#betterlearning",[2675],{"type":40,"value":2676},"🔗 「学びの責任」は誰にあるのか』～「責任の移行モデル」で授業が変わる～",{"type":27,"tag":94,"props":2678,"children":2679},{},[2680],{"type":40,"value":2681},"　①焦点を絞った指導（教師）、②教師がガイドする指導（教師＋生徒）、③協働学習（生徒たち）、④個別学習（生徒個人）の４つの要素を意識し、子ども主体の学びに変えたいものです。",{"type":27,"tag":94,"props":2683,"children":2684},{},[2685],{"type":40,"value":2686},"　従来の授業は、ほとんど①→④でした。アクティブラーニングで③に力を入れても、他の3つが弱いと、「活動あって学びなし」となります。②は、ＴＴ・ 習熟度別や特別支援など教師を増やしたときぐらいです。",{"type":27,"tag":94,"props":2688,"children":2689},{},[2690],{"type":40,"value":2691},"　特に②で必要となるのが、生徒の理解度の正確な見取りです。周りの生徒につられて挙手したり、笑われるのを恐れて意思表示しなかったりと、見取りは簡単ではありません。自己評価させても、メタ認知力の問題（能力不足で能力不足に気づかない）で不正確になりがちです。",{"type":27,"tag":94,"props":2693,"children":2694},{},[2695,2697,2704,2706,2713,2715,2722],{"type":40,"value":2696},"　これは、多数派に合わせてしまう",{"type":27,"tag":43,"props":2698,"children":2701},{"href":2699,"rel":2700},"https:\u002F\u002Fwww.sogensha.co.jp\u002Fspecial\u002Fshinri\u002Fpdf\u002F064.pdf",[233],[2702],{"type":40,"value":2703},"🔗 「同調」についての実験",{"type":40,"value":2705},"からも明らかなように、深刻な問題です。",{"type":27,"tag":43,"props":2707,"children":2710},{"href":2708,"rel":2709},"https:\u002F\u002Fs.webry.info\u002Fsp\u002Fcharm.at.webry.info\u002F200711\u002Farticle_17.html",[233],[2711],{"type":40,"value":2712},"🔗 いじめも「同調」から生まれる",{"type":40,"value":2714},"と考えられます。最近の研究では、",{"type":27,"tag":43,"props":2716,"children":2719},{"href":2717,"rel":2718},"http:\u002F\u002Fkarapaia.com\u002Farchives\u002F52263835.html",[233],[2720],{"type":40,"value":2721},"🔗 子どもはロボットの意見でも従ってしまう",{"type":40,"value":2723},"ことが判明しました。",{"type":27,"tag":94,"props":2725,"children":2726},{},[2727,2729,2736],{"type":40,"value":2728},"　脳科学的には、",{"type":27,"tag":43,"props":2730,"children":2733},{"href":2731,"rel":2732},"https:\u002F\u002Fja.wikipedia.org\u002Fwiki\u002F%E3%83%9F%E3%83%A9%E3%83%BC%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%AD%E3%83%B3#:~:text=%E3%83%9F%E3%83%A9%E3%83%BC%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%AD%E3%83%B3%EF%BC%88%E8%8B%B1%3A%20Mirror%20neuron,%E3%81%93%E3%81%A8%E3%81%8B%E3%82%89%E5%90%8D%E4%BB%98%E3%81%91%E3%82%89%E3%82%8C%E3%81%9F%E3%80%82",[233],[2734],{"type":40,"value":2735},"🔗 ミラーニューロン（他人の言動を鏡のように自分に置き換えて反応する脳細胞）",{"type":40,"value":2737},"の働きとも言われています。ミラーニューロンの「まねる」機能は、「学ぶ」の基礎だけに敵視することもできずやっかいです。「いいことだけをまねてくれれば…」という願いは、いつも裏切られます。",{"type":27,"tag":94,"props":2739,"children":2740},{},[2741],{"type":40,"value":2742},"　「主体的」と「学ぶ」を両立させるのは困難です。「自己決定・自己存在感」と「共感」を両立させるのも困難です。このジレンマを解決する手立てが必要なのです。",{"type":27,"tag":94,"props":2744,"children":2745},{},[2746],{"type":40,"value":2747},"　ソックリッカーは、同調圧力なしで匿名投票でき、素早くクラス全体の回答分布を得ることができます。匿名性は完全で教師にも知られません。成績を気にせず回答できるのも、小テストより優れている点です。もし秘密投票のチェックをはずせば、投票過程を見える化できます。しかし、クリックしたタイミングで投票がばれたり、先に投票した分の同調圧力を受けたりする恐れがあるので注意しましょう。",{"type":27,"tag":94,"props":2749,"children":2750},{},[2751],{"type":40,"value":2752},"　投票中にほかの子が覗きこまないよう配慮すべきです。",{"type":27,"tag":80,"props":2754,"children":2756},{"id":2755},"peterbrown",[],{"type":27,"tag":533,"props":2758,"children":2760},{"className":2759},[536],[2761,2762,2775,2776],{"type":40,"value":539},{"type":27,"tag":533,"props":2763,"children":2765},{"className":2764},[543],[2766],{"type":27,"tag":43,"props":2767,"children":2770},{"target":46,"rel":2768,"href":2769},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink46324?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13860904%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2771],{"type":27,"tag":154,"props":2772,"children":2774},{"src":2773},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F0668\u002F9784757160668.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":2777,"children":2779},{"className":2778},[559],[2780,2781,2791,2792,2806,2807,2844],{"type":40,"value":562},{"type":27,"tag":533,"props":2782,"children":2784},{"className":2783},[566],[2785],{"type":27,"tag":43,"props":2786,"children":2788},{"target":46,"rel":2787,"href":2769},[548],[2789],{"type":40,"value":2790},"使える脳の鍛え方 成功する学習の科学 [ ピーター・ブラウン ]",{"type":40,"value":562},{"type":27,"tag":533,"props":2793,"children":2795},{"className":2794},[578],[2796,2799,2801,2804],{"type":27,"tag":80,"props":2797,"children":2798},{},[],{"type":40,"value":2800},"※ 忘れかけたころに思い出させる「想起練習」は、記憶の定着に抜群の効果があります。",{"type":27,"tag":80,"props":2802,"children":2803},{},[],{"type":40,"value":2805},"ソックリッカーのクイズ機能は、この本から生まれたのです。",{"type":40,"value":562},{"type":27,"tag":533,"props":2808,"children":2810},{"className":2809},[599,600],[2811,2812,2821,2822,2832,2833,2843],{"type":40,"value":603},{"type":27,"tag":533,"props":2813,"children":2814},{},[2815],{"type":27,"tag":43,"props":2816,"children":2819},{"className":2817,"target":46,"rel":2818,"href":2769},[610,611],[548],[2820],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":2823,"children":2824},{},[2825],{"type":27,"tag":43,"props":2826,"children":2830},{"className":2827,"target":46,"rel":2828,"href":2829},[610,624],[548],"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%2F4757160666",[2831],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":2834,"children":2835},{},[2836],{"type":27,"tag":43,"props":2837,"children":2841},{"className":2838,"target":46,"rel":2839,"href":2840},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fpaypaymall.yahoo.co.jp%2Fstore%2Fbooks-ogaki%2Fitem%2F9784757160668%2F%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2842],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":2846,"children":2848},{"id":2847},"betterlearning",[],{"type":27,"tag":533,"props":2850,"children":2852},{"className":2851},[536],[2853,2854,2867,2868],{"type":40,"value":539},{"type":27,"tag":533,"props":2855,"children":2857},{"className":2856},[543],[2858],{"type":27,"tag":43,"props":2859,"children":2862},{"target":46,"rel":2860,"href":2861},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink46324?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F15164545%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[2863],{"type":27,"tag":154,"props":2864,"children":2866},{"src":2865},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F0809\u002F9784794810809.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":2869,"children":2871},{"className":2870},[559],[2872,2873,2883,2884,2898,2899,2936],{"type":40,"value":562},{"type":27,"tag":533,"props":2874,"children":2876},{"className":2875},[566],[2877],{"type":27,"tag":43,"props":2878,"children":2880},{"target":46,"rel":2879,"href":2861},[548],[2881],{"type":40,"value":2882},"「学びの責任」は誰にあるのか 「責任の移行モデル」で授業が変わる [ ダグラス・フィッシャー ]",{"type":40,"value":562},{"type":27,"tag":533,"props":2885,"children":2887},{"className":2886},[578],[2888,2891,2893,2896],{"type":27,"tag":80,"props":2889,"children":2890},{},[],{"type":40,"value":2892},"※ ハダノは「子ども中心の授業」をめざしながら、実際には教え込みの授業ばかりでした。",{"type":27,"tag":80,"props":2894,"children":2895},{},[],{"type":40,"value":2897},"教師から生徒へ「学びの責任」を徐々に計画的に移行していく必要があることをこの本は教えてくれました。",{"type":40,"value":562},{"type":27,"tag":533,"props":2900,"children":2902},{"className":2901},[599,600],[2903,2904,2913,2914,2924,2925,2935],{"type":40,"value":603},{"type":27,"tag":533,"props":2905,"children":2906},{},[2907],{"type":27,"tag":43,"props":2908,"children":2911},{"className":2909,"target":46,"rel":2910,"href":2861},[610,611],[548],[2912],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":2915,"children":2916},{},[2917],{"type":27,"tag":43,"props":2918,"children":2922},{"className":2919,"target":46,"rel":2920,"href":2921},[610,624],[548],"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%2F4794810806",[2923],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":2926,"children":2927},{},[2928],{"type":27,"tag":43,"props":2929,"children":2933},{"className":2930,"target":46,"rel":2931,"href":2932},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fkinokuniya%2F9784794810809.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[2934],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":2938,"children":2939},{},[],{"type":27,"tag":646,"props":2941,"children":2942},{},[],{"type":27,"tag":94,"props":2944,"children":2945},{},[2946],{"type":27,"tag":43,"props":2947,"children":2948},{"href":147},[2949],{"type":40,"value":2950},"←前へ　授業配信アプリ「ソックリッカー」を作ってみた",{"type":27,"tag":94,"props":2952,"children":2953},{},[2954],{"type":27,"tag":43,"props":2955,"children":2956},{"href":683},[2957],{"type":40,"value":2958},"次へ→　ソックリッカーの始め方【自校運用】",{"title":8,"searchDepth":266,"depth":266,"links":2960},[2961,2962,2963],{"id":2510,"depth":266,"text":2513},{"id":2573,"depth":266,"text":2573},{"id":2661,"depth":266,"text":2661},"content:articles:soclicker-2.md","articles\u002Fsoclicker-2.md","articles\u002Fsoclicker-2",{"_path":147,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2968,"description":2969,"category":2970,"tag":2971,"thumbnail":692,"createdAt":2972,"updatedAt":2973,"body":2974,"_type":676,"_id":3689,"_source":678,"_file":3690,"_stem":3691,"_extension":681},"授業配信アプリ「ソックリッカー」を作ってみた","ネット機器さえあれば、だれでもどの機種でも使えるアクティブラーニング用の無料Webアプリ",[687],[17,689,690],"2022\u002F5\u002F1","2022\u002F5\u002F9",{"type":24,"children":2975,"toc":3680},[2976,2981,2991,2994,3000,3005,3019,3033,3038,3042,3047,3058,3063,3068,3071,3077,3088,3091,3096,3117,3122,3138,3143,3154,3159,3170,3175,3186,3191,3207,3213,3224,3227,3285,3288,3294,3305,3308,3321,3324,3330,3335,3369,3372,3377,3400,3403,3408,3421,3424,3429,3452,3455,3460,3478,3481,3569,3573,3666,3669,3672],{"type":27,"tag":94,"props":2977,"children":2978},{},[2979],{"type":40,"value":2980},"　この記事では、ハダノが学校現場にいたときに作った、授業配信アプリ「ソックリッカー」について紹介します。近隣の学校・教員のみなさんに実際に使っていただき、高評価を得ています。アクティブラーニング型授業をめざすあなたの役に立つかどうか、お確かめください。",{"type":27,"tag":94,"props":2982,"children":2983},{"style":112},[2984,2985],{"type":40,"value":115},{"type":27,"tag":43,"props":2986,"children":2988},{"href":2987},"#soclickerdemo",[2989],{"type":40,"value":2990}," お急ぎの方はこちらへ",{"type":27,"tag":80,"props":2992,"children":2993},{},[],{"type":27,"tag":89,"props":2995,"children":2997},{"id":2996},"授業配信アプリソックリッカーとは",[2998],{"type":40,"value":2999},"授業配信アプリ「ソックリッカー」とは？",{"type":27,"tag":94,"props":3001,"children":3002},{},[3003],{"type":40,"value":3004},"　せっかくタブレットが導入されても、タブレットの種類ごとに専用のアプリ（多くは有料）をそろえなければなりません。授業でリアルタイムに対話的・協働的に使えるアクティブラーニング用アプリは、意外と少ないのが現状です。",{"type":27,"tag":94,"props":3006,"children":3007},{},[3008,3010,3017],{"type":40,"value":3009},"　「なければ作るしかない」と考え、",{"type":27,"tag":43,"props":3011,"children":3014},{"href":3012,"rel":3013},"https:\u002F\u002Farschool.co.jp\u002Fblog\u002Farchives\u002F5646",[233],[3015],{"type":40,"value":3016},"🔗 MOONBlock",{"type":40,"value":3018},"などのJavaScriptプレイグラウンドでプロトタイプを作りました。改良を重ね、Vue.js と Firebase でWebアプリとして作り上げました。",{"type":27,"tag":94,"props":3020,"children":3021},{},[3022,3024,3031],{"type":40,"value":3023},"　大学では、講義を対話的にするためにリモコン型専用端末「",{"type":27,"tag":43,"props":3025,"children":3028},{"href":3026,"rel":3027},"https:\u002F\u002Fwww.waseda.jp\u002Fnavi\u002Frental\u002Fclicker.html",[233],[3029],{"type":40,"value":3030},"🔗 クリッカー",{"type":40,"value":3032},"」が普及しました。そのソックリ版が「ソックリッカー」です。 ネット機器さえあれば、簡単に授業を対話的に変身させられます。インストール不要・ユーザー登録不要の無料Webアプリなので、だれでもどの機種でも使えます。",{"type":27,"tag":94,"props":3034,"children":3035},{},[3036],{"type":40,"value":3037}," 遠隔教育対応の機能も追加し、GIGAスクール時代の授業改善アプリとして進化中です。",{"type":27,"tag":80,"props":3039,"children":3041},{"id":3040},"soclickerdemo",[],{"type":27,"tag":89,"props":3043,"children":3045},{"id":3044},"ソックリッカーの使い方",[3046],{"type":40,"value":3044},{"type":27,"tag":94,"props":3048,"children":3049},{},[3050,3051],{"type":40,"value":394},{"type":27,"tag":43,"props":3052,"children":3055},{"href":3053,"rel":3054},"https:\u002F\u002Fkyodx.com\u002Fsoclicker1.html#help",[233],[3056],{"type":40,"value":3057},"🔗 基本的な使い方 へ",{"type":27,"tag":94,"props":3059,"children":3060},{},[3061],{"type":40,"value":3062},"※ ページが表示されなければ、リロード（↻更新）してください。",{"type":27,"tag":94,"props":3064,"children":3065},{},[3066],{"type":40,"value":3067},"※ InternetExplorer以外のモダンブラウザー（Chrome,Firefox,Safari,…）で見てください。……以下同様……",{"type":27,"tag":80,"props":3069,"children":3070},{},[],{"type":27,"tag":126,"props":3072,"children":3074},{"id":3073},"ソックリッカー親機教師用で制作送信",[3075],{"type":40,"value":3076},"ソックリッカー親機（教師用）で制作・送信",{"type":27,"tag":94,"props":3078,"children":3079},{},[3080,3081],{"type":40,"value":394},{"type":27,"tag":43,"props":3082,"children":3085},{"href":3083,"rel":3084},"https:\u002F\u002Fkyodx.com\u002Fsoclicker0.html",[233],[3086],{"type":40,"value":3087},"🔗 ソックリッカー親機【デモ】 へ",{"type":27,"tag":80,"props":3089,"children":3090},{},[],{"type":27,"tag":94,"props":3092,"children":3093},{},[3094],{"type":40,"value":3095},"１．クイズ",{"type":27,"tag":166,"props":3097,"children":3098},{},[3099,3104,3109],{"type":27,"tag":170,"props":3100,"children":3101},{},[3102],{"type":40,"value":3103},"質問と選択肢を入力し、[投票開始]で投票可能に。",{"type":27,"tag":170,"props":3105,"children":3106},{},[3107],{"type":40,"value":3108},"秘密投票で、同調圧力なしで見取りができる。",{"type":27,"tag":170,"props":3110,"children":3111},{},[3112,3114],{"type":40,"value":3113},"想起練習（忘れたころに思い出させる）で学力Up。\n",{"type":27,"tag":80,"props":3115,"children":3116},{},[],{"type":27,"tag":94,"props":3118,"children":3119},{},[3120],{"type":40,"value":3121},"２．説明",{"type":27,"tag":166,"props":3123,"children":3124},{},[3125,3130],{"type":27,"tag":170,"props":3126,"children":3127},{},[3128],{"type":40,"value":3129},"音声入力可能なら、授業者がしゃべったことをただちに文字列化し、表示・記録できる。",{"type":27,"tag":170,"props":3131,"children":3132},{},[3133,3135],{"type":40,"value":3134},"ワイヤレスイヤホンマイクがあると、授業者が歩き回っても声を拾うことができて便利。\n",{"type":27,"tag":80,"props":3136,"children":3137},{},[],{"type":27,"tag":94,"props":3139,"children":3140},{},[3141],{"type":40,"value":3142},"３．Webページ",{"type":27,"tag":166,"props":3144,"children":3145},{},[3146],{"type":27,"tag":170,"props":3147,"children":3148},{},[3149,3151],{"type":40,"value":3150},"見せたいページを一斉に見せられる。\n",{"type":27,"tag":80,"props":3152,"children":3153},{},[],{"type":27,"tag":94,"props":3155,"children":3156},{},[3157],{"type":40,"value":3158},"４．画像",{"type":27,"tag":166,"props":3160,"children":3161},{},[3162],{"type":27,"tag":170,"props":3163,"children":3164},{},[3165,3167],{"type":40,"value":3166},"ノート写真などを撮れば、ただちに子機にも表示。\n",{"type":27,"tag":80,"props":3168,"children":3169},{},[],{"type":27,"tag":94,"props":3171,"children":3172},{},[3173],{"type":40,"value":3174},"５．プレゼン",{"type":27,"tag":166,"props":3176,"children":3177},{},[3178],{"type":27,"tag":170,"props":3179,"children":3180},{},[3181,3183],{"type":40,"value":3182},"PDFのページをめくりオンラインプレゼンできる。\n",{"type":27,"tag":80,"props":3184,"children":3185},{},[],{"type":27,"tag":94,"props":3187,"children":3188},{},[3189],{"type":40,"value":3190},"６．ホワイトボード",{"type":27,"tag":166,"props":3192,"children":3193},{},[3194,3199],{"type":27,"tag":170,"props":3195,"children":3196},{},[3197],{"type":40,"value":3198},"📝で独自ホワイトボードSocPadを新規作成。",{"type":27,"tag":170,"props":3200,"children":3201},{},[3202,3204],{"type":40,"value":3203},"簡単な操作で、班で作業後に全体で発表も可能。\n",{"type":27,"tag":80,"props":3205,"children":3206},{},[],{"type":27,"tag":126,"props":3208,"children":3210},{"id":3209},"ソックリッカー子機生徒用で受信参加",[3211],{"type":40,"value":3212},"ソックリッカー子機（生徒用）で受信・参加",{"type":27,"tag":94,"props":3214,"children":3215},{},[3216,3217],{"type":40,"value":394},{"type":27,"tag":43,"props":3218,"children":3221},{"href":3219,"rel":3220},"https:\u002F\u002Fkyodx.com\u002Fsoclicker.html",[233],[3222],{"type":40,"value":3223},"🔗 ソックリッカー子機【デモ】 へ",{"type":27,"tag":80,"props":3225,"children":3226},{},[],{"type":27,"tag":166,"props":3228,"children":3229},{},[3230,3235,3240,3245,3250,3255,3267],{"type":27,"tag":170,"props":3231,"children":3232},{},[3233],{"type":40,"value":3234},"先生名を入力して授業を選択。以後は先生の管理下で授業に集中できる。",{"type":27,"tag":170,"props":3236,"children":3237},{},[3238],{"type":40,"value":3239},"情報を受け取るだけでなく、テレビのｄボタンのようにクイズに回答することができる。",{"type":27,"tag":170,"props":3241,"children":3242},{},[3243],{"type":40,"value":3244},"開票結果は子機にも表示され、親機の画面を大きく映せない環境や遠隔授業でも使える。",{"type":27,"tag":170,"props":3246,"children":3247},{},[3248],{"type":40,"value":3249},"オンラインホワイトボードを使うと、生徒同士が自由に意見交換でき、協働学習に役立つ。",{"type":27,"tag":170,"props":3251,"children":3252},{},[3253],{"type":40,"value":3254},"特に、思考ツールで「情報の可視化」と「情報の操作化」を行えば、授業は探究・協働型に変わってゆく。",{"type":27,"tag":170,"props":3256,"children":3257},{},[3258,3260],{"type":40,"value":3259},"思考ツールの枠 → ",{"type":27,"tag":43,"props":3261,"children":3264},{"href":3262,"rel":3263},"https:\u002F\u002Fwww.google.com\u002Fsearch?q=%E6%80%9D%E8%80%83%E3%83%84%E3%83%BC%E3%83%AB%E6%9E%A0+%E7%94%BB%E5%83%8F&tbm=isch&ved=2ahUKEwj-8cvoqr7wAhWBxYsBHVSLAvoQ2-cCegQIABAA&oq=%E6%80%9D%E8%80%83%E3%83%84%E3%83%BC%E3%83%AB%E6%9E%A0+%E7%94%BB%E5%83%8F&gs_lcp=CgNpbWcQAzoECAAQF1Clrw1YxssNYKjfDWgAcAB4AIABbYgB6gmSAQQwLjEymAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=Qb6YYL7NHoGLr7wP1JaK0A8&bih=937&biw=1920",[233],[3265],{"type":40,"value":3266},"🔗 ネット上にある画像",{"type":27,"tag":170,"props":3268,"children":3269},{},[3270,3272,3278],{"type":40,"value":3271},"→ SocPadの背景画像用に自作したもの： ベン図　\n",{"type":27,"tag":43,"props":3273,"children":3276},{"href":3274,"rel":3275},"https:\u002F\u002Fkyodx.com\u002Fimg\u002Fvenndiag.svg",[233],[3277],{"type":40,"value":3274},{"type":27,"tag":154,"props":3279,"children":3284},{"src":3280,"alt":3281,"className":3282},"\u002Fimg\u002Fvenndiag.svg","ベン図",[3283],"imghr",[],{"type":27,"tag":80,"props":3286,"children":3287},{},[],{"type":27,"tag":126,"props":3289,"children":3291},{"id":3290},"ソックリッカー復習生徒用で見逃し受信",[3292],{"type":40,"value":3293},"ソックリッカー復習（生徒用）で見逃し受信",{"type":27,"tag":94,"props":3295,"children":3296},{},[3297,3298],{"type":40,"value":394},{"type":27,"tag":43,"props":3299,"children":3302},{"href":3300,"rel":3301},"https:\u002F\u002Fkyodx.com\u002Fsoclicker1.html",[233],[3303],{"type":40,"value":3304},"🔗 ソックリッカー復習【デモ】 へ",{"type":27,"tag":80,"props":3306,"children":3307},{},[],{"type":27,"tag":166,"props":3309,"children":3310},{},[3311,3316],{"type":27,"tag":170,"props":3312,"children":3313},{},[3314],{"type":40,"value":3315},"自分のペースで授業を振り返ることができる。",{"type":27,"tag":170,"props":3317,"children":3318},{},[3319],{"type":40,"value":3320},"欠席生徒も授業を追体験できる。",{"type":27,"tag":80,"props":3322,"children":3323},{},[],{"type":27,"tag":89,"props":3325,"children":3327},{"id":3326},"ソックリッカーの使いどころ例-主体的対話的で深い学びへ",[3328],{"type":40,"value":3329},"ソックリッカーの使いどころ（例）… 主体的・対話的で深い学びへ",{"type":27,"tag":94,"props":3331,"children":3332},{},[3333],{"type":40,"value":3334},"１　単元導入時",{"type":27,"tag":166,"props":3336,"children":3337},{},[3338,3343,3364],{"type":27,"tag":170,"props":3339,"children":3340},{},[3341],{"type":40,"value":3342},"単元に関連するレディネステストのクイズをソックリッカーでする。",{"type":27,"tag":170,"props":3344,"children":3345},{},[3346,3348,3362],{"type":40,"value":3347},"単元に関連する疑問や追求したいテーマを書かせ、含まれるキーワードをクイズで問う。",{"type":27,"tag":43,"props":3349,"children":3351},{"href":3350},"#question",[3352,3354],{"type":40,"value":3353},"🔗 ",{"type":27,"tag":1295,"props":3355,"children":3356},{},[3357],{"type":27,"tag":1299,"props":3358,"children":3359},{},[3360],{"type":40,"value":3361},"「質問づくり」",{"type":40,"value":3363},"で質問を絞り込むのにも使える。選択肢は、とりあえずア～エとしておき、その場で板書してもよい。",{"type":27,"tag":170,"props":3365,"children":3366},{},[3367],{"type":40,"value":3368},"これを生徒が実生活で出会いそうな場面設定に生かし、真正の学習になるよう、単元を計画する。",{"type":27,"tag":80,"props":3370,"children":3371},{},[],{"type":27,"tag":94,"props":3373,"children":3374},{},[3375],{"type":40,"value":3376},"２-1　授業導入時",{"type":27,"tag":166,"props":3378,"children":3379},{},[3380,3385,3390,3395],{"type":27,"tag":170,"props":3381,"children":3382},{},[3383],{"type":40,"value":3384},"前時までの復習クイズ。または、生活経験からすでに知っていることをクイズで問う。",{"type":27,"tag":170,"props":3386,"children":3387},{},[3388],{"type":40,"value":3389},"前時の振り返り・本時の導入のプレゼンをソックリッカーでする。5分以内にまとめる。",{"type":27,"tag":170,"props":3391,"children":3392},{},[3393],{"type":40,"value":3394},"本時の導入クイズで、予想・意見・立場の分布を調べる。少数派から理由を述べさせるとよい。",{"type":27,"tag":170,"props":3396,"children":3397},{},[3398],{"type":40,"value":3399},"教科の目標と実態のギャップを埋めるべくめあてを設定するが、語彙力・読解力・メタ認知力不足のため、ボタンの掛け違いが起こりがち。「何を,なぜ,どう学ぶのか」クイズをし、班でめあてを確認してから演習に移りたい。困りやつまづきを把握し、授業改善に即生かせる。",{"type":27,"tag":80,"props":3401,"children":3402},{},[],{"type":27,"tag":94,"props":3404,"children":3405},{},[3406],{"type":40,"value":3407},"２-2　授業展開時",{"type":27,"tag":166,"props":3409,"children":3410},{},[3411,3416],{"type":27,"tag":170,"props":3412,"children":3413},{},[3414],{"type":40,"value":3415},"班活動・ペア活動を基本とした演習（問題を解く、実験・実技・ワークショップ・調べ学習をする、意見をホワイトボードにまとめる）を行う。演習中に「チームで協力できていますか」「あと○分ですが順調ですか」「○○ さんはどう思いますか」の３つの質問を投げかけ、気づきを促す。紹介したいノートやホワイトボードを撮影してソックリッカーで見せるとよい。意見をSocPadなどのオンラインホワイトボードにまとめるのにもソックリッカーが使える。",{"type":27,"tag":170,"props":3417,"children":3418},{},[3419],{"type":40,"value":3420},"「比べ・分類する」ことで違いに気付かせるクイズ、過去の経験と「関連付け」させるクイズ、（少し時間を置いて）理解度を確認するクイズなどを時々行う。",{"type":27,"tag":80,"props":3422,"children":3423},{},[],{"type":27,"tag":94,"props":3425,"children":3426},{},[3427],{"type":40,"value":3428},"２-3　授業まとめ時",{"type":27,"tag":166,"props":3430,"children":3431},{},[3432,3437,3442,3447],{"type":27,"tag":170,"props":3433,"children":3434},{},[3435],{"type":40,"value":3436},"班ごとに発表させたとき、どの班がよかったかクイズで相互評価させる。",{"type":27,"tag":170,"props":3438,"children":3439},{},[3440],{"type":40,"value":3441},"ワークシート穴埋め、または白紙に学んだことを書かせ、本時の内容（解決したもの・未解決のもの）をまとめさせる。そこに含まれる（含まれない） キーワードをクイズで問う。",{"type":27,"tag":170,"props":3443,"children":3444},{},[3445],{"type":40,"value":3446},"クイズの答えについての解説のプレゼンをする。３分以内にまとめる。",{"type":27,"tag":170,"props":3448,"children":3449},{},[3450],{"type":40,"value":3451},"本時を振り返らせ、態度目標の達成度や他人へ説明する自信度などをクイズで問う。",{"type":27,"tag":80,"props":3453,"children":3454},{},[],{"type":27,"tag":94,"props":3456,"children":3457},{},[3458],{"type":40,"value":3459},"３　単元まとめ時",{"type":27,"tag":166,"props":3461,"children":3462},{},[3463,3468,3473],{"type":27,"tag":170,"props":3464,"children":3465},{},[3466],{"type":40,"value":3467},"単元を通して学んだことを書かせ、そこに含まれるキーワードをクイズで問う。",{"type":27,"tag":170,"props":3469,"children":3470},{},[3471],{"type":40,"value":3472},"知の成果物（論文・新聞・プレゼン・作品）を作らせ、どれがよかったかクイズで相互評価させる。",{"type":27,"tag":170,"props":3474,"children":3475},{},[3476],{"type":40,"value":3477},"単元全体を振り返らせ、態度目標達成度・説明自信度・「生徒による授業評価」をクイズで問う。",{"type":27,"tag":80,"props":3479,"children":3480},{},[],{"type":27,"tag":533,"props":3482,"children":3484},{"className":3483},[536],[3485,3486,3499,3500],{"type":40,"value":539},{"type":27,"tag":533,"props":3487,"children":3489},{"className":3488},[543],[3490],{"type":27,"tag":43,"props":3491,"children":3494},{"target":46,"rel":3492,"href":3493},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink46324?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13855503%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[3495],{"type":27,"tag":154,"props":3496,"children":3498},{"src":3497},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F7357\u002F9784382057357.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":3501,"children":3503},{"className":3502},[559],[3504,3505,3515,3516,3530,3531,3568],{"type":40,"value":562},{"type":27,"tag":533,"props":3506,"children":3508},{"className":3507},[566],[3509],{"type":27,"tag":43,"props":3510,"children":3512},{"target":46,"rel":3511,"href":3493},[548],[3513],{"type":40,"value":3514},"7つの習慣×アクティブラーニング 最強の学習習慣が生まれた！ [ 小林昭文 ]",{"type":40,"value":562},{"type":27,"tag":533,"props":3517,"children":3519},{"className":3518},[578],[3520,3523,3525,3528],{"type":27,"tag":80,"props":3521,"children":3522},{},[],{"type":40,"value":3524},"※ 小林昭文先生のアクティブラーニングの本は間違いがありません。",{"type":27,"tag":80,"props":3526,"children":3527},{},[],{"type":40,"value":3529},"ハダノが「だまされたと思ってこの通りに授業してごらん」とすすめた教員がめきめき腕を上げて、指導的な立場になるのを見ました。",{"type":40,"value":562},{"type":27,"tag":533,"props":3532,"children":3534},{"className":3533},[599,600],[3535,3536,3545,3546,3556,3557,3567],{"type":40,"value":603},{"type":27,"tag":533,"props":3537,"children":3538},{},[3539],{"type":27,"tag":43,"props":3540,"children":3543},{"className":3541,"target":46,"rel":3542,"href":3493},[610,611],[548],[3544],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":3547,"children":3548},{},[3549],{"type":27,"tag":43,"props":3550,"children":3554},{"className":3551,"target":46,"rel":3552,"href":3553},[610,624],[548],"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%2F4382057353",[3555],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":3558,"children":3559},{},[3560],{"type":27,"tag":43,"props":3561,"children":3565},{"className":3562,"target":46,"rel":3563,"href":3564},[610,637],[548],"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-4382057353%2F%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[3566],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":3570,"children":3572},{"id":3571},"question",[],{"type":27,"tag":533,"props":3574,"children":3576},{"className":3575},[536],[3577,3578,3591,3592],{"type":40,"value":539},{"type":27,"tag":533,"props":3579,"children":3581},{"className":3580},[543],[3582],{"type":27,"tag":43,"props":3583,"children":3586},{"target":46,"rel":3584,"href":3585},[548],"https:\u002F\u002Fhb.afl.rakuten.co.jp\u002Fichiba\u002F26ba9fc2.c2fdf85a.26ba9fc3.8edde063\u002F_RTLink46324?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13351103%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJ1cCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjAsInByb2QiOjAsImFtcCI6ZmFsc2V9",[3587],{"type":27,"tag":154,"props":3588,"children":3590},{"src":3589},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F0168\u002F9784794810168.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":3593,"children":3595},{"className":3594},[559],[3596,3597,3607,3608,3627,3628,3665],{"type":40,"value":562},{"type":27,"tag":533,"props":3598,"children":3600},{"className":3599},[566],[3601],{"type":27,"tag":43,"props":3602,"children":3604},{"target":46,"rel":3603,"href":3585},[548],[3605],{"type":40,"value":3606},"たった一つを変えるだけ クラスも教師も自立する「質問づくり」 [ ダン・ロススタイン ]",{"type":40,"value":562},{"type":27,"tag":533,"props":3609,"children":3611},{"className":3610},[578],[3612,3615,3617,3620,3622,3625],{"type":27,"tag":80,"props":3613,"children":3614},{},[],{"type":40,"value":3616},"※ 「教師が発問し生徒が答える」⇒「生徒が質問し教師がガイドする」へ授業を大転換できる本です。",{"type":27,"tag":80,"props":3618,"children":3619},{},[],{"type":40,"value":3621},"ハダノも「電気について学びたいことは？」などと書かせて始めた単元は、「生徒の食いつきが違う！」と実感した覚えがあります。",{"type":27,"tag":80,"props":3623,"children":3624},{},[],{"type":40,"value":3626},"「質問づくり」は、ヤラセではない本物の探究型授業を実現する近道です。",{"type":40,"value":562},{"type":27,"tag":533,"props":3629,"children":3631},{"className":3630},[599,600],[3632,3633,3642,3643,3653,3654,3664],{"type":40,"value":603},{"type":27,"tag":533,"props":3634,"children":3635},{},[3636],{"type":27,"tag":43,"props":3637,"children":3640},{"className":3638,"target":46,"rel":3639,"href":3585},[610,611],[548],[3641],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":3644,"children":3645},{},[3646],{"type":27,"tag":43,"props":3647,"children":3651},{"className":3648,"target":46,"rel":3649,"href":3650},[610,624],[548],"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%2F4794810164",[3652],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":3655,"children":3656},{},[3657],{"type":27,"tag":43,"props":3658,"children":3662},{"className":3659,"target":46,"rel":3660,"href":3661},[610,637],[548],"https:\u002F\u002Fck.jp.ap.valuecommerce.com\u002Fservlet\u002Freferral?sid=3651993&pid=887947441&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fhmv%2F6569901.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title",[3663],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"type":27,"tag":80,"props":3667,"children":3668},{},[],{"type":27,"tag":646,"props":3670,"children":3671},{},[],{"type":27,"tag":94,"props":3673,"children":3674},{},[3675],{"type":27,"tag":43,"props":3676,"children":3677},{"href":1151},[3678],{"type":40,"value":3679},"次へ→　ソックリッカー活用で授業改善を",{"title":8,"searchDepth":266,"depth":266,"links":3681},[3682,3683,3688],{"id":2996,"depth":266,"text":2999},{"id":3044,"depth":266,"text":3044,"children":3684},[3685,3686,3687],{"id":3073,"depth":285,"text":3076},{"id":3209,"depth":285,"text":3212},{"id":3290,"depth":285,"text":3293},{"id":3326,"depth":266,"text":3329},"content:articles:soclicker-1.md","articles\u002Fsoclicker-1.md","articles\u002Fsoclicker-1",{"_path":3693,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":3694,"description":3695,"category":3696,"tag":3697,"thumbnail":3701,"createdAt":3702,"updatedAt":3703,"body":3704,"_type":676,"_id":4193,"_source":678,"_file":4194,"_stem":4195,"_extension":681},"\u002Farticles\u002Fhadano","ハダノのプログラミング遍歴","ハダノがプログラミングに出会ってから教育に活用するようになるまでの過程をざっと振り返り",[1169],[1171,3698,3699,17,1172,691,3700],"rpa","nurpa","sf","vscodesoc.jpg","2022\u002F4\u002F28","2022\u002F6\u002F1",{"type":24,"children":3705,"toc":4170},[3706,3711,3714,3720,3725,3730,3736,3741,3747,3752,3757,3762,3765,3770,3773,3779,3784,3789,3795,3809,3822,3825,3831,3836,3841,3846,3851,3856,3861,3875,3880,3885,3890,3895,3899,3905,3910,3923,3928,3931,3937,3942,3965,3978,3983,3989,3994,3999,4004,4009,4014,4017,4023,4029,4034,4039,4044,4047,4053,4056,4062,4065,4071,4074,4077],{"type":27,"tag":94,"props":3707,"children":3708},{},[3709],{"type":40,"value":3710},"　この記事では、サンデープログラマとしてのハダノについて、（記憶をたどりながらぼちぼち）紹介していきます。",{"type":27,"tag":80,"props":3712,"children":3713},{},[],{"type":27,"tag":89,"props":3715,"children":3717},{"id":3716},"コンピューティング-プログラミング-の時代",[3718],{"type":40,"value":3719},"コンピューティング ＝ プログラミング の時代",{"type":27,"tag":126,"props":3721,"children":3723},{"id":3722},"プログラマブル関数電卓から",[3724],{"type":40,"value":3722},{"type":27,"tag":94,"props":3726,"children":3727},{},[3728],{"type":40,"value":3729},"　大学生協の新入生向けフェアで、「理系学部生の必需品」として紹介されていた関数電卓を購入しました。ポケットコンピュータという愛称で、ビープ音で「エリーゼのために」を演奏するプログラムを打ち込んだり、宇宙戦艦ゲームを作ったりしました。プログラミングの楽しさにはじめて触れました。",{"type":27,"tag":126,"props":3731,"children":3733},{"id":3732},"メインフレームはfortranで",[3734],{"type":40,"value":3735},"メインフレームはFortranで",{"type":27,"tag":94,"props":3737,"children":3738},{},[3739],{"type":40,"value":3740},"　1年半の教養課程を終え、専門課程に移ると、実験・実習で夜遅くなることが多くなりました。データ解析に大学のメインフレームを使わせてもらうこともありました。Fortranという科学技術計算用の言語でプログラムを組み、カードの束を読み込ませて処理していました。4年生になると、TSS端末で画面を見ながらキーボードで入力できるようになるのでした。",{"type":27,"tag":126,"props":3742,"children":3744},{"id":3743},"_8ビットのマイコンピュータ",[3745],{"type":40,"value":3746},"8ビットのマイコンピュータ",{"type":27,"tag":94,"props":3748,"children":3749},{},[3750],{"type":40,"value":3751},"　個人用の小型コンピュータが「マイコン」と呼ばれていたころ、NEC PC-6001 というお手頃価格のマシンを購入しました。中古のTVをつなぎ、カセットテープにデータを保存しました。時間制限なくコンピュータが使えて興奮したのを覚えています。",{"type":27,"tag":94,"props":3753,"children":3754},{},[3755],{"type":40,"value":3756},"　当時は、ソフトウェア販売は普及していなかったので、コンピュータを使うためには、プログラムを打ち込む必要がありました。マイコン雑誌のプログラムリストを打ち込んだり、改造したりしてゲームなどを楽しむのが一般的でした。",{"type":27,"tag":94,"props":3758,"children":3759},{},[3760],{"type":40,"value":3761},"　ハダノは、そのほかに数理生物学で使うFortranプログラムをBASICに移植したり、簡単な音楽ソフトやお絵描きソフトを作ったりしました。3次スプライン関数をBASICで組んだら遅すぎ、Z80機械語で高速化したこともありました。",{"type":27,"tag":80,"props":3763,"children":3764},{},[],{"type":27,"tag":94,"props":3766,"children":3767},{},[3768],{"type":40,"value":3769},"　教員採用試験の面接で「プラネタリウムなどコンピュータを活用した授業をしたい」と答えたハダノでしたが、8ビットの時代は学級通信の印刷に少し使う程度でした。漢字フォントがなかったので、方眼紙に点を打って必要な分を自作していました。成績処理以外の実務では、ハンディワープロに負けていました。",{"type":27,"tag":80,"props":3771,"children":3772},{},[],{"type":27,"tag":89,"props":3774,"children":3776},{"id":3775},"ms-dos-windows-の時代",[3777],{"type":40,"value":3778},"MS-DOS ～ Windows の時代",{"type":27,"tag":126,"props":3780,"children":3782},{"id":3781},"国産16ビットコンピュータ",[3783],{"type":40,"value":3781},{"type":27,"tag":94,"props":3785,"children":3786},{},[3787],{"type":40,"value":3788},"　2校目のとき（1980年代後半）、16ビットコンピュータを手に入れました。内蔵BASICでOS機能も開発もこなすのではなく、OS機能はMS-DOS、開発はC言語と役割分担したのです。国産機は漢字ROMを内蔵しており、ワープロや表計算などのソフトウェア販売も広がり始めました。",{"type":27,"tag":126,"props":3790,"children":3792},{"id":3791},"ms-dos時代はプログラミング冬の時代",[3793],{"type":40,"value":3794},"MS-DOS時代は、プログラミング冬の時代",{"type":27,"tag":94,"props":3796,"children":3797},{},[3798,3800,3807],{"type":40,"value":3799},"　このころ、サンデープログラマの多くは壁に直面していました。これまで通りBASICでプログラミングすることはできましたが、主流はC言語でした。難解なうえに開発環境も整備されておらず、趣味としてのプログラミングは衰退の危機にありました。せいぜい、バッチ（または",{"type":27,"tag":43,"props":3801,"children":3804},{"href":3802,"rel":3803},"https:\u002F\u002Fponzmild.hatenablog.com\u002Fentry\u002F2017\u002F10\u002F29\u002F004625",[233],[3805],{"type":40,"value":3806},"sed,awk",{"type":40,"value":3808},"）を組んで市販ソフトを順番に動かすか、表計算ソフトのマクロ機能でプログラミング気分を味わうか、ぐらいでした。",{"type":27,"tag":94,"props":3810,"children":3811},{},[3812,3814,3820],{"type":40,"value":3813},"　そんなときに、生徒用コンピュータが導入されました。MS-DOSマシンの世界は、漢字ROM搭載で独自規格の国産機と汎用的なDOS\u002FV機が争い、混とんとしていました。",{"type":27,"tag":43,"props":3815,"children":3817},{"href":3816},"nurpa-2#hekiga",[3818],{"type":40,"value":3819},"「巨大ドット壁画」",{"type":40,"value":3821},"を作った1993年もそんな状態でした。ソフトウェア的には、7つほどの処理を組み合わせる必要があったのです。",{"type":27,"tag":80,"props":3823,"children":3824},{},[],{"type":27,"tag":126,"props":3826,"children":3828},{"id":3827},"windowsのradツールでビジュアルプログラミング",[3829],{"type":40,"value":3830},"WindowsのRADツールでビジュアルプログラミング",{"type":27,"tag":94,"props":3832,"children":3833},{},[3834],{"type":40,"value":3835},"　Windows3.1、windows95が現われ、キーボードからコマンドを打つ代わりにマウスで視覚的にソフトウェアを操作するようになりました。",{"type":27,"tag":94,"props":3837,"children":3838},{},[3839],{"type":40,"value":3840},"　Windowsでのプログラミングも、視覚的にできるようになりました。RAD（ラピッド・アプリケーション・デベロップメント）ツールの登場です。GUI部品をペタペタと貼り付け、ユーザーの操作に応じたコードを書くだけなので簡単でした。Visual Basic というビジュアルプログラミング向けのBASICがすっかり気に入りました。メインルーチンのない、イベントドリブンのプログラミングスタイルにもやがて慣れました。",{"type":27,"tag":126,"props":3842,"children":3844},{"id":3843},"西日本の理科教員研修会の講師に",[3845],{"type":40,"value":3843},{"type":27,"tag":94,"props":3847,"children":3848},{},[3849],{"type":40,"value":3850},"　「ハダノ先生はコンピュータが得意らしい」という噂が広まり、教員研修や公民館講座の講師として呼ばれるようになりました。そこで強調したのは、「コンピュータが得意になりたければ、プログラミングをしなさい」ということです。「料理の歴史、テーブルマナーやおいしい料理店」をいくら知っていても、調理ができなければ「料理が得意」とは言えないはずです。",{"type":27,"tag":94,"props":3852,"children":3853},{},[3854],{"type":40,"value":3855},"　西日本の理科教員研修会の講師に指名されたときも、マジックナース「レイアウト」というSF仕立ての人体内アドベンチャーゲームを参加者に作らせることにしました。Visual Basic でアドベンチャー用の簡易言語を作っておき、サンプルゲームをもとに参加者に続きのシナリオを作成させるというものです。画像の連続表示でアニメーションもでき、大きな手ごたえを得ました。\n　",{"type":27,"tag":126,"props":3857,"children":3859},{"id":3858},"インターネット部顧問に",[3860],{"type":40,"value":3858},{"type":27,"tag":94,"props":3862,"children":3863},{},[3864,3866,3873],{"type":40,"value":3865},"　公務災害で左腕に障害を負い、「人生終わった」と落ち込んでいたハダノは、ハダノ校長の勧めでインターネット部を作りました。",{"type":27,"tag":43,"props":3867,"children":3870},{"href":3868,"rel":3869},"https:\u002F\u002Fjiten.com\u002Fdicmi\u002Fdocs\u002Fk10\u002F16367s.htm",[233],[3871],{"type":40,"value":3872},"こねっとプラン",{"type":40,"value":3874},"参加校になり、ホームページを作ったり、他の学校と交流したりしました。1997年6月19日の「こねっと・特別セミナー」では、全国4校の質問校に選ばれました。講師のビル・ゲイツ氏に、NTTのマルチメディア会議システムで次の質問をぶつけました。",{"type":27,"tag":94,"props":3876,"children":3877},{},[3878],{"type":40,"value":3879},"Q: 「インターネットはからっぽの洞窟」という本に書いてあることは本当ですか？",{"type":27,"tag":94,"props":3881,"children":3882},{},[3883],{"type":40,"value":3884},"　それに対して、ゲイツ氏は",{"type":27,"tag":94,"props":3886,"children":3887},{},[3888],{"type":40,"value":3889},"A: いつの時代にも新しいメディアに対して否定的な人はいます。道具はその特性を理解して使うことが大切です。インターネットを中身の豊かな百科事典にするために、力を合わせていきましょう。",{"type":27,"tag":94,"props":3891,"children":3892},{},[3893],{"type":40,"value":3894},"と、丁寧に答えてくれました。",{"type":27,"tag":80,"props":3896,"children":3898},{"id":3897},"multimedia",[],{"type":27,"tag":126,"props":3900,"children":3902},{"id":3901},"マルチメディア作品コンテストで",[3903],{"type":40,"value":3904},"マルチメディア作品コンテストで🏆！！",{"type":27,"tag":94,"props":3906,"children":3907},{},[3908],{"type":40,"value":3909},"　国民文化祭のマルチメディア部門で作品コンテストが開催され、インターネット部も一般の参加者にまじって、プレ・本番それぞれに出品しました。プレ国民文化祭では、かぐや姫のパロディ紙芝居で第2位を獲得しました。",{"type":27,"tag":94,"props":3911,"children":3912},{},[3913,3915,3921],{"type":40,"value":3914},"　「今度こそ優勝を」という思いで部員一丸となって臨んだ国民文化祭には、「クローン戦隊ドリーマーズ」を出品しました。マジックナース「レイアウト」のときに作った簡易言語をJavaに移植し、最新生物学の知見を盛り込んだSFアドベンチャーゲームに仕上げました。「容量１MB以内かつWeb上で見られるもの」という条件をクリアするのに苦労しましたが、見事グランプリを獲得しました。ごほうびは、PC1台とマルチメディアフェスティバルへの招待でした。インターネット部全員で、",{"type":27,"tag":43,"props":3916,"children":3918},{"href":3917},"\u002Farticles\u002Fpopculture-gamemusic#oshii",[3919],{"type":40,"value":3920},"🔗押井守監督の記念講演",{"type":40,"value":3922}," を聞きました。",{"type":27,"tag":154,"props":3924,"children":3927},{"src":3925,"alt":3926,"width":158},"\u002Fimg\u002Fdolly.svg","クローン戦隊ドリーマーズ",[],{"type":27,"tag":80,"props":3929,"children":3930},{},[],{"type":27,"tag":126,"props":3932,"children":3934},{"id":3933},"wsh-で-rpa-をめざしたタイアップ",[3935],{"type":40,"value":3936},"WSH で RPA をめざした「タイアップ」",{"type":27,"tag":94,"props":3938,"children":3939},{},[3940],{"type":40,"value":3941},"　Windowsは視覚的な操作ができて便利な反面、定型的な操作では弱点を抱えていました。何をするにもいちいちマウスを動かす必要があったのです。マクロやショートカットキーで、ある程度スピードアップできますが、ソフトを組み合わせて動かすのは困難でした。",{"type":27,"tag":94,"props":3943,"children":3944},{},[3945,3947,3954,3956,3963],{"type":40,"value":3946},"　IE（インターネット エクスプローラ）用のスクリプトをWindows上で実行できるようにした ",{"type":27,"tag":43,"props":3948,"children":3951},{"href":3949,"rel":3950},"https:\u002F\u002Fe-words.jp\u002Fw\u002FWSH.html",[233],[3952],{"type":40,"value":3953},"WSH（ウィンドウズ スクリプト ホスト）",{"type":40,"value":3955},"が、Windows98から使えるようになりました。これをうまく使えば、人がへばりついてなくても自動実行できる",{"type":27,"tag":43,"props":3957,"children":3960},{"href":3958,"rel":3959},"https:\u002F\u002Fwww.nri.com\u002Fjp\u002Fknowledge\u002Fglossary\u002Flst\u002Falphabet\u002Frpa",[233],[3961],{"type":40,"value":3962},"RPA（ロボティック プロセス オートメーション）",{"type":40,"value":3964},"が実現できるはずです。",{"type":27,"tag":94,"props":3966,"children":3967},{},[3968,3969,3976],{"type":40,"value":889},{"type":27,"tag":43,"props":3970,"children":3973},{"href":3971,"rel":3972},"https:\u002F\u002Fwww.vector.co.jp\u002Fsoft\u002Fwin95\u002Futil\u002Fse099345.html",[233],[3974],{"type":40,"value":3975},"TieUp（あらゆるアプリとタイアップし、全自動処理を実現）",{"type":40,"value":3977},"というWSH強化用のフリーソフトをVectorで公開しました。Visual Basic で作った ActiveX DLLで、いろんなPC雑誌に紹介され、ユーザーは1万5千人に達しました。",{"type":27,"tag":94,"props":3979,"children":3980},{},[3981],{"type":40,"value":3982},"　しばらくは、VB系言語（Visual Basic,VBScript,VBA）による幸せなプログラミングライフが続きました。",{"type":27,"tag":126,"props":3984,"children":3986},{"id":3985},"猫の目のように変わるweb開発",[3987],{"type":40,"value":3988},"猫の目のように変わるWeb開発",{"type":27,"tag":94,"props":3990,"children":3991},{},[3992],{"type":40,"value":3993},"　国民文化祭'98のときは、Webでしっかりしたインタラクティブなコンテンツを作るには、Java Applet か Director くらいしか選択肢がありませんでした。クローン戦隊ドリーマーズを Java Applet で作ったのは、そういう理由があったのです。「オブジェクト指向」はなかなか手ごわかったと思います。※ Java Applet は2015年以降、ブラウザサポートが打ち切られて廃れました。",{"type":27,"tag":94,"props":3995,"children":3996},{},[3997],{"type":40,"value":3998},"　やがて Internet Explorer4 と Netscape Navigator4 によるブラウザ戦争が勃発しました。HTMLとCSSにJavaScriptを組み合わせてインタラクティブなコンテンツを作る「ダイナミックHTML」という技術が登場しましたが、ブラウザ間の互換性が乏しく、面倒くさいものでした。",{"type":27,"tag":94,"props":4000,"children":4001},{},[4002],{"type":40,"value":4003},"　2000年からの10年間は、Flash がWeb表現の中心でした。動画編集のようにタイムライン編集ができ、クリエイターたちの支持を集めていました。2005年ごろになると、Googleの Gmail や GoogleMap でも使われているAjaxを活用した軽量のサービスが注目されましたが、リッチな表現分野ではあいかわらずFlashでした。",{"type":27,"tag":94,"props":4005,"children":4006},{},[4007],{"type":40,"value":4008},"　このころのハダノは、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":94,"props":4010,"children":4011},{},[4012],{"type":40,"value":4013},"　ちなみにハダノは2006年から、ローカル環境でのプログラミングに　Python も使うようになっていました。",{"type":27,"tag":80,"props":4015,"children":4016},{},[],{"type":27,"tag":89,"props":4018,"children":4020},{"id":4019},"html5-の時代",[4021],{"type":40,"value":4022},"HTML5 の時代",{"type":27,"tag":126,"props":4024,"children":4026},{"id":4025},"スマホが登場しflashが退場",[4027],{"type":40,"value":4028},"スマホが登場し、Flashが退場",{"type":27,"tag":94,"props":4030,"children":4031},{},[4032],{"type":40,"value":4033},"　2010年ごろから、Flashの人気が低下してきました。AppleがiPhoneでFlash Playerをサポートしないと宣言したのです。スマホが急速に普及したため、PCと共通のWebページづくりが求められるようになりました。「HTML5ならどのブラウザでもリッチな表現ができる」「もうFlashはいらない」と宣伝されました。HTML5+CSS3+JavaScript（ECMAScript5）という新しいWeb標準技術が今後のWeb開発の中心になるというのです。",{"type":27,"tag":94,"props":4035,"children":4036},{},[4037],{"type":40,"value":4038},"　AdobeはFlashの後継製品として、Edge Animate を出しましたが、3年ほどで積極的な開発を終了しました。※ Flash Player も2020年末にすべてサポート打ち切りになりました。",{"type":27,"tag":94,"props":4040,"children":4041},{},[4042],{"type":40,"value":4043},"　「Adobeに支配されたくない」Appleの目論見通りになったわけですが、スマホのHTML5対応は一足飛びには進みません。ハードウェアを最大限生かしたスマホゲームがはやり、ネイティブアプリが主役となりました。Web標準技術ではなく、機種に依存した開発になってしまったのです。Web技術で作られたOS（Firefox OSなど）のスマホに期待をかけていたハダノは、あきらめて2015年にペン入力のAndroidスマホを購入しました。「Webアプリがネイティブアプリを駆逐する日がいつか来る」と信じて……。",{"type":27,"tag":80,"props":4045,"children":4046},{},[],{"type":27,"tag":126,"props":4048,"children":4050},{"id":4049},"授業配信アプリソックリッカー",[4051],{"type":40,"value":4052},"授業配信アプリ「ソックリッカー」",{"type":27,"tag":80,"props":4054,"children":4055},{},[],{"type":27,"tag":126,"props":4057,"children":4059},{"id":4058},"プログラミングシステムソックサーガ",[4060],{"type":40,"value":4061},"プログラミングシステム「ソックサーガ」",{"type":27,"tag":80,"props":4063,"children":4064},{},[],{"type":27,"tag":126,"props":4066,"children":4068},{"id":4067},"全校ぬりえ自動化システムヌルパ",[4069],{"type":40,"value":4070},"全校ぬりえ自動化システム「ヌルパ」",{"type":27,"tag":80,"props":4072,"children":4073},{},[],{"type":27,"tag":80,"props":4075,"children":4076},{},[],{"type":27,"tag":533,"props":4078,"children":4080},{"className":4079},[536],[4081,4082,4095,4096],{"type":40,"value":539},{"type":27,"tag":533,"props":4083,"children":4085},{"className":4084},[543],[4086],{"type":27,"tag":43,"props":4087,"children":4090},{"target":46,"rel":4088,"href":4089},[548],"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",[4091],{"type":27,"tag":154,"props":4092,"children":4094},{"src":4093},"https:\u002F\u002Fthumbnail.image.rakuten.co.jp\u002F@0_mall\u002Fbook\u002Fcabinet\u002F4220\u002F9784844374220.jpg?_ex=240x240",[],{"type":40,"value":539},{"type":27,"tag":533,"props":4097,"children":4099},{"className":4098},[559],[4100,4101,4111,4112,4131,4132,4169],{"type":40,"value":562},{"type":27,"tag":533,"props":4102,"children":4104},{"className":4103},[566],[4105],{"type":27,"tag":43,"props":4106,"children":4108},{"target":46,"rel":4107,"href":4089},[548],[4109],{"type":40,"value":4110},"最速の仕事術はプログラマーが知っている [ 清水亮 ]",{"type":40,"value":562},{"type":27,"tag":533,"props":4113,"children":4115},{"className":4114},[578],[4116,4119,4121,4124,4126,4129],{"type":27,"tag":80,"props":4117,"children":4118},{},[],{"type":40,"value":4120},"※ 世界的なビジネスリーダーにプログラマーあがりの人が多い理由がわかる本です。",{"type":27,"tag":80,"props":4122,"children":4123},{},[],{"type":40,"value":4125},"「プログラミングにこだわりすぎ」と批判されるハダノに清水亮さんはいつも勇気をくれます。",{"type":27,"tag":80,"props":4127,"children":4128},{},[],{"type":40,"value":4130},"プログラミング的思考は、働き方改革にも効きます。",{"type":40,"value":562},{"type":27,"tag":533,"props":4133,"children":4135},{"className":4134},[599,600],[4136,4137,4146,4147,4157,4158,4168],{"type":40,"value":603},{"type":27,"tag":533,"props":4138,"children":4139},{},[4140],{"type":27,"tag":43,"props":4141,"children":4144},{"className":4142,"target":46,"rel":4143,"href":4089},[610,611],[548],[4145],{"type":40,"value":615},{"type":40,"value":617},{"type":27,"tag":533,"props":4148,"children":4149},{},[4150],{"type":27,"tag":43,"props":4151,"children":4155},{"className":4152,"target":46,"rel":4153,"href":4154},[610,624],[548],"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",[4156],{"type":40,"value":629},{"type":40,"value":617},{"type":27,"tag":533,"props":4159,"children":4160},{},[4161],{"type":27,"tag":43,"props":4162,"children":4166},{"className":4163,"target":46,"rel":4164,"href":4165},[610,637],[548],"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",[4167],{"type":40,"value":642},{"type":40,"value":562},{"type":40,"value":539},{"title":8,"searchDepth":266,"depth":266,"links":4171},[4172,4177,4187],{"id":3716,"depth":266,"text":3719,"children":4173},[4174,4175,4176],{"id":3722,"depth":285,"text":3722},{"id":3732,"depth":285,"text":3735},{"id":3743,"depth":285,"text":3746},{"id":3775,"depth":266,"text":3778,"children":4178},[4179,4180,4181,4182,4183,4184,4185,4186],{"id":3781,"depth":285,"text":3781},{"id":3791,"depth":285,"text":3794},{"id":3827,"depth":285,"text":3830},{"id":3843,"depth":285,"text":3843},{"id":3858,"depth":285,"text":3858},{"id":3901,"depth":285,"text":3904},{"id":3933,"depth":285,"text":3936},{"id":3985,"depth":285,"text":3988},{"id":4019,"depth":266,"text":4022,"children":4188},[4189,4190,4191,4192],{"id":4025,"depth":285,"text":4028},{"id":4049,"depth":285,"text":4052},{"id":4058,"depth":285,"text":4061},{"id":4067,"depth":285,"text":4070},"content:articles:hadano.md","articles\u002Fhadano.md","articles\u002Fhadano",1791852921819]