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

こどものワクワク載せて打ち上げたIchigoJam、回収に成功! IchigoJamで宇宙を見ようプロジェクト IchigoSpace Day2 スマホVRで蘇る感動の打上動画VR

2018/07/29
#KidsIT #IchigoJam #space #movie #megane 

毛利衛さんのふるさと、北海道余市町で開催「IchigoJamで宇宙を見に行こう
こどもたちがセンサーデバイスとしてIchigoJamをプログラミングした、Day1。
その翌日、気象条件に恵まれ、打上&回収にチャレンジすることに決定!


まだまだ元気なIchigoSpaceスタッフ!


こどもたちがプログラミング&電子工作したIchigoJamをチェック。


海に落ちる予定のカプセル内に浸水しても大丈夫なように、撥水絶縁スプレー。


すっかり暗くなってから、外のベンチでセンサープログラムの写経体験中。


車載電源を使えばOK、はんだづけ&ホットボンドで車内電子工作!

打上に備えて、一旦休憩・・・。


ほぼフルの月明かりの元、打上準備作業、再開。


深夜2時、プログラミングした子供も見に来てくれました!
ワークショップ後すぐに寝たとのこと!


最後の動作チェック。


空きスペースにマイIchigoJamも載っけてもらいました!右がUVセンサーML8511、左が高精度温湿度計SHT31


風船にヘリウム注入開始。
風船が1つ1万円、ヘリウムがボンベ1本3万円ほどとのこと。


風船の準備ができる頃、だいぶ明るくなり、いよいよ打上時刻です。


着地点をシミュレーションした結果通りの量にヘリウムを詰めた風船。手に感じる浮力がおもしろい!
風船を使った月面ごっこも楽しそう。くれぐれも入れすぎ注意。


オ(ヤ)カタ号を手にする、PCN仙台の親方。気合十分!


もう1機、あいえるたん号には、インフィニットループのキャラクター、あいえるたん搭乗。


THETAで撮影した打上シーン、臨場感あるスマホVRや、Oculus GoなどのVRでぜひ体験ください!


みるみる小さくなっていく2機(計算上、約秒速5mで上昇とのこと)。皆で見送り、再会を願う。


打上10分後、ついに見えなくなりました。


打上ミッション、コンプリート!


Tシャツでは肌寒い深夜から早朝も、ステキなIchigoSpaceスタッフジャンパーで乗り切れました!

ここで打上班は再び、休憩。
メッセージグループで交わされる回収班の様子をワクワクしながら見守ります。


打上から2時間後、ついに、船で海上を移動する回収班からの写真付きメッセージに感動!
浮かぶカプセル!還ってきた!


回収、成功!
もう1機は藪と蜂に阻まれ回収を断念。後日、装備を整えて再チャレンジとなりました。

8/18には、再びこども達が集結し、回収したIchigoJamを使ったデータ解析ワークショップを予定。
果たしてIchigoJamは無事か?データは取れているのか!?
Day3をお楽しみに!

links
- 成層圏では地上より日焼ける?しない? IchigoJamで宇宙を見ようプロジェクト IchigoSpace Day1 センサープログラミング
- こどもたちワクワク載せたIchigoJam、打上と1機の回収に成功! IchigoJamで宇宙を見ようプロジェクト IchigoSpace Day2 スマホVRで蘇る感動の打上動画VR
- IchigoJamで宇宙を見に行こう!
- KidsVenture

受肉したい高専生。プログラミング嫌いはメガネで克服! - 高専カンファレンス東京2018レポート

2018/07/15
#kosen #megane #js 

現役生もいる同窓会的なゆるい学会風でもあるイベント「高専カンファレンス

参加者143名の大規模開催となった「高専カンファレンス東京2018」、最大頻出ワードはVtuber。バーチャルな肉体を入手し、Vtuberになることを「受肉(じゅにく)」と呼び、3Dモデリングや、プログラムで自作しだす高専生が続出。 自らをコミュ障と言い、人との関わり方に少し慎重になり勝ちな高専生にぴったりな技術かも。先生が受肉すれば、授業も楽しい!(*受肉=元はキリスト教用語の様子)

