福野泰介の一日一創

鯖江牧野市長も副市長勤めて、サバつながりの小浜市にて、KDDI、エル・コミュニティー、jig.jp連携事業。(連携発表
大人向けに子供向けプログラミングを体験してもらってのディスカッション!VIEDO3を使った拡大文字が好評でした。小さな子にもいいかも?


はじめてのプログラミング with IchigoJam (BIG)
拡大文字を使ってエルチカ&かわくだり!
標準、USキーボード版も更新しました!(slide pptx/keynote/pdf on GitHub


動画もどうぞ(6年の集大成、はじめてのプログラミングの決定版、IchigoDyhookを使った模擬授業の全動画 - 地域ICTクラブ普及フォーラム

小浜市副市長もプログラミング!

鯖街道の起点、発見!

小浜市のよっぱらいサバ!

鯖SABAつながり、盛り上げていきましょう!

プログラミングの楽しさ広めたい。今日は大人向け、福井経済同友会にて講演。

タイトル「創造的IT人材育成計画 〜福井から世界へ〜」
ご参加いただいたみなさま、ありがとうございました!

IoT、AI、DX・・・、日に日に危機感高まる中、イチオシのはじめのいっぽは「自分で作るIT、プログラミング!」
ひとつ自宅用IoT、創ってみました。

温度計がついたTEAM HokkaidoのボードをIoT対応のIchigoJam、IchigoSodaへ接続します。


起動したら、さくっと1行プログラムを書いて、SAVE0で保存。

1 IOT.OUT ANA(2):WAIT60*60:CONT SAVE0


あとは、ボタンを押しながら起動したら、1分に1回、温度計のアナログデータをsakura.ioのクラウドに送信するIoT温度計のできあがり!
キーボードや、ディスプレイは外してしまってOK!


いつでもどこからでもスマホから、自宅内のネコハウス内の温度がリアルタイムに分かるようになりました!


「ネコハウスIoT温度計」
温調付きの小型オイルヒーターで温めてますが、放っておくのはちょっと心配。異常温度を感知したら100V電源を切る機能とかあると安心できそう。

欲しいものは創る。創ってみないと見えないものと、創ってみないと身につかないもの。
ものづくりの醍醐味です!
大人向けのIoTプログラミング講座からはじまる、地域ICTクラブとこども実業団!

越前がにロボコンの横展開企画「加能ガニロボットコンテスト」は、12/26午前、金沢で開催です!
同日開催「第5回こどもプログラミングサミット」もどうぞ!

Q. なぜ今、プログラミングが必要か?
A. 社会が必要としている創造力を、最も簡単に鍛える方法だから。

DNA - 二重螺旋VR」 (OculusQuest推奨、PC、スマホでもOK!)
VR空間上にそびえ立つ、世界でも珍しい構造物「さざえ堂」と同じ16.5mの二重螺旋を体感するWebVRアプリ

一日一創の思考:今日は何創ろう? → 高専の授業で活用できそうなもの? → 武生高校で化学やった → かっこいい分子構造と言えばDNA、二重螺旋 → Wikipediaに気になるリンク、会津さざえ堂 → なんと階段が二重螺旋構造になっていて登って降りる入口から出口までが一本道! → そういえば、会津行く予定あり → これは創っておかなくては! → 高さは16.5m、VRで二重螺旋を再現! → プログラミング → デバッグ・調整 → 完成!

let th = 0 let xz = [ 0, 0, 0, 0 ] for (let y = 0; y < H; y += DY) { for (let i = 0; i < 2; i++) { const nth = th + i * Math.PI const x = OX + Math.cos(nth) * R const z = OY + Math.sin(nth) * R const obj = document.createElement('a-sphere') obj.setAttribute('scale', BR + " " + BR + " " + BR) obj.setAttribute('position', x + " " + y + " " + z) scene.appendChild(obj) xz[i * 2] = x xz[i * 2 + 1] = z } th += DTH const line = document.createElement('a-entity') line.setAttribute('line', { start: xz[0] + " " + y + " " + xz[1], end: xz[2] + " " + y + " " + xz[3] }) scene.appendChild(line) }

肝の二重螺旋プログラム!HTML+JavaScriptの全文でもたった36行(src on GitHub)

プログラミングという、ものづくりに効く、二重の積み上げ。

1. 使ったスキルを再利用できる(スポーツなど、通常の学習と同様)
2. 創ったプログラムを再利用できる(自分のものだけでなく、ネットにつなげば世界中の作品も対象に!)

なので、創れば創るほどに創れる幅が広がり、速度が増します。
つまり、する人としない人と差は広がり続ける。

ネットを共同創造の場と見れば、世界中のプログラムを再利用して、自分だけのものづくりに活用可能という天国!
(PythonやAIが有名ですが、それに限らずVR/IoT/DNAプログラミング言語など、あらゆる分野に存在します)

この楽しすぎる環境を、こどもたちに伝えずにいられずにいられません。

日本中、世界中に積み上がる社会課題、すべてに創造的な解決策が必要です。正解はもちろんありません。
DX(デジタルトランスフォーメーション)という言葉、未来を担うDN(デジタルネイティブ)にどう映るのか?


福井高専の田村校長はじめ先生と一緒に、高専と福井、日本と世界の未来について語り合い。
高専生が母校へいってプログラミングを伝え、越前がにロボコン、こどもプロコンを目標に、育ち、福井高専へ。
教えることで学生の技術力が上がり、地域産業界から実践の場を提供することで、磨かれ、活きて、好きになる。
自分にしか語れない英語フレーズをゲットして、タイ高専、ルワンダ、ケニアの学生やこどもたちに伝えよう!

正解があり、失敗が許されなかった時代は終わり
正解がない、いかにたくさん失敗したかを競う時代が始まっています

無限に失敗できるコンピューター環境を自在に操るプログラミング、もちろん大人だって遅くはありません。
世界最高齢83歳プログラマーが現役のワケ | ワークスタイル | 東洋経済オンライン | 経済ニュースの新基準


クラウド環境活用 IoTワークショップ / 現場ですぐ試せる 手づくりIoT講座」(post on FaceBook)
大人向けのステキなイベント発見!
三重県版のディスプレイ一体型IchigoJam「IchigoBoyPocket」を使ったIoTプログラミング講座!

福井でもどんどんいきましょう!

links
- 母校の小学校でプログラミングを教える福井高専生! SINを使った敵生成アルゴリズムとMacのスクリーンセーバー
- ディープラーニングを使ったオーラルケア、福井高専チームが優勝! 北陸イノベーショントライアル HIT2019 - 写真整理にもプログラミング!
- 高専に集まる地元小中学生! プログラミングと電子工作とIoT、県大会のススメ、仙台高専で初開催「みやぎプロコン」動画まとめ
- ブラタモリで注目!「会津さざえ堂」はダビンチも創れなかった不思議な二重螺旋迷宮? | 福島県 | LINEトラベルjp 旅行ガイド

創造力の一種、発想力。筋力と同じで、繰り返し使って鍛えましょう!
スタートから45分で発表まで終える「スピードアイデアソン」をいろんなテーマで繰り返す程に身につく発想力と貯まるアウトプット。
小中高校生から、高専・大学生・社会人まで、予備知識もスキルも不要で、幅広く楽しめます。


アイデアを形にするアプリイメージづくり。一番大事な画面1つを大きく模造紙に描いて、アプリタイトルをつけよう!
実際のアプリ開発現場でも見られるペーパープロトタイピング!
イメージができて、データが揃えば、アプリづくりは半分できたようなもの!


地域課題解決アイデアソン(45分バージョン)」(pptx)
CC BY のオープンデータ、自由にアレンジしてお使いください!


イノベーションフロー。
課題、アイデア、データを加えてアプリができて、横展開できたらイノベーション!
まずはいろいろトライしてみよう!やってみないとわからない!


付箋紙は課題とアイデアで2色あるとよし、ボールペンや鉛筆ではなくカラーペンが見やすくてオススメ!


アイデアソンの大事なルール「批判しない」
限られた時間、批判するより、別案を出すことに使いましょう。新しいネタを使えば新規性が出る!
自分ごと、自分がうれしいことを考えるのは、実際取り組んでいこうと思えるのでオススメ。




思いついた課題が書かれた付箋紙に、ペンで点を打って投票します。気になる課題については聞いてOK!








本日のアウトプット、高校生&大学生による3アプリ!

お知り隊
対象:高校生
課題:勉強わからん
アイデア:勉強の単元ごとに教えて欲しい人と、教えたい人をつなぐアプリ
データ:丸岡高校の単元


AIにおまかせ 〜今日のこんだて編〜
対象:一人暮らしの大学生
課題:こんだてが決まらない
アイデア:使いたい食材、予算、人数、カロリーを入れるだけで決めてくれる
データ:旬の食材、値段、レシピ、カロリー、健康状態


そばほし太郎
対象:丸岡高校の学生と、近所の人
課題:打ったそばが残る
アイデア:そばが欲しい人にそばがあることを知らせて取りにきてもらう
データ:そば打ちスケジュール、残ったそばの量、そばの写真、近所の人

どのチームもおもしろいアプリ、発想できました!
やればできちゃうアプリづくり、ふりかえりでも書いてくれてましたが、地域の人にいろいろインタビューしたり、データを集めて、おもしろい課題を見つけ、斬新なアイデアづくりを狙ってみましょう!
アイデアソンは、みんなで楽しめる一種のゲーム。やればやるほど上手くなって、おもしろくなりますよ!


今回は、アイデアソン前にインプットの時間。
福井県庁のオープンデータに関する取り組み紹介。テーマに合わせた、インプットの時間、企画するのも良いですね!


アーバンデータチャレンジ福井ブロックの上坂さんから、チャレンジのススメ。取り組み(アクティビティ)でも応募できるとのこと!
アーバンデータチャレンジ
(地域課題の解決を目的とした地方自治体を中心とする公共データを活用した年間のイベント開催を伴う一般参加型コンテストです)

第3回目の開催となる、福井の味覚「越前がに」をテーマにした小学生向けプログラミングによる自律走行するロボットコンテスト、越前がにロボコン! 今年は、お隣石川県、金沢市でも12/26(木)に開催予定「加能ガニロボットコンテスト2019

決勝戦と参加者インタビュー on YouTube!

熱い戦いを振り返ります!

8時半開場、作業用のピットを見てみましょう!


さばえカニロボットベース、光センサー2つに加え、超音波センサー搭載!


モップ状の足でレアメタルを根こそぎ狙いにいくスタイル!


残念ながらモーター破損により、本番では出番のなかったテオヤンセン型歩行LEGOベースのロボ。


レーザーカッターで切り出したテオヤンセン型ロボIchigoJamバージョン


9時半開会式に続いて、早速予選スタート!
スコアが同点の場合は、ゴールタイムが速い順、それも同着の場合はゼッケン順。


素敵な司会と、PCN代表によるキッズエンジニア視点の解説!


予選結果と決勝トーナメントの発表!


小学生低学年もこの眼差し!


こんなところにもかわいいカニ!


マシントラブルでもあきらめない!


横書き対応したリアルタイムトーナメントシステム!


今回は、得点システムを競技者とは反対側に置いたため、左右が逆になっていました。左右反転モードを付けておくと良いかも。


小学生のロボットもプログラミングも自分で作ったカニロボ同士の熱い戦い、まさにeスポーツ!


低学年の部、決勝戦後、お互いを称えてがっちり握手!


いよいよ高学年の部、決勝戦!


高学年部門、低学年部門のトーナメント戦結果と、決勝戦のスコアボードがこちら!


高学年部門、決勝動画!


低学年部門、決勝動画!


表彰式!


とってもカニなロボットを作ってきてくれた敦賀の小学生チーム!


IchigoJam賞、プレゼント!


第3回 越前がにロボコン
主催:一般社団法人 福井県情報システム工業会 越前がにロボコン実行委員会
共催:株式会社 福井新聞社 福井県機械工業協同組合
後援:福井県 福井県教育委員会 福井商工会議所 福井大学 福井工業大学 福井工業高等専門学校 NHK福井放送局 FBC 福井テレビ 福井県漁業協同組合連合会 ショッピングシティベル

links
- 越前がにロボコン
- 第2回 越前がにロボコン 2018.11.25(SUN) ショッピングシティ ベル あじさいホール - YouTube
- 第1回 越前がにロボコン 2017.11.26(SUN) ハピリン 2F広場 - YouTube
- 3年目の意地と3分間の勝負。3名の戦士が挑戦した【第3回越前がにロボコン】: Hana道場
- テオヤンセン蟹に魅せられたプログラミングするロボットスポーツ「かにロボコン2019」!次回は来月「金沢 加能ガニ ロボコン」にて! – about yrm
- 戦う姿まぶしい小学生、動画でふりかえる「越前がにロボコン」 (2017)
- 小学生エンジニアによる熱き戦い、越前がにロボコン2018 決戦動画! (2018)

福井に引っ越してきたときの最寄りの高校、藤島高校。25年越しに初潜入。
おもしろいことになってるコンピューター/AIの世界とプログラミングの入り口を紹介したら、鯖江の学生!
Hana道場でも再会果たし「NT鯖江」にも行くと75%の約束してくれた!

やはり最新のスゴさを見せて、体験してもらうのが一番!
iPhoneに搭載された機械学習ライブラリ CoreML を使った画像識別をアプリづくり。

こちら、モノの名前を教えてくれるメガネ「monoglass」
覗くと見えるデジタルフィルターされた世界。モノの名前が見える!
識別時間に遅れなし!速い!


見た目はいつものスマホAR


2つ同じ画面を左右に表示して、外に穴が空いたスマホVRゴーグルにセットすればOK!

今回の識別にはオープンデータな画像識別学習データセット MobileNet を使っていて、999種類の識別をしてくれます。
(レコード1000の内 crane が重複しているので999種類)
元データ MobileNet-Cafe、iOS用に変換されたデータ MobileNet.mlmodel

PythonやJSなどで、自分で学習させたモデルにも切り替えも簡単にいけそう。
(src for iOS on GitHub (meganeworld) - 日本語訳はざっくりしたままなのでその内ちゃんとしたい版)


なんと福井高専の地球物理学研究会Namaz(なまず)は、藤島高校にもあった!
月曜日が基本の活動日、Namaz藤島グループ、地図班、震源特定班、調査班に分かれて作業開始!


藤島高校中庭、この囲いの中に秘密あり


このケースの中には・・・


加速度センサー!10年稼働し続けているとのこと。


こちら記憶装置とバッテリー。バッテリーは数ヶ月に一度交換。


福井県内の高校、6箇所で収集した、サンプリング周波数250Hz/3軸の加速度データから震源が計算できる!
高校生が特定した震源データ、ぜひオープンデータ化してみんなでいろいろいじるときっともっと楽しい!


JavaScriptを使えば、地図アプリも簡単に作れるよ!と見せようとしたら、フィルターに阻まれた。
地図アプリづくり、Chrome推奨だけど、きっとEdgeを使えば大丈夫!


気を取り直して、IoT側、IchigoJamを使った簡単プログラミング入門と、ハードウェア制御を紹介。
とても気に入ってくれた、リーダーはなんと鯖江出身。
Hana道場を紹介したら即来道!いいね、行動力!

AIIoTスマホアプリもプログラミング
人類の英知、活かしていこう!

鯖江のものづくり力と、プログラミングの力、おいしいものに出会えるイベント、鯖江ものづくり博覧会NT鯖江、今週末!

links
- かわくだりゲームのIoT改造! 親子IoT&講師向け研修の学びをまとめたスライド公開
- イノシシ x IoT x G空間地図アプリ! 誰でもつくれる地図アプリハンズオンセミナー資料
- TensorFlow.jsだけで画像の学習から予測までをミニマム実装! AIはじめのいっぽ

49,800円という衝撃価格のモバイルVR「Oculus Quest」が好調

開発の楽しさを伝えるため、50行マイクラ風に続く第二弾、今回はVRらくがきアプリを48行で作成。
Tilt Brushは気持ち良いけど、起動に時間がかかるのがネック(あと、有料)。
今回作った、お絵かきツールは、超軽量なので起動も一瞬!(無料&オープンソース on GitHub

drawline-VR
フレームワーク、A-Frameを使っている。線をa-lineでだらだらと追加しているが、割りとすぐに重くなってしまうのは、どうにかできるのか!?フレームワークやWebVRの限界なのかも?


さらさらと描く様子を、本体へ録画して、USBケーブル転送。(転送は開発モードをOFFにしてAndroid File Transferを使用)

<!DOCTYPE html><html><head><meta charset="utf-8"/> <title>drawline-VR for Oculus Quest</title> <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script> <script>'use strict' const list = [] let line = [] let bkp = null AFRAME.registerComponent('input-listen', { init: function() { this.el.addEventListener('triggerdown', function(evt) { bkp = handright.getAttribute('position').clone() list.push(line) }) this.el.addEventListener('triggerup', function(evt) { line = [] bkp = null }) const removeLine = function() { const line = list.pop() if (line) for (let i = 0; i < line.length; i++) document.querySelector('a-scene').removeChild(line[i]) return line } this.el.addEventListener('gripdown', function(evt) { removeLine() line = [] bkp = null }) this.el.addEventListener('bbuttondown', function(evt) { while (removeLine()); }) }, tick: function() { if (bkp) { const p = handright.getAttribute('position').clone() const aline = document.createElement('a-entity') aline.setAttribute('line', { start: bkp, end: p, color: "#FFF" }) document.querySelector('a-scene').appendChild(aline) line.push(aline) bkp = p } } }) </script></head><body><a-scene> <a-sky color="#546c4c"></a-sky> <a-entity id='handright' oculus-touch-controls='hand: right' input-listen></a-entity> </a-scene></body></html>a

ご自由に改造、活用ください!

福井県の昭和おもしろスポット2箇所紹介。

こちら福井県庁内1Fにある喫茶店。昭和な雰囲気。


なぜかダンベルが!?レトロなレジも必見です。


懐かしの2つの時計が掲げてあったお店を発見、世代が違うと全くわからないことがわかった。(on Twitter)

links
- 一日一創 VRカテゴリ
- 一日一創 VRアプリ一覧

2020年、小学校でのプログラミングの必修化を控えての先生向けの研修。
小学校プログラミング教育の手引(第二版)
実際にプログラミング(コーディング)する体験を通じて、コンピューターの凄さと性質に触れ、身の回りのコンピューターが透視できる力と、自分で学ぶ楽しさとワクワクする未来を感じさせてあげましょう。

経験的にベストは4年生で総合2コマ。ローマ字習得後で、クラブ活動が始まる学年で、通常教科を圧迫しません。コンピューターのおもしろいところを全員に伝える必要最小限は2コマ。準備時間を含めると、1コマ45分ではちょっと窮屈でした。


福井県坂井市とあわら市の視聴覚担当の先生向け合同研修。


光らせて、消してを表す複合コマンド「LED1:LED0」
依頼に応じて一瞬で仕事をこなしてしまうわずか100円のコンピューター。
驚きの体験、大事です。


実際の授業におすすめ、2人1組、交代でタイピングしていくスタイル。

動画と資料スライドはこちら(再掲、鯖江市豊小学校総合2コマ

こちら授業の動画(全編1コマ目2コマ目


はじめてのプログラミング with IchigoJam (PDF)」(自由に活用、改変できるオープンデータ)
大型テレビでスライドを映し、みんなで一斉に一歩一歩手順をたどって、ロボット&ゲームづくり!
こどもたちが作ってみたいもの人気ナンバーワンとツーを一気に体験してもらいます。


授業の復習用のプリント「IchigoJam はじめのいっぽ」&「IchigoJam ミニゲームズ」
時間に応じて、いろいろ改造する方法を紹介したり、自分なりにやってみる時間をとってあげましょう。

興味を持ったこどもたちが継続的に触れる環境づくり。室内用の遊具としてのIchigoJamやIchigoJamプリントや、電子工作マガジンをおく「IchigoJam Cafe」の設置や、プログラミングクラブがおすすめです。 (設置ご希望な小学校の方、ご連絡ください! ichigojam@jig.jp

タイピングしてテストを受ける時代、早いうちにキーボード慣れしておくといいです。
短く見やすく打ち込みやすい、横31文字10行以内で作る IchigoJam ミニプログラムシリーズ第1段。
「はやうちアルファベット」

10 T=0:Q=0 20 CLS:CLT:N=RND(26)+65 30 LC RND(32),RND(20):?CHR$(N) 40 S=TICK()/6:LC 0,21:?S 50 K=INKEY():IF K=0 GOTO40 60 IF K!=N BEEP:T=T+10:GOTO40 70 T=T+S:Q=Q+1:IF Q<10 GOTO20 80 ?T/10;".";T%10;"sec"


画面内にランダムに表示されるアルファベットをすばやく打て!間違えると1秒ペナルティー。10問で速度を競います。
5秒切れたらスゴイ!

まずは簡単に数字キーだけでもいいですね(差分、20行を改造) 「はやうちテン」

20 CLS:CLT:N=RND(10)+48


こちらも5秒切りを目指しましょう!

ちょっとゲームっぽく、カーソルの上下左右のみバージョン(差分、20行、60行を改造) 「はやうちアロー」

20 CLS:CLT:N=RND(4)+224 60 IFK+196!=NBEEP:T=T+10:GOTO40


こっちはがんばれば4秒切れるかも!?

一歩先ゆく、図工 x プログラミングもおすすめです。
400円で変えるサーボ(SG90)をジャンパー線3本(60本で220円)でつなげば、簡単で安価に動かせます。
プログラミングで自在に動かせるロボット工作のできあがり!


もっとやりたいこどもたちに、小学生向けご当地ロボコン「越前がにロボコン」や文科省後援「PCNこどもプロコン」をぜひご案内ください!

It's Programming Fes Day 2 in Eiheiji town Fukui prefecture! (Day 1)

The opening speech by Mr. Amil Khanzada founder of ZenIT with connecting live to Silicon Valley. He is also an evolution ambasaddor of here, Eiheiji town. Now is the best era to make your dreams!


Curiosity is Treasure!
(this program in the end of this article with IchigoJam ver 1.4β!)


They worked out After training with Zen!


"A healthy mind dwells in a healthy body"


Let's start to program with the robot! (CamRobo by Tamiya, coding with IchigoJam)


Great weather to program the auto pilot car!


Here is the best place to practice to make the auto pilot car! (1F at Shiki-no-mori)


It's free programming time! They replied the interview of a TV channel!


With lively kids!


Try and challenge, enjoy your unique failure!


Our staffs enjoyed also!


Them parents met them kids went up the level.


Thank you for comming!


See you next time!
You can remember with VR app "VR ProgFes 2019".

To curious kids...


Let's try to manipulate 16x16 full color LED, WS2812B with IchigoJam 1.4β
Connect WS2812B x 256 to VCC, GND, OUT1 and program!

LET[0],0,10,0:WS.LED 1,256

You can control many LEDs with a parameter of repeat of WS.LED!

10 A=RND(14)+1:T=RND(3)*20+20 15 FOR J=0 TO 3 20 FOR I=0 TO A-1 25 LET[I*3],RND(16),RND(16),RND(16) 26 NEXT 30 WS.LED A,256/A+1 40 WAIT T 42 NEXT 50 GOTO 10

How to control indivisually 256 LEDs? (try this!)

links
- プログラミングフェス
- 夏、プログラミングフェスDay1! VRで実寸で思い出せる360度写真&アプリ
- Programming Fes Day 2 connected Silicon Valley and Eiheiji to encourage kids!

世界から市町まで拡大縮小するカラム地図のプロトタイピング。
ひとまず、北陸三県をカラム地図化して、日本カラム地図から辿れるようにしてみました。

日本カラム地図
今日現在、緑色の北陸三県+広島県だけ辿れます。
一般的なずらっと1次元に並ぶものより、2次元の方が選ぶ方が楽!


富山カラム地図
日本で一番市町村数が少ない県!4x4で収まる、15市町村。船橋村は日本最小の市町村とのこと。


石川カラム地図
出身地石川県。実家は現在白山市となった松任市。内灘町にも祖母がいます。七尾市に年中まで住んでました。 津幡町には石川高専!
高専生が伝える小学生プログラミング at スゴイ津幡町まちなか科学館、高専生先生の意気込み&感想動画 / KidsVenture x 石川高専


福井カラム地図
再掲、福井カラム地図。Wikipediaへのリンクがついているので、意外と知らなかった地元近くを知るチャンスに。


世界カラム地図
世界カラム地図からネパールと日本だけ辿れます。追加希望の方、カラム地図 on GitHub までお寄せ下さい!

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