福野泰介の一日一創 - create every day

去年は国体でお休みだった福井県主催のイベント「キッズものづくりラボ
福井県内、嶺南と嶺北、2エリアの小学4〜6年生、夏休み初日に大集合!

遊びに来たはぴりゅうも一緒に360度記念撮影!


今回はPCN福大附属との共同運営。真ん中、新代表の中條さん!義務教育学校8年生(中学2年生相当)
TシャツもIchigoJamのプログラムが!?さて何のプログラムでしょう?


PCN福大附属
2019/8/8、福井駅前ハピリンで科学フェスタで出張プログラミング講座ありとのこと!


ものづくりキッズ、計8コース!第6コースを担当。IchigoJam、知ってるこどもたち居て、うれしい!


コンピューターと仲良くなろう!まずは早速はんだづけ。部品を順番に並べていてかわいい。


ほとんどの子供が初めてのはんだごて。動画でイメージを掴んだら早速実践!


はんだづけデモ動画!


はんだごてより危険なニッパー、飛ばないように指で押さえて切る!


できあがったらプログラミング!こちら、一番もりあがる、1行

40 GOTO 20 RUN

動けるようにして、当たり判定をつけたらできあがり!


はじめてのプログラミングによるゲームづくり、楽しんでもらえました。


はじめてのはんだづけ&プログラミング with IchigoJam
今回の復習や、チートの回避方法、改造方法などはこちらを参照ください


OUTコマンドを使って外部機器の制御も簡単、IchigoJam。
おまけのLEDを使う方法とプログラムも追記してあります。


あとは676円のキーボードと108円のコンポジットケーブルを手に入れ、お家で続きをどうぞ!


IchigoJamプリントほか、教材、書籍は、こちら「IchigoJam読み物」にまとまっています。英語版の本もでました!
Amazon | IchigoJam - BASIC: My Reference - Preliminary Version | Juergen Pintaske | Electronics


午後はPCN福大附属、前代表、小林さんも!(義務教育学校9年生、中学3年生相当)


ありがとう、体験してくれたものづくりキッズたち!良い作品、待ってるよ!

PCNこどもプロコン2019-2020

福井高専にて、プログラミングを学びたい学生向け特別講義。JavaScriptを中心に伝授してますが、今回はIoTづくりの前段としてと、小中学生向け出前授業などで使えるスキルとして、IchigoJam BASICも触ってもらいました。