早くにTwitterに目をつけた高専生、今回の #kosenconf もトレンド入り。高専パワーで新しい時代を切り開こう! 「メガネ」で、互いに受肉するコミュニケーションとかおもしろいかも?見る側が相手に勝手に受肉させるのも悪くない。

思わぬところでバズった「プログラミング嫌い」のスライド、その克服にも「メガネ」がオススメです。


受肉(バーチャルな肉体を入手すること、憑依の逆?) by とぐちさん(@togucchi)


DMM.comのステキオフィスに集まった参加者、143人!出席率93%!


マンガでわかりやすい技術書を手がける、湊川あいさんによる招待講演!(資料
著書は「わかばちゃんと学ぶGit使い方入門」など、会場の8割が所持!


実際、絵で伝えてみるミニワークショップ。「冪等性」という初耳ワードを図解。
数学での意味と、情報学での意味が違う点に注意。情報学的、冪等は再現性と思っていて良さそう。
40点(高専では赤点は60点)でも出しちゃうのがコツ。さまざまな図解の登場に活気づく、Twitterハッシュタグ #kosenconf
創る技術と、伝える技術。どっちも楽しい!(see also デザインの二面性 資料)


招待講演、きゅんくんによる「メカフ」デモ!


DJに合唱に、多様性増す高専カンファレンス「高専合唱カンファレンスin沼津」紹介。
歌うなら高専生開発サービス「うたオン」もどうぞw


バーチャルなんだから美少女じゃなくていいよね?(資料
誰でもコンデンサくんになって配信できちゃうかも
(see also 演じる技術=演技 資料)


在宅x生物学!情報だけじゃないのが高専カンファレンスのおもしろいところ。(資料
在宅でも野菜からDNA抽出とかできる様子。栄養素の検証とかしてみたい!


ディープラーニングは脳じゃない。
第4次、人工知能ブームのきっかけになるものを作り出すのは高専生かもしれない!


福井高専な後輩の活躍もまたうれしい。


弊社jig.jp、スポンサーセッションらしい一コマ。
本高専カンファレンスのテーマは、多様化する技術!
(WebRTC, HLS, RTMP, Swift, Kotlin, Angular, AngularJS, TypeScript, Vue.js, Nuxt.js)


マーケティングな話。高専卒だからプログラムやアルゴリズムを考える免疫があった!
すべての会社に電話が広がったように、すべての業界がIT活用、プログラミング活用が当たり前!


なんと超5000いいね「プログラミングは好きですか?
好きだと唯一手を上げてくれた人も実は気を使ってくれただけ、嫌い?と聞くとみんな勢いよく手を上げてくれた某高専情報系4年生の思い出。 これを覆すほどの「楽しい!」が必要。


体験しないと伝わらない、今おすすめな「楽しい!」が、VR/MR/メガネの世界。


qrdetector - WebMegane
JavaScriptで手軽に開発可能なデジタルメガネ(WebMegane)にQRコード読み取りメガネを追加!やはりJSではちょっと重いけど、視界内にQRコードをみつけ、デコードした文字をQRコード位置の右側に表示するプログラムになっています。 どうぞ、いろんな改造に活用ください!
WebMegane src on GitHub - using jsQR


「すべての技術はメガネに通ず」のスライド全文のダウンロードは、こちら(PDF)
800円のオススメ、スマホVR/MRは、こちら「ショップ一日一創」へどうぞ!
Oculus Go(23,800円)も楽しいよ!


高専でつながるいろんな輪。


きゅんくんを囲んで!


運営スタッフのみなさん、ありがとう!


ステキなカンファありがとう、実行委員長、あそなすさん!(@asonas)


元航空高専の校長先生、島田さんと!


祝、高専カンファレンス10周年!
10年前から参加している人も、今回初参加という現役高専1年生まで幅広く、次の10年も楽しみ!


10周年に乾杯!懇親会も盛り上がりました!

最後に、高専カンファレンスの開催の仕方の紹介。
1. 開催を宣言する
2. 開催する
以上!
(参考:開催ノウハウ - 高専カンファレンス

Let's go KOSEN conference!

links
- 高専カンファレンス in 東京 2018 - 高専カンファレンス Wiki
- kosenconfdecade

見る人すべてがネコミミになるメガネ「nekomimiworld」の作り方、一番好きな三角関数は何ですか?

2018/07/14
#swift #megane 

見る人すべてがめがねをかけて見える「meganeworld
MR(Mixed Reality)による近未来、たった800円のスマホVRで開発可能です。

見えている人が「かわいい」と、人はやさしくなれるかも?

安直な「かわいい」の実現「ネコミミ」を見ている人側で勝手に付加するMRアプリを作ってみましょう。

Hana道場、若宮さんと学ぶIoTとIchigoJamプログラミングと地域フィールドラボ第5期スタート!」より

GitHubにあるiPhone用、プログラミング言語Swiftで書かれた、「meganeworld - megane」 にネコミミ表示を足します。 右目位置、左目位置を、顔認識APIから受け取って、三角関数を使って角度を求め、ネコミミ位置を計算し、黒の三角形を描画!(プログラム全文はGitHubで

// nekomimi let dx = left.x - right.x let dy = left.y - right.y let len = sqrt(dx * dx + dy * dy) let th = atan2(dy, dx); let ox = [ right.x, left.x ] let oy = [ right.y, left.y ] for n in 0...1 { let dir = CGFloat(n == 0 ? 1 : -1) let deg0 = 90 + 20 * dir let th0 = th + CGFloat.pi / 180 * CGFloat(deg0) let len0 = len * 1.3 let x0 = ox[n] + cos(th0) * len0 let y0 = oy[n] + sin(th0) * len0 g.beginPath() g.setLineWidth(4) g.setFillColor(UIColor.white.cgColor) let th1 = th0 + CGFloat.pi / 180 * 20 * dir let len1 = len * 0.4 let x1 = x0 + cos(th1) * len1 let y1 = y0 + sin(th1) * len1 g.move(to:CGPoint(x:x1, y:y1)) let th2 = th1 + CGFloat.pi / 180 * 120 * dir let len2 = len * 0.6 let x2 = x0 + cos(th2) * len2 let y2 = y0 + sin(th2) * len2 g.addLine(to:CGPoint(x:x2, y:y2)) let th3 = th1 - CGFloat.pi / 180 * 120 * dir let len3 = len * 0.6 let x3 = x0 + cos(th3) * len3 let y3 = y0 + sin(th3) * len3 g.addLine(to:CGPoint(x:x3, y:y3)) g.addLine(to:CGPoint(x:x1, y:y1)) g.fillPath() }

MSX BASICの三角関数であれこれ遊んだ小中学生時代。
シューティングゲームや、優雅な動き、3Dプログラミングなど、よく出てくるので遊びながら覚えちゃいます。
一番好きな三角関数は、atan2こと、yとxをパラメータとして渡す逆タンジェント(Arctangent)
atan(y / x) として使うため、引数の順序も普通じゃない atan2(y, x) というのもお気に入り。

Swiftでプログラミングしていて驚いたコンパイルエラー
「Expression was too complex to be solved in reasonable time; ...」
IchigoJamのも計算用のスタックに多くのメモリを使えないため「Too complex」というエラーがありますが、現代言語でも目にかかるとは!

IchigoJamと同様、式を分割するか、型の明確化で対応が可能しましょう。

links
- Ichigojam Basicで円を描く – chobitte
- 2015-08-26 [IchigoJam]円を描く - SHIROのモバイル日記
- 三角関数が好き sin cos tan

100均VRを100均電脳メガネにする方法! 遊びは最大の学びなり

2018/06/14
#megane #kosen 

学生の頃、たくさん遊びましたが、安価で多様なITおもちゃが無数にある現代の学生は更に遊び放題でうらやましい!

お金になるならない、役に立つ立たない、受ける受けない、そんなこと一切気にしなくていいのが遊びのいいところ。 思うがままに作ったら、誰かに見せる遊びもしてみましょう。きっと世界が広がります!

遊び場と遊ぶルールに制限なし。多少の無茶が効く学生のうちに可能性と多様性をめいいっぱい広げておくと、後々きっと便利です。

ということで、福井近辺に住んでいる学生にオススメ「学生団体with
次なる遊びの企み会議にお邪魔してプレゼントしてきた、100均VR!


なんと100均のお店、セリアにダンボールを使った組み立てカンタン「VRゴーグル」が売ってました!


レンズが2つついて、しっかり3Dで見え、ハサミを入れればWebMegane用MRゴーグルが完成。 バンドは付属しないので、何か適当なものを追加で買ってきてオリジナルデジタルメガネづくりを楽しみましょう! スマホを固定することができないので、滑り落ち防止用の何か改造も必要に応じてどうぞ。


見えないものが見えるのが楽しい、WebMegane。電脳メガネアプリ「colorsight」に、色の名前を表示機能を追加してみました。 和名の色名一覧オープンデータを作って、組み合わせると、ステキな色の名前に出会えそう。
色名一覧 - Wikipedia


ひさびさに100均、セリアに行くと、スマホグッズが充実してました!
いろいろ組み合わせて楽しく遊んでしまいましょう!

2018年、jig.jp 高専インターンのメンバーが決定しました。
今年の鯖江の夏も、大いに盛り上がりそうです。
応募してくれた学生さん、ありがとうございます!
残念ながら落選してしまった方、ごめんなさい。よかったら、またチャレンジしてください。

楽しみは創れる!

links
- WebMegane - your new digital sight / デジタルな視界 on iPhone Safari x VR goggles
- taisukef/WebMegane: Megane (eye-glasses) by WebMR - GitHub
- 電脳コイル|磯光雄監督作品

WebVRで取得可能、シンプル快適 Oculus Go controller

2018/06/10
#megane #vr #js 

2次元のテレビやスマホでは伝わらない、VR/AR/MRのスゴさ。実際体験するしかないですねっ。

アメコミ化しためがね大使まゆちゃん。視界がリアルタイムに変換されて、アメコミの世界にいった感覚になれます。・・・と、いくら書いても伝わらないのがもどかしいところ。


めがねフェスでも人気だった、Oculus Go。 自分で創りたくなるのがものづくり好きの性。シンプルながら操作性抜群の Oculus Go controller をwebアプリで取得する方法を調査。 無事、ボタンと加速度の値が取れました!

const gp = navigator.getGamepads()[0]; const corient = gp.pose.orientation; const pad = gp.buttons[0].pressed; const trigger = gp..buttons[1].pressed;

方向とトリガー、パッド部分が押されたかどうかが取得できます。(戻るキーはVRモードが終了してしまう)
* VRDisplay requestPresent した後のみ有効です


視点移動と合わせたシンプルなサンプルとしてまとめて公開したいと思います。


MRの不思議な世界、お子様たちも興味津々。ようこそプログラマブルワールドへ。


まゆちゃんも体験!


NUAGEのメガネアイス!


NUAGEは、めがねグルメグランプリ、二冠!


次回のめがねフェスではどこまで進化しているか!?


めがね大使まゆちゃんとめがね会館 in アメコミ世界

links
- Oculus Go | Oculus (スマホVRの一段上質のVR体験が23,800円!)

めがねフェス2018レポ - めがねと未来、FOLO x MapleSyrup x IchigoJamではじめる、4才からのITプログラミング体験

2018/06/09
#megane #IchigoJam #KidsIT 

めがねのあなたを産地は待っている!めがねフェス2018、開幕です

めがねとの出会い。メガネな求人コーナー。(めがね会館で働く、ITな求人も


めがねよ、ありがとう作文。めがねが良くしてくれるのは目だけじゃない。


メガネ屋さんと直接話せる、ポップアップギャラリーも大賑わい。メガネ好き集まってます!


巨大、めがねフェス!撮影スポットとして活躍


Hana道場の高校生が開発、めがねフェス合成コーナー。
neoplug体験コーナーもある「めがねxIT」コーナーはその向かい、めがね会館駐車場にて。


増永さんも気に入った!Oculus Go。鯖江のメガネ産業は未来も見てます。


さり気なくHana道場を宣伝する、六足歩行ロボFOLO
VRも、電脳メガネも、ロボットも、洗濯機だって、コンピューター。プログラミングで動いてます。
IchigoJamは、誰にでもやさしい、プログラミングへの入り口を提供中。興味持ったら、Hana道場


ロボットプログラミングに挑戦してくれた4歳児。はじめてのキーボード、気に入った様子。


ロボットはコンピューター。プログラミングで思い通りに動かせます。(接続かんたん、解説は末尾に!)


みんなめがねをかけちゃうメガネワールドメガネ。モデル:梵、加藤さん!


アメコミ風に見えるメガネ


めがね会館を見上げるとまがまがしくておもしろい。


めがね会館内では、美容健康コーナー。ルテインを計測する鯖江市長。
目にもおいしい食事オープンデータ、良さそうですね!


鯖江市から国連大使へ、SDGsスペシャルなメガネ、プレゼント!? SDGs special eyeglasses


鯖江は、国連サミットで採択された「SDGs」に取り組み、持続可能な地域モデル「めがねのまちさばえへ」。 Think Globally! Act Locally! 世界視野で、地域で行動する。外国の方、県外の方にもやさしい町、創りましょう。


毎年好評、メガリンピック


ステージイベント、めがね大使、Cutie Pai まゆちゃん


人気スイーツ、メガネマフィン


福井と言えば、日本酒。フルーツあまざけ、酒粕アイスキャンディーはお子様でも、車でも大丈夫。


ボルガライスなどご当地グルメも揃ったフードコーナー。レギュレーションは、メガネです。


メガネ好きならいろいろ楽しい、めがねフェス。今年で5年目!


東京、大阪、名古屋からもたくさん!Youはどこからきたの?Day1夕方時点


鯖江駅から徒歩10分、めがね会館(めがねミュージアム)を目印にどうぞ!


めがねフェス。6/10 日曜日、16時まで!

FOLOとMapleSyrupのつなぎ方。

1. IchigoJam Tと慎重に合体させる *Uや初代でもMapleSyrup説明書に接続方法記載!
2. FOLOの電池ボックスの赤黒をCN5の一番上(赤)と一番下(黒)へつなぐ
3. FOLOの前後歩き用モーター青黒を、青と緑のジャンパー線でOUT1,2へ
4. FOLOの旋回用モーター黒赤を、白とオレンジのジャンパー線でOUT3,4へ


あとはプログラミング!
OUT1 で前進、OUT2 で後退。
OUT16 で右旋回、OUT32 で左旋回
待つコマンド WAIT60 や、最初から繰り返す GOTO10 コマンドと組み合わせて、自由自在!


モーター2つをかんたん制御、こどもモーターボード、メープルシロップ(MaypleSyrup)
その他、おすすめ商品が揃う「ショップ一日一創」もオープン!

links
- 改造してプログラミングも楽しい!4千円6足歩行ロボ「FOLO」の組み立てとIchigoJamコントロール

Welcome to Megane World! めがねxIT at めがねフェス2018

2018/06/08
#megane #vr #swift 

Welcome to Megane World! めがねをかけないと損する時代は、もうまもなく!

一足先にスマホMRで体験、見えている人、全員が赤いメガネをかける世界。


6/9-10の2日間はステキなメガネに会える「めがねフェス2018
ステージ、グルメ、ショップ、ワークショップなど、イベント盛りだくさん!隣のめがね会館へもどうぞ!


オススメは800円から買えちゃう、各種スマホVR、ぜひ試着してお気に入りのVRを手に入れてください。
一段上のVR体験、Oculus Go も展示!
発売開始から3分で完売 Oculus Go中国国内モデル、入荷待ちは5万人以上 | Mogura VR - 国内外のVR/AR/MR最新情報


めがねxIT」ブースで体験できるメガネアプリ開発者は鯖江在住の現役高校生プログラマー!
ITの基本、プログラミングを子供も大人も学べる格安パソコン「IchigoJam」の体験コーナーもあります。限定品の販売も!?


めがねのまちさばえ!

links
- めがねフェス2018

見ている風景をアメコミ風に変換するデジタルメガネ、パックンとの再会、Innovation Tomorrow / MRで創る未来

2018/06/06
#Swift #opendata #megane 

昨年のVRフレンズ2に続き、VRな会社、フォーラムエイトさん提供のパックンの対談番組「Innovative Tomorrow ~VRが変えるあの業界の未来!~」の収録。 エンジニアなら誰もが憧れるVR、MRの世界。スマホと安いのゴーグル(1000円)があれば、意外と手軽に未来にいけます。


さすがパックン、アメコミ調が似合う!

おみやげに持っていった、iPhoneのフィルタ CIComicEffect を使いリアルタイムに視界をプログラミングで書き換える、デジタルメガネ。 探す時代から、見える時代へ。まずは外観と持続時間をがまんすれば、実用レベル。

let filter = CIFilter(name: "CIComicEffect") filter.setValue(CIImage(image: image), forKey: kCIInputImageKey) image = UIImage(ciImage: filter.outputImage!)

iOS標準のライブラリ(ソフトウェアの部品のこと)を使うだけなので、実現するプログラムもとってもシンプル!


THETAで360度撮影。空気感のそのまま保存、もう1段画質が上がってくれるとステキです。


「Innovative Tomorrow ~VRが変えるあの業界の未来!~」
(放送日は 2018.7.2(火) 0:00-0:30 でした)

メガネのまち鯖江なので、デジタルメガネも鯖江から!
夏のインターンのネタにもいいかも。応募締切は今週末。興味ある学生、奮って応募ください!
高専インターン募集開始!鯖江を鯖江でハックしよう / バスのスピードメーターアプリ

コンパスの謎。一眼レフ、WebMegane、THETA、IchigoSodaが活躍した地区の運動会

2018/06/03
#megane #JS 

WebMegane、今いる場所と見ている方角が分かれば、現実にいろいろ情報が加えられます。
JSで方位を取得する deviceorientation を使ってみるも、どうも値が安定しない・・・。

compass」 参考:DeviceOrientation Event Specification - W3C

手元のiPhone X、北がずれたり、南と逆になったりちょっとよく分からない動作をしてますが、とりあえず、WebMegane colorsight にも組み込んでみました。 標準アプリのコンパスとのズレがなくなるような取得方法、何か別にあるのかも??(window.devicePixelRatio を使ったRetinaにちゃんと対応、スマホMRの画質も圧倒的にアップしました!)


良い天気に恵まれた地区の運動会!今回は綱引きに出場。


空き時間のテントでデモするIchigoSodaのIoT。安さがイノベーション、いろんな分野で使える、IoT!

二次元では伝わらないVR/MR。THETAで撮影した運動会・打ち上げの雰囲気をスマホVRで体験してもらう良い機会。

望遠ズームの一眼レフでとらえた町内の勇姿、スマホVRで大きくきれいに見るアプリを作るのは良さそう。

いろんな人、いろんなスマホが集う町内会、プラスITで、もっと楽しい!

デジタル色メガネで見よう colorsight - テクノロジーと高専生とアフリカと

2018/06/02
#megane #kosen #IchigoJam #codefor #JS #africa 

Code for Sabae発、WebMeganeがCode for Nerimaに飛び火。
WebMegane(色覚体験)

WebMegane、色を文字化してみました。

colorsightsrc on GitHub in JS
時計表示のおまけ付き! 簡単なJavaScriptで改造可能です!


マダガスカル、モロッコからの留学生へIchigoSodaレクチャーする高専生!


夜は高専インターンOG/OBと!

高専生による高専生のための、最高のインターンを目指す、jig.jpインターン、申込み期限間近!
学生インターンプログラム2018~全国高専生向けjig.jpインターンシップ募集開始のお知らせ~

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