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

8才で初めてパソコンとプログラミングに触れたインパクト、30年以上経っても覚えてます。


Twitterで見かけた、こちらのネズミさん!見覚えあり!
せっかくなので、IchigoJamで再現してみました。


スプライトの替わりに、絵文字を自分でパターンを書き換えるPCGを利用します。(RUN on IchigoJam web)
16bitまとめて2進数で代入できる配列を使うと、0と1とでお絵かき簡単!
POKEコマンドで、メモリに書き込み、表示してみましょう。ALT+0〜3を使っても打ってもOK!


かわいい!

>
ゲームやツールへの組み込みや投稿などで、プログラムを短くしたいときは、メモリの内容をPEEKで読み取り、POKEコマンドを使ったプログラムを生成すると便理です。

50 ?"10 POKE#700";:FORI=0TO31:?",";PEEK(#700+I);:NEXT:?

CLPでパターンを消したりして遊んでみましょう!
好きな場所にこの4文字使った16x16の大きなパターンを表示する場合、上下左右のキーコードを使って、次のようにも作れます。

LC15,12:?CHR$(224,226,28,28,31,225,227)

自分なりに納得いくまであれこれ試して動かして遊んでみるのが上達の近道!
学び方を学んでほしい。こどもパソコンIchigoJamに込めた想いです。


本日京都で、大人向けプログラミングと、IoTプログラミングの講師育成講座!
会場は、aeru gojoの上、糸の老舗、糸六さんのステキなレンタルスペース。


逐次実行、繰り返し、変数、条件分岐がシンプルに体験できるゲームづくりは、アルゴリズム入門に最適!


作ったゲームを1コマンドだけ改造して、IoT化!
IOT.OUTの次は、IOT.IN()を使って家電制御の模擬実験!自分のスマホで体験するのがポイントです。


体験、ありがとうございました!本スライドはオープンデータ。数回復習すれば、もうIoT入門講師はできるはず!
IchigoJam x sakura.io IoTプログラミングはじめのいっぽ gojo ver.


京都で進む、アートのエンジニアリングの融合文化づくりプロジェクト、KYOTO STEAM 事業創発部会!
KYOTO CULTIVATES PROJECT KYOTO STEAM 基本計画
当時の自分におもしろいものを伝授してくれた、30年前の大人に感謝です!

次の30年、そして、1000年続く創造文化に向けて、私達にできることとは?
2/13 京都で、再び作戦会議、ご興味ある方、お声がけください。


Rwandan Children to benefit from Japan computers and robot programming tool kits – Rwanda inspirer
アフリカ、ルワンダでも IchigoJam!
アフリカのこども達に プログラミング by PCNルワンダ! – about yrm
続報も届いた様子!

今日は京都!

京都で活躍、福井高専名誉教授、元担任のあっしー!
教科書「IchigoJamでプログラミング」の著書!


PCN京都南、NPO法人CREATIVE ADVENTUREによる夏休み12日間連続プログラム!
「教科書には載っていない特別授業 夏は冒険だ!」の11日目!


ちょっと長いプログラム、でも、みんな自分で考えながら打ち切った!


三三七拍子、一回演奏したら、センサーの反応を待って、回転。ロボの配置次第で連鎖が楽しめたり、タイミング合わせたり、学びは遊び、遊びは学び!


スペシャルゲスト枠で時間もらって、お話&デモ「ほしいをつくろう!」
デモ演奏したチカチカしながらカチカチ演奏する楽器、RRRM(ランダム・リレー・リズム・マシーン)


昔買ったハイパワーフルカラーLEDを発見(150mA)!ひとまずブレッドボードで実験できるように改造!(35mAまでの安いもの350mAまで流せちゃうものもあり、熱注意!)


明るい!これでも全然本気じゃない明るさ。明るくするときは、放熱と抵抗の定格電力に注意!


水やりIoTの実験にとつないだリレーを使って自動演奏!

10 W=RND(3) 20 FOR I=1 TO 4 30 OUT RND(3) 40 WAIT W*8 50 NEXT

プログラムはたったこれだけ!プログラミングを5Vに変えて楽器演奏、気分は明和電機!
ランダムと規則性を混ぜるのがポイント!ジャンルは、カオス?


PCN南大阪の代表、都さんによる、開けると鳴る電子オルゴール


内部の配線も女子力高い!
センサーとの組み合わせで楽器の楽しみも増しますね!


ココでも人気な360度カメラ。疾走感ある撮影方法、良い!


打つのが早いコ、みんなを待っている間にできるプログラムしない、早打ちタイピングゲームを伝授

CLT OK ABCDEFGHIJKLMNOPQRSTUVWXYZ Syntax error ?TICK()/60;"s" 34s OK

CLTと打って、エンター3回、?TICK()/60;"s" と打って、カーソル上4回、エンターおしてから素早くAからZまで打ち、エンター2回、タイムが表示されます。
もう一度やりたいときは、AからZをバックスペースかデリートキーで消して、CLT行に戻しましょう!
初回は78秒かかっていたコは、3回目で34秒と倍以上速くなった!


最後に事前に準備してあったリモコン操作プログラムで、カムロボ散歩!思い思いに楽しく遊んでました。


元気いっぱい、京都府向田市のこどもたち!
パソコン部の高校生によるサポートもばっちり!


創るほどに強くなる!「PCNこどもプロコン」で待ってるよ!

かけあわせが熱い、クロステックデザインコース、京都造形芸術大学情報デザイン学科にてIoTハッカソン!ユニークなプロダクトのたまごが産まれました。

3台のIchigoSodaを川沿いにおいたセンサーIoTを使った、あるサービスのデモ発表。スマホで状況が把握できて便利! ユニークな5つのプロトタイプ、実際見てみると発想が更に広がりますね。


資料「IoT&スマホアプリ プログラミング with IchigoJam x sakura.io
IchigoJamを使って、プログラミング、電子工作、ネットワーク、IoTの基本をざっとハンズオンして、自由製作ハッカソン!


5V/GND/信号線、ジャンパーピンで簡単に接続できるセンサーや出力デバイスが27コつまったセット「Gravity」便利で楽しい! (まとめ買いは「こちら、ロボショップ」がお得!)


アナログセンサーからの値を自在に操るのがプログラミング!
フローチャートと照らし合わせて考えるとわかりやすい!


音楽、人気!
エイリアンスピーカーをつなぐと、大きくていい音で鳴らせます!


IoT化を進める前に、まずはシンプルローカルネットワーク with IchigoJam x 2
IN1とOUT1を相互につなぎ、GND同士をつないで、電位を合わせて、プログラムを書いたら二人でボタン通信開始!

10 ?BNT(),IN(1):CONT

どうやって会話するか話してみよう。お互いの約束、それが通信プロトコル。
モールス信号は、人間同士の代表的な通信プロトコル。
世界中を結ぶ電脳ネットワーク、インターネットはTCP/IPをベースにいろんなコンピューター同士のプロトコルでできています。


スマホでもPCでもVRでも動く!人気のプログラミング言語、JavaScript でスマホアプリ入門。
iothackbase - GitHub」を Fork して、開いて、IDだけ設定して、IchigoSodaから操る!


準備ができたら、IchigoSodaからコマンド入力

IoT.OUT 1

ノートPCで開いているページ(webアプリ)がパッと赤く変ってメッセージがでたら成功!


アイデア決定からスタートする、自由製作タイム。
アイデア苦手!?いやいや、アイデアは機械的に無限に作れます。
画像検索と組み合わせたバージョンアップ版idea3x3idea3x3img」誕生!
いいアイデアかも?と思ったら、とりあえず深く考えず作れば見えてくる気づきと、作るほどに伸びるスキルに得しか無い!


いろんなセンサーを使ってユニークなIoTづくり!


IchigoJamリファレンス」を読んで調べて、自分で創る力をつけよう!
解決力さえ身につけて、最新技術が楽しいおもちゃにしよう!


IoTと地図アプリとの連動もいいですね!
その筆頭、バスロケシステム、その筋屋さんによる実験、開発が快調に進んでいます。
学生も海外からの外国人も迷い、不満を抱える、京都の複雑なバス事情もガラッと解決しちゃうかも!?


Googleナビに導かれるまま行った先にバス停なし。同じバス停で路線ごとに異なるバス停!
リアルタイムな位置情報に加え、鯖江のバスでやっている混雑状況も5つ星オープンデータ化して、ナビが取り込めるようになれば、来たバスに乗れない問題や、大幅遅延問題が解消するかも?


もう一つ発見した、Googleナビ、データの問題。京都の中心街、三条大橋、ナビでは右折指示も、実際は曲がれない。 21世紀はデータインフラの時代。交通オープンデータをはじめ、いろんなデータで楽しいを創ろう!


Oculus QuestによるVR体験、JavaScriptを使ったwebアプリづくりも簡単です。
HTMLからできるVRアプリづくり、ぜひチャレンジしてください!(カテゴリー:vr


京都造形芸術大学、アートとテックがクロスする新世代プロダクトの誕生、楽しみですね!
クロステックデザインコース|情報デザイン学科|学科・コース|京都造形芸術大学」

お店の雰囲気を知るのに便利な、360度写真。
立ち寄った、京都五条の和えるのお店、VRアプリ化してみました。

VR aeru gojo

今回はスマホVRでもPCでも使える画面中心のカーソルを使ったUI。
白い球を0.5秒見つめると、シーンが変わります。

方向は未調整、きれいに簡単に合わせられると便利そう!
環境音などを加えると臨場感出そう!

VRでは目線、大事。持ち運びやすく自撮り棒にもなる三脚を探したい。

バス停が消えたと話題のGoogleマップの更新、アタリマエがなくなる不便は、新たな創造のチャンス!

京都市イベントからの帰り道、リアルにバス停が分からず反対方向にしばらく歩いてしまった経験から、バス停オープンデータを使って最寄りのバス停を探すアプリ「バス停さがしマップ」を「egmapjs」で再開発。


バス停さがしマップ
5つ星オープンデータ対応一覧表」によると、鯖江市の他、福井県池田町、静岡県三島市にあるバス停データ。全国いろいろな場所にデータがでることを想定して、表示エリア付近のみ表示するアプリにしています。 現在位置測位ボタンをつけて、最寄りのバス停探しにも対応。


全1470個所 いしぶみマップ
場所がおかしかったいしぶみマップの原因は、京都オープンデータさんへ、問い合わせて判明。緯度経度が度分秒形式になっていたため、変換が必要でした。


今日は、Hana道場で大人向けIoTプログラミング体験 with IchigoSoda


1行でできる超簡単IoTを楽しんでいただきました。
参考「コンピューターとお話しよう、LED1と打ってエンターでLEDが光るよを仮想体験 IchigoJam web エミュレーター - IoT研修@大塚グループ

市役所の混雑状況、サクラの開花状況、花粉やPM2.5の飛散状況などなど。
リアルタイムなオープンデータ、どんどん増やして、より楽しいまちにしていきましょう。

「京都は耕す、育む、磨く」京都市の未来づくりプロジェクト「KYOTO STEAM
第0回的イベントにて、鯖江事例を紹介!

河和田アートキャンプ」や「鯖江市地域活性化プランコンテスト」など、関係深い鯖江と京都。
今年も開催、鯖江生まれのIchigoJamを使った「Art x IoT - 京都造形芸術大学 IoTプログラミング」も開催!
伝統技術を活かした未来づくり、共に都県内オープンデータ率100%の隣県同士の連携が熱い!

KYOTO STEAM
ハレとケでいうハレのおまつりだけでなく、普段のケの部分をいかに充実するかが鍵! by モデレーター 谷崎テトラさん


いしぶみマップ?
京都と文化にまつわる一日一創、京都市オープンデータでみつけた「いしぶみオープンデータ」を地図にプロット。
ただ、1470個所は全プロットは重く、どうも緯度経度が古の座標系なのかずれが発生しているため仮アプリ。
オープンデータ、AI、VR、IoT、無料または格安で遊べる環境が増え続ける現代に必要な、まずやる精神。

トークセッションで紹介された「DESIGN WEEK KYOTO
京都市内、いたるところに活きる様々な伝統技術!ただ、後継者問題が解決しないまま消えゆくものも多数とか。
「美意識とは、1,000年先の人から見て、美しいと思える行動か否か」という言葉が印象的でした。


ミャンマーのこどもプログラミング、一気に全土へ!行動力あふれる若き国に「PCNミャンマー」誕生! – about yrm
ミャンマーの仏像の後光へLED! ミャンマーのこどもたちへプログラミングを!


会場、京都モダンテラス。こちらも、古来と現代の建築様式のミックス!


世界を変えるSTEAM!
STEAM = STEM(Science 科学、Technology 技術、Engineering 工学、Mathematics 数学) + A(Art 芸術)
ゲーム界で有名なSteam(スチーム)と違い、STEAM(スティーム)と大文字でつづり読む。


STEAMが生み出すイノベーションとは?


オープンイノベーションな人材、16箇条


凸版印刷による20年も続く、VRの取り組み


デザインセンターを京都に置いた、Panasonic

企業、個人、大人、子供、IT、伝統技術、全部ひっくるめたものが文化であり、未来の文化を創るのは紛れもなく我々のしごと。 先入観を捨て、まずは何事も否定せず、楽しく、インクルーシブに取り組むことで、思いもよらない新しいものを創りましょう。

かつてのオリンピックに存在したという、芸術競技
2020年、こども芸術競技として復活させてはいかがでしょう?
第9回PCNこどもプロコン」で集まった小中学生からのユニークな作品、329!
京都の伝統、文化、最新技術に触れた上で、生まれる未来を担うこどもの発想は、常識に染まった大人を超えてきます。

大事なのは、大人も子供も学び合い、実現に向けて一歩一歩一緒に進めるプロセスとその共有の日常化。
ケという日常の小さくも多数の歩みが、大きな前進、結果としてイノベーションと呼ばれるものにつながるはず。
(参考「たくさんの子どもからおとなが修行しに来てくれました。2018年Hana道場。 | きらきら星のつぶやき☆」)

KYOTO STEAM、次の一歩 が楽しみです!

links
- 異分野をクロスして産む新しいもの、IoTプログラミング at 京都造形芸術大学クロステックデザインコース - ビジュアルプログラミング環境「Max 8」で理想ノイズづくりプログラム
- 京都市役所近くのラーメンオープンデータ活用アプリ「ラーメンを探す!」

さくらインターネットの共同創業者で、awabar / DMM.make 仕掛け人の小笠原さんが講師を務める京都造形芸術大学クロステックデザインコースにお邪魔してきました。

テーマは「x IoT」(クロス アイオーティー)

さくらインターネットによるネット端末遺伝子内蔵IchigoJamこと、IchigoSodaを使ってIoTプログラミングとIoT発想をペアで実体験してもらいました。

LEDを自在にコントロール、エルチカゲーム、かわくだりゲームのネット対戦、温度計測IoT、家電操作IoT、アイデアづくりまでの、80分x2コマワークショップ。


京都で重要なバス、学生からもバスにまつわる困りごともありました。
今回失敗したのは、乗換で反対側バス停にいくことがわからず失敗したこと。進む方向を気にしておく必要があるので注意。 こういう失敗をしないための工夫とは!?失敗も発明の素!


3Dスキャナ、レーザーカッター、3Dプリンターなど小型で手軽なものづくりはすぐできる環境。


気になる、二足歩行するバイク?


なんと機構付きで実際歩く!


大学内に大型機械を創れる工房!


部屋には明和電機の直筆社訓!
激突プロジェクト「明和電機×ヤノベケンジ×石橋義正」 | 京都造形芸術大学ULTRA FACTORY


シルクスクリーンの部屋も!創れる幅がすごい!


よく使う言語やソフトの情報交換。興味深い、デザインの世界でよく使われる言語やソフト。
こちら、教えてもらったビジュアルプログラミング言語「Max 8」を使って、どんな騒音も掻き消し、快適環境を創るはず(?)のノイズ生成プログラム。 ホワイトノイズを生成し、ハイパスフィルター、ローパスフィルターを順に通してスピーカーで鳴らしてます。

最初の難関は、左下の鍵マークの右、オレンジ色のアイコンを押すと、設置したパーツの操作が有効になることに気がつくこと。 あとは、たっくさんあるパーツを littleBits 感覚で、あれこれつないで、いじって遊べばOK。

入出力などを線でつなぐ Nintendo Labo のようなスタイルの開発環境。つないだ時に線が震える感じがかわいい。
照明用のDMX512や、MIDIなどが現役で活躍しているようで、うれしい!IchigoJamでどちらも扱えるので、何かコラボもできるかも?
最大512chの照明コントロール!照明界の標準DMX512 x IchigoJam

有償ソフトですが、プロも使う環境を無料で遊べるので、子供たち向け体験会もいいかもしれない。

業界ごとの壁という余計な制約は取っ払って、今までに無い異分野融合でイノベーションを加速しよう!
今回講義受けてくれたクロステックデザインコースのみなさん、今月鯖江来訪予定!

links
- クロステックデザインコース|情報デザイン学科|学科・コース|京都造形芸術大学

Kyoto prefecture and Kyoto city had an OPENDATA & ROBOT event!
"オープンデータ・ロボット活用イベントin京都 - Impact Hub Kyoto"

My roll was facilitator of the OPENDATA Ideathon with about 50 people.
This weapon is "OPENDATA Cards"!
Each card is written a name of dataset of Kyoto in the front.
And there are URL and QR code to access from the smartphone in the back.

OPENDATA Card Game (for 2-8 players)
1. Write 3 problem cards each.
2. Shuffle the cards and flip to back
3. Draw a OPENDATA card each
4. Call if you came up with an idea to solve your problem by some OPENDATA card (+3 point)
5. Another player can add a idea of function by their OPENDATA card (+1 point!)
6. Repeat to the step 3 until a player gone all of the problem cards
7. Discuss the best idea on the table


Ideathon with Cards!


Kyoto Impact Hub, it's nice place!


Where is your bus "君のバスは。"
Bus is important in Kyoto also. I want to link the Bus IoT at Sabae.


Treasure Hunter "お宝ハンター"
Social making 3D Opendata, looks very fun!


Great Kyoto lunch!


Thank you Kyoto! It was so excited!

Grareco (graphic recording) of my presentation!


For developers, see "5-star OPENDATA Kyoto sample web application"
"Find Facility" and "SPARQL Knocker"
Be semantic!

link
- 京都でオープンデータ・ロボット活用イベント 府と市が共催、司会は「Pepper」 /京都 (みんなの経済新聞ネットワーク) - Yahoo!ニュース

"KYOTO OPEN DATA" is an open data portal site of Kyoto city. There is a map data of UNESCO World Heritage Site "Nijo castle" on this site! To begin with I rotated that by the web app.

"Rotating Nijo Castle SVG" SVG data converted by Illustrator from PDF on KYOTO OPEN DATA
I want to build the castle 3D virtually and enter with VR! (such this)

I met with people in charge of open data from Kyoto prefecture and Kyoto city.
Let's go Kyoto on February 4!
"オープンデータ・ロボット活用イベントin京都 - Impact Hub Kyoto"
(event to utilize the open data and robot in Kyoto)


Thank you for coming to Sabae city!

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