こちらIchigoJamの新作、おおきいはどっちだゲーム!
表示される数2つ。大きい方を右か左のカーソルキーですばやく答える、計10問。
下のプログラムは、1回あたりの平均回答秒数をミリ秒表示バージョン。 400m秒を切るのは地味に大変なので、ぜひチャレンジください!(RUN on IchigoJam web

100 CLT 110 FOR I=1 TO 10 120 A=RND(9)+1 130 B=RND(9)+1:IF A=B CONT 140 ?A,B 150 K=INKEY():IF K=0 CONT 160 IF K=28 AND A>B GOTO190 170 IF K=29 AND A<B GOTO190 180 ?"NG!":END 190 NEXT 200 ?TICK()*10/6;"ms"


お題に使った「弾幕ゲーム」の解説。そういえば、三角関数は中学校でも習わない!でも、ゲームをつくる上では必須でそんなに難しくないってことを解説。


PCをまだ持っていないメンバーを中心に、IchigoJamプログラミング教え方講座。
かわくだりゲームを改造して、BGMとゲームオーバー音を追加!
エラーが即出るBASICは、プログラミングに慣れる過程では役立ちそう。気に入ってくれて何より!
もう、教えることもできますね!(スライドリファレンスIchigoJamプリント


新生、福井高専なまずメンバー!楽しいを創ろう!


噂の福井高専売店


ありました、電子パーツ販売コーナー by マルツ電波!
高専、いい環境です!

自治体オープンデータの意義は、自治体の仕事を減らし、民間企業による豊かさの創出!


オープンイベントさいたま
埼玉県オープンデータ」で唯一の4つ星オープンデータ、RDFで提供されていた広報情報オープンデータをjig.jp、この夏のインターンに参加する高専生による作品「福井県のイベント (src on GitHub)」を埼玉化。 自治体による広報の仕事を減らせるかも。

RDFにもターゲット情報が入っていれば、若者や、高齢者など、対象別に見やすいアプリづくりもできるので、一層伝わりやすくなります。 Vue.jsを使ったモダンで見やすいアプリづくりは、地域の高専生や、JavaScriptが使える小中学生にとって良いネタにもなります。


オープンデータを庁内で広めるオープンデータリーダーを育成する総務省企画「オープンデータリーダ育成研修
自治体の中でやっている繰り返される仕事、オープンデータで効率化できませんか?
イノベーションのはじめのいっぽは、当たり前に疑問を持つこと。
今までを変える意識と行動力を持つ人、それがリーダーです。
教材はオープンデータ、今すぐ、行動を!


オープンデータによる連携を活かす、11万件もの公園データを提供する「PARKFUL
公園の設備を提供する会社、株式会社コトブキとの連携がおもしろい!


東さんによるオープンデータ講義。震災での反省から始まったオープンデータ。避難所データがオープンデータではないと、活用するために問い合わせが必要。実際に30箇所問い合わせて、OKの返事はたった9。 事実、災害時にサーバーがダウンしていて避難所データにすらたどり着けな事態が未だに発生しています。


ネット時代、データを広く共有するコストが劇的に下がりました。まだまだ市民意識が追いついていませんが、まずはデータがあれば、楽しく可視化するアプリが生まれ、広まります。 アプリを誕生させるためには、開発者にとって優しく横展開が可能でうれしい「5つ星オープンデータ」が必須!


鯖江市のオープンデータ産みの親、牧田さんに会ったことがきっかっけで、自分でなんでもやっちゃうことにしたという、埼玉県深谷市の斉藤さん! 「ふかやMap」から様々な位置情報付きデータをオープンデータとしてダウンロードできます。


odp - オープンデータプラットフォーム
5つ星オープンデータはじめのいっぽに、避難所データをExcelでまとめてアップロードするだけ。無料です。

さまざまな業務課題や、社会を豊かにする取り組みへのチャレンジに向けて、まずは最小限の手間で、5つ星オープンデータ化と、データをアップした瞬間に動くアプリをご体験を!

5つ星オープンデータ対応避難所ナビアプリ「ヒナンパス

楽しいテープ状のWS2812B。でもちょっとだけ加工が必要。
もっと気軽にワークショップなどで使いたい!
そんな時はこちら「マイコン内蔵RGB 5mmLED PL9823-F5
1つ税込40円と手頃で、IchiogoJamにそのまま挿せば使えるお手軽版!

ichigojam-1.4.0b05.zip」 ファームウェア、1.4ベータ版以降でお試しください。


信号線DINとDOUTをつないで、数珠つなぎで制御するマイコン内蔵LED、スルーパス用のDO端子は挿さずに曲げて使います。 ワークショップで使う時は、切っておくのも分かりやすくて良いかも。


1つ40円のマイコン内蔵LED。
短い方、左から、信号入力DIN、VCC、GND、信号出力DOUT。
DOUTは1つ光らせるだけの時は使わないので、切ってしまってもOK!
短い方から3本を OUT1,OUT2,OUT3 に挿し込みます。
データシートによると電源は4.5V-6Vですが、3.3Vでも光りました。)

ver 1.4からの新コマンド WS.LED は OUT1 から信号がでています
ver 1.3以下でもマシン語ドライバを使えばOK!


5つで200円!(マイコン内蔵RGB 5mmLED PL9823-F5: LED(発光ダイオード) 秋月電子通商
8mmより5mmがオススメです。8mmはたまに誤作動しました。値段は一緒。


まずはLEDへの電源供給、OUT2をONにします。

OUT2,1

赤く光らせよう!(赤の輝度30でフルカラーLED1つを光らせる!最大255)

[0]=30:WS.LED 1

緑、青はこのように(LET[0]を使って、[0][1]と順番にまとめてセットできて楽できます)

[0]=0:[1]=30:[2]=0:WS.LED1 OK LET[0],0,0,30:WS.LED1 OK

ちょっと応用して、キーボードの左右と上を使ってRGBをコントロールするプログラム(HetaPad対応!)

10 OUT 2,1 20 R=0:G=0:B=0 30 IF BTN(LEFT) R=R+1 40 IF BTN(UP) G=G+1 50 IF BTN(RIGHT) B=B+1 60 IF BTN(DOWN) GOTO 20 65 ?R,G,B 70 LET[0],R,G,B 80 WS.LED 1 90 GOTO 30

PL2823の内蔵マイコンWS2811は、WS2812Bと違って、並びがR,G,B。
WS2812Bを使う場合、70行を LET[0],G,R,B と入れ替えましょう。
好きな色を作って遊んでいるうちに、何かつくりたくなりますよっ!


2つ以上、同時に光らせる時は、ジャンパー線とブレッドボードを使って、OUT1-DIN / 5V-VCC / GND-GND の順につなぎます。OUT2の出力では電力不足で光が弱くなります。


全部255が最大輝度の白!眩しい!

Amazonには、50コつながったイルミネーションに便利そうなものも!
Amazon.co.jp: ALITOVE WS2811 12mm 拡散 デジタルRGB LEDピクセルライト Neo Pixel RGBドーム型 LEDモジュール 防水IP68 DC 5V 50pcs/セット: Amazon.co.jpホーム


今年も開催「PCNこどもプロコン
2019年から2020年にかけての開催、各地で着々と進むこどもプログラミング。楽しさに気がついたら思う存分作品を作ってコンテストへ応募しよう!
今回の最終審査会&表彰式は発祥の地、福井で開催!


プロコンの県大会、仙台高専も共催の宮城県内の小中学生向けプログラミングコンテスト「みやぎプロコン」も!
【プレスリリース】子どもたちにプログラミングの面白さを伝える「みやぎプロコン」サイエンスデイ2019へブース出展 – 仙台高等専門学校
日本のこどもたちの未来のために!


PCN秋葉原では、コンピューターのはんだづけ&プログラミング体験 with IchigoJam。LEDを付けた感動、世界に!


SapporoJam&IchigoJam腕時計、ゲット!


Google Tokyo のJohanに再会!TeamIseのIchigoBoy、お買い上げ!
TFUG Okinawa vol.4 - connpass」というマイコンで動かすTensorFlowで機械学習(#TinyML)のワークショップで、プロっピーとして講師とのこと。 AIマイコン時代、おもしろそう!沖縄の人、ぜひ!

キーボード端子を使ったゲームパッド型のコントローラー「HetaPad」兵庫県のPCN北はりまから登場!
要望あったゲームなどのリアルタイム処理に便利なBTNコマンドを使ったキー状態取得に、新たに X を追加。

ichigojam-1.4.0b05.zip」 ベータ版ダウンロード
- 上下左右スペースに加え、X(ASCIIコード88、BTN(88)やBTN(-1)で取得可能)

1 ?BIN$(BTN(-1),6):CONT

ver 1.4の新機能、BTN(-1)で、各種キー状態を2進数で表示するテストプログラム
HetaPadでは、青いボタンが Xボタン です!黄色のスペースボタンと合わせて使えます。


HetaPadのキットを先行入手!


部品はそんなに多くなく、全部やさしい部品ばかりなので、初心者の方でも安心。


はんだづけは低い部品、まずは抵抗から!組み立て順や、向きなど、丁寧な解説あります。


最後にボタンをはんだづけして、キーボードコントラーラーICをセット!


できました!
プリンターなどでよく使われる USB A-Bケーブルを準備して、接続しましょう。
普通のパソコンでも使えるので、IchigoJam webや、その他いろんなアプリで遊べます!


NT鯖江」2019/10/26-27開催
土曜日の夜、懇親会を新たに企画しました!
何か作っている方、お気軽にご出展ください!

まずはゲームを作ってみたい。だったら、思う存分作ってみよう!

ゲームづくりに含まれるプログラミングテクニックは、様々なアプリケーションづくりに応用可能。
快適に動作させるためにアルゴリズムを工夫することは、サービス運用時のコスト削減に直結。

パソコンを持っている高専生にオススメは、作ったアプリを友達に自慢できるJavaScriptを使ったwebアプリ。
eggamejsとして、かんたんゲームフレームワークを提供します。

サンプルアプリ、ワンキー弾幕ゲーム「dnmk
タップや、クリックでちょっと浮かびます。狙ってくる弾を可能な限り避けよう。


egclockjs
時計アプリをオリジナルでつくってみようという課題作品を掲載しました!

プログラミング言語も語学の一種、英語と一緒で使えば使うほどに楽に使えるようになりますよ!
まずは一週一創あたりから作るペースを身に着けよう!

今週は、eggamejs の作品募集!
GitHubアカウントをつくって、forkして、改造して、READMEへ「プルリク」ください!
質問は issues へどうぞ。

愛媛県の離島、上島町のこども、サッカー少年少女たちにプログラミングをの企画、大成功!
上島町+広島県因島での思い出を360度写真でまとめました。
VR Kamijima」 PC、スマホ、スマホVR、Oculus Go、Oculus Quest、Windows MRなどでどうぞ!

美しい夕日、佐島。(視界真ん中のカーソルを、地図上の赤い点に合わせて、ちょっと見つめると場面が変わります)


橋がつながっていない上島町、広島県因島からフェリーで渡る。海、山、島、きれい!


元保育所をかわいく手作り改装、佐島のカフェ「book cafe okappa
人口500人のせとうちの小さな島に“お引っ越し”した女性二人組が作る「book cafe okappa」【離島カフェのタネ】|ことりっぷ


弓削商船高専すぐ側、高台にあるリゾート「フェスパ」内のレストラン「イル・マーレ」からの眺め!


こどもプログラミング in 上島町


佐島の宿泊先、汐見の家、五右衛門風呂。

VR Kamijima
異次元体験、Oculus Quest、WebVRでらくらくVRアプリづくり、その他VRアプリもどうぞ!

links
- 瀬戸内25島、愛媛県上島町のこどもたちへプログラミングとサッカーを!
- 瀬戸内の夕日をバックにボックスクラフトVR、弓削商船高専マイコン部IchigoJam&VRレクチャー編
- 翌日にはプログラミングの先生に! 弓削商船高専マイコン部の高専生大活躍、サッカー少年 meets IchigoJamゲームプログラミング!+かみりんゲーム
- 360度写真でまとめる、上島町(弓削島/佐島/生名島)の記憶のVR追体験

いよいよ当日。愛媛県の離島、上島町、生名島(いきなじま)でのサッカーフェス「U-12 PUENTE FESTIVA」にてプログラミング教室&体験会。

サッカーの試合の合間を使って、50分のプログラミング体験 with IchigoJam。講師はなんと、早速、弓削商船高専生!マイコン部で昨日、一回体験しただけなのに、すぐに立候補して立派にこなす姿に感動。


IchigoJamプログラミング教室の入り口、看板を持っているのは上島町の神様キャラクター、かみりん!


短めの時間でしたが、弓削高専生によるサポートにより、短時間でLED制御を使ったエルチカゲームから、かわくだりまでしっかり体験!(本カリキュラムは、総合の時間、45分x2コマを使って実施する内容の短縮版でした)


みるみる上達していく姿が、うれしい!


お隣、和室では上島町近所から来る子供たちへの個別体験会。


VRだってプログラミングできちゃいますよ!
わずか50行でつくるマイクラ風と、瀬戸内バージョン!)


マイコン部2年生も初講師!自分の言葉で伝えている様子、さすが!


島で誰かに伝授できるように、高専生向けにミニIchigoJamのはんだづけ講座!


弓削商船高専マイコン部、ありがとう!PCN弓削、はじめましょう!


バトンタッチして、18時過ぎ。試合を終えて雨でびしょ濡れで入ってきたサッカー少年たち、50分のプログラミング教室、元気いっぱいで楽しんでくれました!


時には真剣にタイピング!さすが、スポーツ少年、ゲームへの執念もすごい!


愛媛県上島町でも SAP x IchigoJam! SAPアメリカ、Tsubotaさんと。
Hana道場」ロゴも!


お隣Spheroプログラミングを提供、SAPのみなさんには、エルチカ、かわくだり、64円IoTプログラミングまで、体験いただきました!
すべての企業がIT企業になるIoT時代、おとなIoTプログラミング企業研修と少し高度な新機能


橋本英郎さん、上島町商工会青年部のみなさんと!楽しい企画、ありがとうございました!


はじめてのプログラミング with IchigoJam(PDF)」(Keynote / PowerPoint)
こちら資料、今回のこどもたちの反応を見てのブラッシュアップした最新バージョン。
オープンデータなので、ご自由に改変、加工してお使いください!
フォントはこちら2つ「手書き風フォント「こども丸ゴシック」 - フォント無料ダウンロード|Typing Art」と「IchigoJam フォント TrueType - イチゴジャム レシピ」をダウンロードください


追記したスライド。セットアップ(準備)とメインループがプログラムの基本の構造。大きなプログラムもそれが単につながったものに過ぎません。8x8のかみりん(?)キャラクターを使ったダッシュゲーム。タイトル、メイン、クリア画面と3つの構造、見えてきたら、中級者!


やればやるほど、おもしろくなるのがプログラミング!
大人の方もぜひご一緒に!PCNこどもプロコンへの応募もオススメです。


打ち上げに、上島町商工会青年部の人たちと、フェリーで渡った因島(いんのしま)の中華料理屋さん、西華園


台湾ラーメン、2辛、おいしい!からい!


楽しいお食事会も、ありがとうございました!


教室の入口もかわいく飾ってくれた、かみりん

許可いただいた「かみりん」をドット絵にしてみて、歩かせてみたプログラム「KAMIRIN WALK

100 POKE#700,0,0,0,0,0,0,56,71,134,163,131,139,75,66,46,17,134,163,131,139,83,66,54,41,134,163,131,139,71,66,62,41 110 VIDEO5:CLS 120 LC0,4:?"~~~~~~~~"; 130 LC0,0:?"KAMIRIN!" 140 LC4,2:?CHR$(224) 150 LC4,3:?CHR$(225):WAIT30 160 LC4,3:?CHR$(226):WAIT30 170 LC4,3:?CHR$(225):WAIT30 180 LC4,3:?CHR$(227):WAIT30 190 GOTO 150

同じく、かみりんドット絵を使った、キーボードのキーをすばやく押して、タイムを競う「KAMIRIN DASH」ゲーム。

100 POKE224*8,0,0,0,0,0,0,56,71,134,163,131,139,75,66,46,17,134,163,131,139,83,66,54,41,134,163,131,139,71,66,62,41 110 'TITLE 120 VIDEO5:CLS 130 LC0,2:?"KAMIRIN" 140 LC0,3:?" DASH" 150 IF INKEY()=0 CONT 160 'GAME 170 X=7:CLT:BEEP 180 CLS:LCX,2:?CHR$(224) 190 LCX,3:?CHR$(225):GSB280 200 LCX,3:?CHR$(226):GSB280 210 LCX,3:?CHR$(225):GSB280 220 LCX,3:?CHR$(227):GSB280 230 X=X-1:IF X>=0 GOTO180 240 'CLEAR 250 PLAY"T300O5G8R8G2":CLS 260 LC0,1:?"TIME:";TICK():END 270 'SUB 280 IF INKEY()=0 CONT ELSE RTN

F8でVIDEO1コマンド(F8)で、文字の大きさに戻せます!(100行はKAMIRIN WALKと同じです)


Let's create something! links
- 瀬戸内25島、愛媛県上島町のこどもたちへプログラミングとサッカーを!
- 瀬戸内の夕日をバックにボックスクラフトVR、弓削商船高専マイコン部IchigoJam&VRレクチャー編
- 翌日にはプログラミングの先生に! 弓削商船高専マイコン部の高専生大活躍、サッカー少年 meets IchigoJamゲームプログラミング!+かみりんゲーム
- 360度写真でまとめる、上島町(弓削島/佐島/生名島)の記憶のVR追体験

やってきました弓削商船高専フェスに備えて事前研修!

VR体験しているところ、360度記念撮影


高性能、低価格、しかも、なんといっても開発が簡単!


boxcraft-yuge」(元、50行マイクラ風
美しい瀬戸内の夕焼けをバックにVRマイクラ風のボックスクラフトを多色対応。プログラムも数行加えただけ!


IchigoJam&IoTプログラミング体験をしてもらいつつ、小学生へ楽しくプログラミングを教える技を伝授。ネットゲーム大会ももりあがりました!

10 CLT:X=15 15 CLT 20 LC X,5:?"O" 30 LC RND(32),23:?"*" 35 WAIT 3 36 X=X-BTN(28)+BTN(29) 37 X=X&31 39 IF SCR(X,5) ?TICK():END 40 GOTO 20

これでチート対策してスコアがでるようになったかわくだりゲームのできあがり!
IchigoJam BASIC コマンドリファレンス
自習用のIchigoJamプリント他、ドキュメントいろいろも参考に!


今回は東京から新幹線、福山駅からバスで1時間


フェリーに乗り換えて20分で弓削商船高専最寄りの港、弓削港へ


弓削商船高専マイコン部のみなさん、楽しい時間をありがとう!明日もよろしくです!
瀬戸内25島、愛媛県上島町のこどもたちへプログラミングとサッカーを!

links
- 瀬戸内25島、愛媛県上島町のこどもたちへプログラミングとサッカーを!
- 瀬戸内の夕日をバックにボックスクラフトVR、弓削商船高専マイコン部IchigoJam&VRレクチャー編
- 翌日にはプログラミングの先生に! 弓削商船高専マイコン部の高専生大活躍、サッカー少年 meets IchigoJamゲームプログラミング!+かみりんゲーム
- 360度写真でまとめる、上島町(弓削島/佐島/生名島)の記憶のVR追体験

修せざれば現れず。知ってはいても体験していないものは、わかった気になっているだけかもしれません。 来年度から全国の小学生がプログラミングすることになっている日本。大人の方の準備はいかがでしょうか? クラウド、IoT、AI、ロボットなど次々登場するIT関連技術、まずは100円のコンピューターと仲良くなってみましょう。

某社、社員の方、約80名向けにIchigoSodaを使った企業研修として、IoTプログラミング体験。 2時間の研修で、プログラミング入門、コンピュータの基本、ネットワークづくり、情報セキュリティとチート、IoTとスマホ間の送受信までを、一通り体験いただくワークショップ。好評でした。


ゲームで通じて学ぶ、プログラムの基本構造。どのようにプログラムは「組む」のか。ブラウザで動く「IchigoJam web」を使った復習もどうぞ!


IoT化することで参加者のスコア分布が一目瞭然。たった40円で買える安い温度センサーであっても、いつ、どこで、何箇所測るか、あっという間に即ビッグデータ化します。集めた多量のデータも、人の想像を遥かに超えるコンピューターの計算力と記憶力をプログラミングやソフトウェアを持ってすれば怖くないですね。 VRを使った新しいVRビジュアライゼーションにも可能性あり!


PCN - すべてのこどもたちにプログラミングを!
教えられる人不足が深刻な問題となっている「こどもプログラミング」。企業の土日の会議室を使った、企業の方によるミニ講座で、地域のこどもたちにプログラミングするきっかけを!体験後はぜひ、プログラミングと電子工作のコンテスト「PCNこどもプロコン」を目標に。


東京近辺の方、JR秋葉原駅、電気街口から徒歩1分、PCN秋葉原ではんだづけからプログラミング、電子工作した応用まで、まるっと体験いただけます。

ichigojam-1.4.0b03.zip」 ベータ版ダウンロード
- TICK(1)で1/60*261秒単位のカウント値を返す(2秒ちょっとで1巡)
- 液晶表示時にVIDEO2による画面反転を有効に変更
- 自動起動したプログラムの終了時にComplex expressionとなる不具合修正

TICK()より261倍細かい分解能で時間計測できるちょっと高度な新機能搭載!微妙なバランス調整などにどうぞ!

10 CLT 20 ?TICK(),TICK(1):CONT

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