プロラミングをはじめましょう by くもん出版

がんばって監修した本、先週の日経新聞にどどーんと載ってました!(プログラミングワーク1/2

本日、鯖江で「EIGHT SENSEのIChigoJam大人のプログラミング講座

プログラミングする前に、パソコンをはんだづけ、最初の電子部品、抵抗(R1)から!


基本を学んだら、それぞれのペースで、もくもくはんだづけタイム!今日は、色とりどりパーツでカスタマイズ!


1時間ちょっとで全員完成!
続いて、プログラミング入門、基本編、ロボット編、ゲームづくり編まで、大人向けだと子供の倍速くらいで進みます。


楽しんでいただけました!小学生もハマるプログラミング、意外と入り口はかんたんなんです。
次は何を創りましょう?Hana道場で相談可能です!

パソコンの中心には、コンピューター。全世界のコンピューターがつながったものが、インターネット。
無線LANにつながる拡張基板 MixJuice を使えば、IchigoJamもインターネットの一員に慣れます!

qrcode-test」(CORS対応したサーバーのプログラム)
IchigoJam webでのエミュレーションにも対応したので、ひとつQRコードを表示するサービスを作ってみました。

?"MJ GETS app.sabae.cc/qr/?https://ichigojam.net/"

MixJuiceをつないで無線LAN設定するか、IchigoJam web の I/Oボタン、MixJuiceをチェックして、上のコードを打ち込むだけ!
画面にIchigoJam絵文字を使ったQRコードが表示されます!スマホのカメラでかざしてみてください。


EIGHT SENSE、呼び鈴代わりのパチパチクラッピーナノ? powered by IchigoJam x MapleSyrup


Cafe EIGHT SENSE での大人はんだづけ&プログラミング、次回開催もあるようですよ!

手軽にお試しIchigoJam、ブラウザで動くIchigoJam webにネット通信機能を追加できる、バーチャルMixJuice拡張を実装! MixJuiceは、PCN製のIchigoJamを無線LANに接続する拡張ボード。 [I/O]パネルのMixJuiceチェックボックスにチェックを入れると、仮想MixJuiceがつながったことになります。

IchigoJam web
使い方は簡単。I/Oパネル、MixJuiceをチェックして、下記のようにMJで始まるコマンドをかくと、サーバーからの返事が、勝手にキーボードで打ち込んでくれます。

?"MJ GETS www.stopcovid19.jp/data/covid19japan-trend.txt

長いメッセージ、途中で止めたければMixJuiceチェックを外しましょう。バーチャルMixJuiceを外したことになります。

COVID-19 Japan 新型コロナウイルス対策ダッシュボードの最新オープンデータは、テキストデータとして公開しています。 こちらを集計して、合計患者数と前日からの差分を計算するプログラムをつくりましょう。

10 ?"MJ GETS www.stopcovid19.jp/data/covid19japan-trend.txt" 20 INPUT N 30 FOR I=1 TO 47 40 INPUT S 50 INPUT [I] 60 INPUT [I+50] 70 NEXT 80 ' CALC --- 90 VIDEO3 100 T=0:FOR I=1 TO 47:T=T+[I]:NEXT 110 D=0:FOR I=1 TO 47:D=D+[I+50]:NEXT 120 ?"COVID-19 Japan" 130 ?"Total:";T 140 ?"Difference:";D

10行、HTTPリクエストを送ります。(GETでhttp、GETSでhttps、参照:MixJuice
20-70行、47都道府県分のデータの返事をINPUT文かINKEYで配列に受け取ります。
100-110行、合計(Total)と差分(Difference)を計算します。


できました!

MixJuiceで使える手軽なWeb API、色々増やせると楽しそうですね!
Hana道場師範、自宅の呼び鈴をLINEにつなぐIoT化してます。
IchigoJamでLINEを送る方法 <その1>【IchigoJam × MixJuice × IFTTT】 - Hana道場【師範】のブログ

IchigoJamで基礎を学び、本格パソコンを手に入れたこどもたちや、チャレンジ精神旺盛な大人には、JavaScriptでサーバープログラミングもおすすめです。
Deno x Servest x JavaScript で始めるシンプルweb開発
* IchigoJam web から接続するには、CORS設定としてヘッダーに「Access-Control-Allow-Origin: *」などを入れ、HTTPSでアクセスできるようにしてください。

鯖江市でのステキな取り組み、おもちゃの図書館&雑貨カフェ Petit(プティ)さんに、IchigoJam一式をプレゼント。ぜひ親子で遊びにいってみてください。

プティに【IchigoJam】が仲間入り✨ 10月20日にIchigoJam開発者である福野...

おもちゃの図書館&雑貨カフェ Petitさんの投稿 2020年10月23日金曜日

Hana道場では、IchigoJamやJavaScriptの講座もやってます!

links
- IchigoJam用QRコード表示サービス

デジタル社会の教科書「攻殻機動隊」。最新作に登場するモデルであり唯一実名登場している、京都のコネクトフリー社の代表、帝都久利寿(クリス)。DXGOVの共同発起人。

デジタルSDGsメガネアプリ、近日公開予定!めがね会館9F、さばえSDGs推進センターにて


数の制限があるアナログなSDGsメガネ、デジタルなら人数無制限、非接触で安心!


音響に対してナイスアドバイス!


Kris in Cyberland


クリスと竹部さん in front of Hana Open Innovation Dojo (Hana道場)


3才でMac、5才でプログラミングをはじめたクリス


つくる技術を次世代に伝える次世代(福井高専のプログラミング好きの後輩で、現福井大学生&withメンバー)


鯖江のおいしいが詰まった、文化の館のカフェ「こっしぇるん


自分の体は、自分で選んで食べたものからできている


こっしぇるん上嶋さんのご紹介で、自由を感じる大きな古民家へ


クマ返しを装備してもらった柿の木


物理からみんなでつくるコミュニティースペース、オーナーの木村さん!


データシティ鯖江、さばえのオープンデータを共につくってきた牧田さん


鯖江に根付くNPO活動と長期視点


世界を目指す鯖江商工会議所の地下、その後1F SCCにてMTG


parseJA
サイバー空間とは何か?人とは何か?定義や原典を探るのがエンジニア。日本国憲法前文を吟味すべく、句読点で改行するだけのシンプルな日本語パーサー(字句解析プログラム)を作ってみました。

日本国民は、 正当に選挙された国会における代表者を通じて行動し、 われらとわれらの子孫のために、 諸国民との協和による成果と、 わが国全土にわたって自由のもたらす恵沢を確保し、 政府の行為によつて再び戦争の惨禍が起ることのないようにすることを決意し、 ここに主権が国民に存することを宣言し、 この憲法を確定する。
鯖江市は市民主役、日本国は国民主権。
「恵沢(けいたく)」=恵み。自由のもたらす恵みを確保しよう!
われらとわれらの子孫のために、祖先のことは言っていないのがおもしろい。
日本国民は、 そもそも国政は、 国民の厳粛な信託によるものであつて、 その権威は国民に由来し、 その権力は国民の代表者がこれを行使し、 その福利は国民がこれを享受する。 これは人類普遍の原理であり、 この憲法は、 かかる原理に基くものである。 われらは、 これに反する一切の憲法、 法令及び詔勅を排除する。
「これに反する一切の憲法、法令及び詔勅を排除する。」と憲法なのに憲法自身をも原理においては排除すると言い切るのがクールです。

「厳粛な信託」をいかに実装するか?デジタル化した国政とは?
DXGOV hosted by Code for Sabae の次回開催お楽しみに!

4期16年、牧野百男さん、市長としての最後の日。最高の秋晴れの中、市民企画の送る会。

一度は離れようかと思った日本。ここでできることがあるはずと思いとどまり、それを見つけることができたのは、百ちゃんのおかげです! とはいえ、まだまだ道半ば。これからもぜひ一緒に日本を、世界を変えましょう!


みんなで歌った「牧野市長との思い出のアルバム」


百ちゃんとの一番の思い出は、IT業界友達を招いた鯖江ツアー時、ナンバープレート100の軽トラで一人、颯爽と登場した姿ですが、最も使わせてもらった写真はこちら。 2010年、オープンデータ提案の時。世界が大きな変わり目を迎えた今年、シビックテック&オープンデータも第二フェーズが始まります。


市長としてのブログ投稿は最後になりました。」で紹介されている牧野さんの初ブログ! 2006年、半信半疑で行った市長室、気さくな市長が発したテーマは「鯖江をITのまちにしたい」。 福井高専の先輩で、秀Term、秀丸エディタの開発者、斎藤秀夫さんが勧めた市長ブログ。 直後にスタートし継続する行動力に感動したことが、鯖江市と深く関わるきっかけになりました。
サイバーエージェント藤田社長は鯖江出身なので、アメブロ。 市長ブログから市民ブログへ!


運営、撮影班として大活躍、学生団体withとwithOB、いい写真、ありがとう!しっかり根付いた学生連携。 かつて、なぜか受けた空き店舗対策に、空けておくぐらいなら学生が自由に使える場所とかどう?と提案。本当にできた「らてんぽ」。 タイミングよく声がかかった「鯖江市地域活性化プランコンテスト」が竹部さんとの出会い。 熱意ある学生とITをどうにか結びつけようと、オープンガバメントサミットに、電脳メガネサミット、いろんな企画やイベントができたのは、この出会いのおかげです!このきっかけも市長ブログ。


鯖江市のオープンデータを担当した牧田さん、40年間勤めた鯖江市役所を卒業し、シビックテックへ。 2012年1月、Facebookメッセージでやりとりして作った初のオープンデータが、ここまでの反響になるとは思ってもいませんでしたね。 これからもどんどんチャレンジしていきましょう!


鯖江、最高のまちです!そしてこれからも!

晴れの日。一眼レフ D7000、360度カメラ THETA、3Dカメラ Insta360 EVO で望みました。

たくさんの市民が集まった鯖江市役所前プラネット(360度写真)


同じ写真を別角度で、前後のソーシャルディスタンスは守ります。


こちらも同じ写真。VRで見るとその場の風景がよみがえります。


続いて、立体的に見える3D写真。鯖江市役所JK課のOGもかけつけました。


野外特設ステージ!


まるで、ハリウッドスター!


牧野さんが市長でなければ出会わなかったメンバー。(crop3d.py)


Twitterで依頼あった百ちゃん出演(00:52)、ステキな鯖江シーンが詰まった曲「感謝

撮影した、写真、360度動画、VR動画をVRコンテンツ化して、持っていきます!
メイヤーテックからシビックテックへ!? 今後ともよろしくおねがいします!

鯖江市立惜陰小学校、小学4年生3クラス全員がプログラミングに触れる日。総合の時間2コマ、1-2、3-4、5-6コマ、3クラス順番に実施。朝の1クラス、担当。 複数の児童に「フォトナのバトロワ」を強力にプッシュされたので、IchigoJam版ばとろわゲーム、作ってみました。


「ばとろわゲーム」
PCゲームでおなじみ、キーボードのWASDキーとカーソルキーを使った2人対戦ゲーム。


たいせん、ばとろわゲーム - IchigoJamプリント」として追加!(CC BYのオープンデータ)
2コマの授業でやってみたくなった児童は、4〜6年生で実施しているクラブ活動へ。クラブ活動では自分で自習し放題、A5印刷やA4で2ページ印刷が便利な「IchigoJamプリント」を活用。


キーボード、ディスプレイ、電源、配線を正しくつなぐところも体験する学習です。


なぜか感動する「LED1」。2円で買えるLED、自在にコントロールできた!


自分で改造したLEDをチカチカするプログラムが電源だけで動く、エルチカロボットのできあがり! 今日から信号、冷蔵庫、洗濯機、テレビなどなど、暮らしの中でがんばってるコンピューターが見えちゃいますね。 ここまでが1コマ45分。


2人1組、わいわい相談、協力、喜びを分かち合うペアプログラミング学習スタイル。 2コマ目にはみんな大好きゲームづくり、かわくだりゲームづくり、ミニゲーム大会、改造でもりあがりました。

まとめ、ロボもゲームも自分で作れた!全部で100単語くらいしかないIchigoJamのコマンド、組み合わせで作れるものは無数にあります。 やってみたいことジャンジャンやってみよう!Hana道場や、ネットでサポートしてますよ!

スライド「はじめてのプログラミング on GitHub」はオープンデータ。
どなたでも学べます。講師できます。

動画でもどうぞ!(プログラミング教材「IchigoJam」の使い方とデモンストレーション 32min powered by Schoo


鯖江市のさばえSDGs推進センターに着任した、川口サマンサさんに取材&サポートに来ていただきました!

🍓IchigoJamでゲーム作り🍓 惜陰小学校にて、鯖江発のこどもパソコン「IchigoJam」を使って、みんなでロボットとゲームを作るというプログラミング授業。 ITのまちづくりに取り組んでいる鯖江市では、2018年から市内の全小中学校で...

さばえSDGs推進センターさんの投稿 2020年10月13日火曜日


全国選抜小学生プログラミング大会、PCNとして福井県大会の審査員することになりました!
ぜひオリジナルな作品つくって、応募しましょう!

ハンコ廃止に、デジタル庁、日本もようやく変革の気運、高まってきました。
「まちづくりを自分ごとにする」スマートシティ講演で再認識した大事なこと。
鯖江市役所との接点はどうあるとステキか?理想のインターフェイス、創りましょう!

ハンコに変わる電子署名。
これが手軽にできる技術の相談、コネクトフリー久利寿氏と京都にて。

早速、その場でプロトタイピング。一度本人確認が完了していれば、スマホで水道を開閉手続きができちゃうはず。

ちょうど話題になった「婚姻届」のデジタル化。一人の手続きだけではできないので、どのようなフローがうれしいのか、楽しく悩めそうですね。 (二人からそれぞれ相手の公開鍵を付けて送信し、市役所で両方揃えば婚姻成立でOK!?)

IPv6で本人認証できたとしたら、手続き作成はとってもシンプル!(for Node.js / JavaScript)

import fs from "fs"; import http from "http"; import { USERS } from "./users.mjs"; const server = http.createServer(); server.listen(8060, "::", function () { console.log("listener"); }); server.on("request", function (req, res) { if (req.url.indexOf(".png") >= 0) { fs.readFile("./" + req.url, (err, data) => { if (err) { res.writeHead(404); res.end(JSON.stringify(err)); return; } res.writeHead(200, { "Content-Type": "image/png" }); res.end(data); }); return; } const addr = req.connection.remoteAddress; const user = USERS[addr]; console.log(addr, user); if (user) { res.writeHead(200, { "Content-Type": "text/html" }); res.write(`<meta charset="utf-8">`); res.write(`ようこそ${user.name}さん!`); res.write(`<h2>鯖江市民メニュー</h2>`); res.write(`<button>結婚する</button>`); res.write(`<button>水道を止める</button>`); res.end(); } else { res.writeHead(200, { "Content-Type": "text/html" }); res.write(`<meta charset="utf-8">`); res.write(`<h1>鯖江市民認証サービス</h1>`); res.write(`<img src=q.png height=100><br>`); res.write(`姓名:<input type=text><br>`); res.write(`住所:<input type=text><br>`); res.write( `<img src="https://chart.apis.google.com/chart?chs=140x140&cht=qr&chl=${addr}"><br>`, ); res.write(`EverIP: <code>${addr}</code><br>`); res.write(`本EverIPとあなたを鯖江市民として登録するサービスへ申し込みます<br>`); res.write(`<div>署名:_______________________(印)</div>`); res.write(`<button onclick="window.print()">印刷する</button>`); res.end(); } });

理想の窓口、���ろいろつくっていきましょう!
src on GitHub / Code for Sabae

links
- 婚姻・離婚届の押印廃止検討 手続きオンライン化推進  :日本経済新聞

鯖江市長選2020、投票率は61.63%となかなかの高さ。 2014年に若者にまちづくりへの関心を高めようとスタートした「鯖江市役所JK課」はもう7期生。 中止になった「さばえものづくり博覧会」の代わりに急遽企画された「バーチャルファクトリーツーリズム」のレポーターとして活躍!
さばえものづくり博覧会 2020 の中止と JK 課プロジェクトコラボによる「バーチャルファクトリーツーリズム」制作


バーチャルファクトリーツーリズム - さばえものづくり博覧会
できあがった動画のさばえものづくり博覧会のオープンソースなwebサイトへの組み込みコーディング(HTML)で少し貢献!(src on GitHub


レポートを終えたJK課7期生の言葉がステキです(メガネ編、25:10〜


今の鯖江市なら私はずっと死ぬまでここにいたい」NNNドキュメントより
JK課、1期生で、鯖江の料亭、御殿 當田屋の女将、栗田もも乃さん。 こども、若者、学生、大人、シニアまで、市民の誰もが参加できる鯖江の強さ。

NNNドキュメント「私たち…JK課~イマドキ女子だからできること~」 - YouTube
鯖江市役所JK課が始まったのは、2014年。市内の図書館混雑に着目してできたJK課企画のIoTとオープンデータ活用アプリ「さぼた」も紹介されていたFBC製作のドキュメンタリー。


鯖江市役所1期生からのアプリ開発の依頼を受けた会社として紹介されていた、jig.jp!Google Glassをかけてた時代!

動画での連携を図るため、商工会議所による事業所オープンデータに動画項目追加。
参加事業所の方、これから参加したい方、活用方法、探っていきましょう(さばえまっぷも)

鯖江の良い動画、改めてまとめていこうと思います。
sabae.cc 鯖江動画まとめ - YouTube
自分だけのプレイリストづくりも、手軽にできる創造です!

鯖江市の新市長となる佐々木さんに、2年ぶりに来鯖した、DX推進の専門家で地域情報化アドバイザー仲間でもある森本さんと一緒にお会いしました!

国でも地方公共団体でも、本格化するデジタル化(DX=デジタルトランスフォーメーション)。 鯖江のシビックテック団体、Code for Sabaeのテーマを実証から実用へ転換し、民間でできることはどんどん進めていくことにします。

NT鯖江のふりかえり、よかったことと改善点から、やること(TODO)を決めました。 早速、来年に向けたNT鯖江2021の出展募集サイトを立ち上げ、来場者向けのサイト「さばえまっぷ」プロジェクトをスタートしました。


さばえまっぷ
さばえものづくり博覧会オープンデータと鯖江市役所の公共施設オープンデータ(odp)をマッシュアップ! 県外から鯖江に来てもらえる人に、使いやすい情報とは?Code for Sabaeとして、みんなで育てていきたいと思います。ご要望、アイデアなど、ぜひGitHubの Issues へ書き込みください。

NT鯖江2020、おつかれさまでした!

2日目最後に記念撮影、またどこかのNTでお会いしましょう!


2日目のNT鯖江の会場、SCC


ネギを降っている初音ミクさんがおでむかえ!鯖江、西山公園道の駅で売ってるレッサーパンダさんもかわいい。


ファミリーベーシックのキーボードをUSB化するキットを通じて、Oculus Questで動くIchigoJam VR上でBASICでプログラミングしている GOROman さん。 Oculus Questの頭の動きをIchigoJamのアナログ入力として使えるようにしたら、体感ゲームがすぐできる!とナイスアイデアいただきました。


レトロなゲーム機や、コントローラーを使ったステキな工作群!


WS2812BテープLEDと無限合わせ鏡、素のままなのに美しい!


独自の電源を使った制御信号ブロードキャストシステム!


手作りアクセサリー、電子工作でなくても歓迎です!


入れ子の多面体が美しい!VRで作ってみるのも楽しそう。


かごにのったぬいぐるみがかわいいM5STICK制御のラジコン。会場を勝手に走り回るラジコン部門、いいかも!


ダンボールで作ったえんぴつ立てが手軽でかわいくていい!


この日、初公開!IchigoJamの新ケース、メガネの技術でできた「IchigoSand」


GOROmanさんもお買い上げ。EIGHT SENSEの作者の人、福井高専の先輩です!


早速使ってました!ピッタリサイズと手触りがいいんです。


下ろせば即その場がゲームセンターになるゲーセンリュック by GOROmanさん!ランドセルだと言い張って学校に行っちゃう!?


ゲーセンリュックを担ぎ、ゲームの音楽を背負って歩くっていいですね。後ろの人はゲームもできる。


モバイルプロジェクターがあれば、壁にも床にも天井にも、いろいろ投影できて、簡易MR気分。


Hana道場にあるOculus Quest、GOROmanさんにサインしてもらいました!


Hana道場ブースに集まるものづくり好き中学生たち!


IoT化したかわくだりゲームで、師匠にチャレンジ!


センサーでドローンも自動離陸!


高専プロコン競技部門を勝手に開催する会「囲みます」スマホを使った人対人、人対AIに対応して、もりあがってました。 3on3など、チーム対抗戦にしてみるのもおもしろう!


パーソナルモビリティーに乗りながら、VRをかぶり、キーボードでIchigoJam VR BASICプログラミング!ガバンがあれば移動しながらでもいけそう。


感圧接触センサーで触った位置に合わせて動く、DMX512制御の照明と水引LEDと越前和紙コーティングしたWS2812BマトリクスLEDを1台のIchigoJam実機で実現。 稼働照明の動きをIchigoJam VR上でBASICでプログラミングして、バーチャル空間もリアル空間共に連動させると派手な展示ができて良さそう。見ている風景のディスプレイに表示は必須ですね!

36 N=ANA(2)/4:M=(N>180)*120:POKE#800,7,0,N,0,M,0,0,30,0,RND(5)*60,RND(5)*60,RND(5)*60,0,0,0:U=USR(#700,#800)

質問多かった感圧センサーとDMX512をつなぐ部分は、こんな感じとシンプルです!(DMX512制御用マシン語の解説と使い方


USB接続できるファミリーベーシックと、相性よしの越前和紙+WS2812Bマトリクス。


本人映像、撮影 by GOROmanさん


プログラミング好きの原典的雑誌、MSX-FANの総集編を見ている、中学生。引き継ごう、次世代へ!


NT鯖江2021もSCC(Sabae Creative Community)にて開催予定!お楽しみに!なにかつくってぜひ出展もどうぞ!
翌朝、GOROmanさん、IchigoJamのはんだづけスタート!


LEDがどっかいったトラブルに見舞われるも、無事エルチカBASICプログラミング完成!

links
- NT鯖江2020 初日目レポート
- NT鯖江

はじまりました、ものづくりイベント、NT鯖江2020!
(10/3-4、11:00-17:00 at 鯖江商工会議所1F SCC)。


ユニークな展示がじっくり楽しめる2日間、鯖江市長選挙と合わせてどうぞ!
以下、ブースの写真レポートです!


チューンドお人形さん!


IchigoJamの同人誌!


なぜか子供が惹かれてしまうパズル!IchigoJamコマンド版とか作りたい


高電圧と静電気で駆動する自作コンデンサヘッドホン!


水引き+LED!


高専プロコン競技部門を勝手に開催する、囲みますリアル大会、初開催!


大人気だった、抵抗の形のはんだごて陶芸品!


アマビエさまになれるハコ!


自動演奏ピアニカ!


自作の曲がるディスプレイ!


漆塗りのピニカとFPV化されたラジコン!


鯖江だし、光るメガネ!


外側は当時のままで中身はリニューアルするというステキ改造ゲーム機!


ほっぺをふにふにできるVRデバイス、自作!


懇親会のCOMP料理!

44.1kHzで、440Hzの矩形波を鳴らそうとしても、サンプル数は100.23と割り切れないため、どうしてもずれます。実際鳴るのは100サンプル周期の441Hz。 正弦波であれば補間が聞くのでちゃんと440Hzで鳴ります。

波形量子化聴き比べアプリ / waveform sound test

高い周波数になるほど顕著、1838Hzを鳴らそうとすると1917.391Hzと4.32%もずれます。四捨五入しても2%以上ずれてしまうのが現実です。

そこでハイレゾ音源の出番、384kHzを使うと、0.44%まで誤差を縮めることができます。

それでも起きる誤差、解決方法は、ハードウェアから作ってしまうか、生楽器をサーボなどで鳴らすこと。ものづくりへの追求はつきません。


Oculus Quest DK2購入のきっかけ、@GOROmanさん、着鯖!


次回、会場として活用も検討する。SCC地下へ。


実験!

#NT鯖江 Twitter検索でもどうぞ!


NT鯖江2020」2020/10/3-4土日開催 @SCC

links
- NT鯖江2020 2日目レポート - NT鯖江

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS