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

高専生のwebプログラミング入門にオススメ! JavaScriptで書く万華鏡 - websarasa.js 更紗眼鏡コンテスト

2018/11/19
#js #kosen #megane 

石川高専が先生を務めたIchigoJamプログラミング体験@津幡町まちなか科学館で発見、巨大な万華鏡に触発されて、webで動く万華鏡JSフレームワーク「websarasa.js」を開発!11月末締切、何かが当たる更紗眼鏡コンテストを開催!

goals17 / websarasa.js
SDGsカラーのアプリ「goals17」をカレイドスコープ化!
タップ or クリックするごとにパラメータが変わります。
プログラムはGitHubにあって、ライセンスは CC BY のオープンデータなので自由に改造できます。

3ステップで動かせる、websarasa.js 簡単チュートリアル

1. 好きなテキストエディタ(メモ帳でもOK)でつぎのコードをコピペ

<!DOCTYPE html><html><head><meta charset="utf-8"/> <title>websarasa.js</title> <script src="https://taisukef.github.io/websarasa/websarasa.js"></script> <script>"use strict"; var main = function(scr) { scr.loop = function(g, ts, dt, vw) { // 背景 g.setColor(255, 255, 255); g.fillRect(0, 0, 1000, 1000); // 赤い動く丸 var x = 500 + 80 + Math.sin(ts / 200) * 80; var y = 500 - 50; g.setColor(255, 0, 0); g.fillCircle(x, y, 60); }; }; </script> </head><html>

2. simple.html などと、拡張子.htmlで、名前をつけて保存
3. Chromeなどのブラウザで開く!(動く!タップするとデバッグモード

websarasa.js リファレンス

var main にセットされた関数が呼び出す main に渡される scr の loop にセットされた関数で万華鏡のように描画 * 他は、JavaScriptに準拠する g.setColor(r, g, b); // 色変更 g.drawLine(x1, y1, x2, y2); // 線を引く g.drawRect(x, y, w, h); // 四角を描く g.fillRect(x, y, w, h); // 四角で塗りつぶす g.drawCircle(x, y, r); // 丸を描く g.fillCircle(x, y, r); // 丸で塗りつぶす

#websarasa コンテスト応募方法

1. GitHubアカウントをつくる(もうもっていれば不要)
2. websarasa.js を Fork する(Forkボタン、押すだけ!)
3. Forkした(コピーした)サンプルをベースに、オリジナルの更紗眼鏡(万華鏡の別名)をつくる
4. 作品のURLと作者名を index.html に加えるプルリクを送る(2018.11.30締切)
5. 優秀作品として選ばれたら、何かを受け取る!(連絡は メールや、Twitter DM などを想定)

高専生の挑戦、求む!(もちろん中高校大学生、大人でもOKです)

links
- websarasa.js - kaleidoscope on web
- つなごう高専IT部、沖縄高専で情報セキュリティ実習&ICT委員会訪問、PCN美ら爆誕!
- 高専生が審査する小中学生プロコンいいかも!? 大人も子供も高専生もみんなで研修、IoT with PCN仙台
- 高専生が伝える小学生プログラミング at スゴイ津幡町まちなか科学館、高専生先生の意気込み&感想動画 / KidsVenture x 石川高専

NASA Space Apps Challenge 2018 東京会場、宇宙ハッカソンで活躍する小学生、NRTでお天気ネクタイを作りたい

2018/10/21
#opendata #space #IchigoJam #megane 

全世界同時多発、宇宙ハッカソン「Space Apps Challenge 2018 - Locations


ステキなイベント、ありがとうございました!(photo from Space Apps Challenge 2018 東京会場
世界みんなで取り組む、アプリで世界をより良くする動き、いろんな世代を巻き込み進んでいきます。


Yahoo!ロッジ、ハッカソン「Space Apps Challenge 2018」東京会場!


Space Apps Challenge 2018 東京会場の審査員チーム!
シークレット審査員、JAXAの鈴木さんも!


「みんな地球の為に集まっているよ!」 by もじゃ-Co


火星で暮らすようになる2040年を見越した「火星センサー Photosensing Dome の開発」


大きなIoT傘で火星の砂嵐を乗り切る!


IchigoJam賞!


NASAのテーマでも力入っている、南極北極、研究対象としても大事なところ


その南極北極を身近に感じる、虫眼鏡型デバイス


グローバルへ進出!


魔法少女として擬人化されたべんぬちゃん


厳正な審査の結果、グローバルへの選出を決めました!
0.07%の確率で地球に衝突するらしい「小惑星ベンヌ」探査機によるデータも楽しみ!


衛星データのビジュアライズをTシャツにしてシェアする作品。コミュニケーションのきっかけになる服、良いですね!


ぶら下がり健康器や、クラッピー付きWiiボードなどいろいろ活用して実現、月歩きを体験するデバイス


なんとNASAのオープンデータに音声が!?
それを使った音楽作品「宇宙の音」宇宙楽器にするとか、おもしろそう


雷のNRTデータ(Near Real Time Data、ほぼリアルタイムデータ)を使った作品。
地球のどこかで落雷があると、写真右下の白い玉が光って音が鳴る!
NRT、いろいろ探すとおもしろそうっ(NRTで検索、234データセットある!)


使いやすいデータとして再配信するのも良いですね!


ロケットが飛ぶか否か、みんなで予想しよう!
ロケット予定オープンデータ、大型LEDで作ったカウントダウンボードをどこかに設置したい!


うなぎの絶滅の謎を、宇宙オープンデータで解析!


大好きなうなぎオープンデータ他、LODでデータをがしがし作ってる小学生、サクくん!


「オープンデータのいいところは、みんなに楽しく使ってもらえるところ!」
オープンデータ界も期待の新星!


宇宙オープンデータでどんどん作品作って、衛星データ、宇宙データへの興味持ってくれるひと増やしましょう!


審査室!


宇宙がテーマの食事、緑の惑星、地球!


全世界同時多発開催「Space Apps Challenge 2018 - Locations
懇親会で活躍、ドイツ会場から日本のビールを注ぐ、IoTビールサーバー


かなり普通のメガネになった、Vuzix製電脳メガネ「Vuzix Blade」(at Vuzix.com)
レンズ面も違和感なし!今回のハッカソンでは登場しなかったものの、虫眼鏡型への応用もおもしろそう。
スマートグラス「Vuzix Blade」ハンズオン:ついにGoogle Glassの理想を実現した? | ギズモード・ジャパン


こちら宇宙ネクタイにしたい、ひとまず、宇宙色に輝くネクタイ by IchigoJam x WS2812B
一部消灯させるカスタマイズ付きプログラムがこちら

10 POKE#700,240,181,68,24,90,32,12,73,114,182,128,37,35,120,1,52,255,34,74,96,3,39,10,38,43,66,1,208,10,39,3,38,1,63,253,209,0,34,74,96,1,62,253,209,109,8,239,209,1,56,234,209,98,182,240,189,0,0,1,80 11 L=30:O=8 12 POKE#704,L*3 15 H=180:S=100 16 V=20 17 A=1<<RND(7) 18 FOR I=1 TO L 20 H=(H+A)%360 30 GSB@HSV2RGB 50 Z=#800+O*3:POKEZ,G,R,B:COPYZ+L*3-1,B+L*3-4,-L*3+3 60 U=USR(#700,#800) 70 WAIT 2 80 NEXT 90 GOTO17 100 @HSV2RGB:R=V:G=V:B=V:IF S=0 RTN 110 D=H/60%6:C=V-(59-H%60)*V/60*S/100:E=V-H%60*V/60*S/100:F=V*(100-S)/100 120 IF!DG=C:B=F 130 IFD=1R=E:B=F 140 IFD=2R=F:B=C 150 IFD=3R=F:G=E 160 IFD=4R=C:G=F 170 IFD=5G=F:B=E 180 RTN

IchigoSodaと宇宙リアルタイムオープンデータを使ってIoT化しよう!

みんなでつくる地域ICTクラブ、福井高専IT研究会と鯖江商工会議所あたらしもん好き勉強会

2018/10/12
#IchigoJam #IoT #VR #megane #swift #kosen #sabae 

福井高専電子情報工学科、1年後期から、いよいよプログラミングの授業スタート!
初回は IchigoJam を使って、自分のパソコンづくりとプログラミング入門。
ひとりずつはんだづけした後、エルチカ、かわくだりゲーム、10秒あてIoTゲームをペアでつくってコンピューターを操る感覚を掴んでもらいました。


はんだづけスタート!
自分のパソコンをまだもっていなかった学生も、ひとまず1台ゲット。


個性がでるはんだづけ、部品をまっすぐつけることにこだわる!


女子は髪をこがさないよう、注意!


できあがった IchigoJam S。すっきりシンプルになったこともあってトラブルも減って1コマ、90分ちょっとでほぼ全員完成!


ペアプログラミングスタイルで、プログラミング入門&IoTはじめのいっぽスタート!

IchigoJam かわくだりゲームの改造版(点数追加、スペースキーでボム、時間でだんだん速くなる)

10 CLS:X=15:CLT 20 LC X,5:?"O" 30 LC RND(32),23:?"*" 35 WAIT 6-TICK()/180 36 X=X-BTN(28)+BTN(29) 37 X=X&31 38 IF BTN(32) CLS 40 IF SCR(X,5) GOTO20

IchigoJam BASIC リファレンスを見ながら、解読してみよう!
ネットでじっくり学ぶテキスト「IchigoJamプリント
ブラウザで動く、IchigoJam web もあるよ!
良い作品ができたら、Kidspod;や、電子工作マガジンに投稿しよう。
わからないことがあれば、IchigoJam-FAN (Facebook) か、#IchigoJam (Twitter) へどうぞ!


福井高専の電子情報工学科を選択した42名、楽しくプログラミング学んでいきましょう!
作ったIchigoJamは、実験でも使いますよ!
(現在福井高専は、1年生が混合学級をとっていますが、専門科目の時間は各クラスから集まって実施)


福井高専IT研究会に新1年生を勧誘!PCN鯖江にも新メンバー!


福井高専メディア研究会のラジオ番組新コーナー「OBさんいらっしゃい」に出演!
OB/OGというのは冗長なので、語源はともかくOBで統一する形でいきましょう。


ものづくりのまち鯖江ならではの、新基軸情報発信を目指す会!


体験しないとわからない、VR/MRの世界 at 鯖江商工会議所の新企画「あたらしもん好き勉強会#1」

アイデアディスカッション、その1「続きはリアルで!鯖江のVRと言えば?」

メガネを作っている職人視点VR(製造工程) コンサート映像VR(人形浄瑠璃、サンドーム) 歴史VR(近松門左衛門) 西山動物園(動物間近でみる) 鯖江の郷土料理のつくりかたVR動画(サバエドッグ) 加藤吉兵衛商店で酒造り見学、中松で飲む気分VR ドローン映像、上空から鯖江(鳥視点) 福鉄運転席 サバエドッグ視点 観光ガイドVR(自治体とお年寄りがネック?) 美術館・博物館の美術品を見せる

アイデアディスカッション、その2「ミライのメガネ」

カーナビ(人生ナビ) 年収見えるメガネ 共通の友達が見えるメガネ 自分との相性が見えるメガネ(好感度) 料理のカロリー見える(アレルギー) スイカの糖度判定(果物) 透けるメガネ 寿命が見えるメガネ(デスノート) 財布替わりになるメガネ 見るだけで最安値が見えるメガネ(レビュー) 店の評価が見えるメガネ リアルなマリオブラザーズ(クリボーがでてくる) 武家屋敷復元 メガネがスマホの替わりになる(事故率下がる、猫背が治る?) 組み立て手順をガイドする

もりあがった、MR、電脳メガネ。
オープンソースな電脳メガネアプリをSwift4.2に対応し、ちょっとバージョンアップ。
「Megane」src on GitHub

世界が印刷物風に見えるメガネと


世界がステンドグラス風に見えるメガネを追加!

メガネのまち鯖江だけに、IT研究会でもOculusなどメガネ系に関心ある学生多いかも!?
今度持っていくのでお楽しみに!

こどものワクワク載せて打ち上げた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

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