#vr / 福野泰介の一日一創 / Create every day by Taisuke Fukuno

2020年開催の起業家甲子園への出場権は、阿南高専の手に！

「あ！水ダス（ＡＭＩＺＤＡＳ）－水災害を自ら防ぐ水位監視システム－」

消費電力にこだわったIoT水位計、Sigfox、sakura.ioにも対応。GPSと太陽光パネル付きでどこでも動作！
設置実績を積み、実用化へ！平時にいかに興味を持ってもらうかが鍵！
オープンデータ化して、衛星とかいろんなデータと組み合わせて機械学習もおもしろそう。

起業家甲子園に向けて、意気込み十分！

もう一校、都立高専品川キャンパス、NICT賞！

「Agricowture－近未来型放牧牛管理システム－」IoT放牧牛！

牛ウェアラブルデバイスと、自動的に該当の牛のところへ行って撮影するドローンによるシステム。
実際の放牧現場で使っているところが強い！メンバーのご実家だとか。身近な課題探し、良いですね。

2校選ばれたNICT賞の副賞は「東京で開催される起業家甲子園への挑戦権」と「シリコンバレー研修旅行招待券（1名）」
結構、豪華です！

今回の特別講演、都城高専出身社長、aratanaの濱渦さん(@shinji_hamauzu)！

母校の都城高専で開催された全国プログラミングコンテストの特別講演で、コロプラ馬場センパイと対談させてもらいました！
共通の恩師、濱田先生のボケで会場も盛り上がった！はず笑 #procon30 pic.twitter.com/WRaXlMt7S8
&mdash 濱渦伸次 (@shinji_hamauzu) October 15, 2019

都城高専出身馬場さんは第7回高専プロコン（北九州）出場とのこと！
発見「審査員賞学生生活スケジューラー「ポケスケアシスト」」ポケベル＆スケジューラー！
私は1年前第6回高専プロコン（函館）の競技部門に出場、ニアミスでした！

広い会場、全国からの高専生で埋まってました！

「VRで振りかえる高専プロコン第30回」
スマホやPCでもOK、next/prevで場面変更。iOS13の方はまずは青いボタンを押してください。iOS12の方はSafariの設定で加速度センサーを許可ください。
Oculus QuestなどVRだと大迫力！

入り口には都城高専の歴代ロボコン出場ロボット達

こちら「みやこのぞう」ロボ、ロボットはメカの工夫がおもしろい！モーター、高いんです！
制御とプログラミングも重要な要素、興味があれば、高専生の内にチャンスしておくのが良いかも！

インターンOBにも再開！仲間と一緒に車で来た！

初日夜には先生たちとの情報交換会、30年支えてくれた先生たちへの感謝状。

30周年を持って引退される神沼さんのお弟子さん、函館みらい大学の大場さん！

濱渦さん、松江高専生のAR作品体験

会場、宮崎地元の高専、都城高専、宮城県庁発のスーパーGIS「ひなたGIS」開発者、落合さんと！

IchigoJamつながり、鳥羽商船高専生でPCN三重、東京高専生でPCNシリコンバレー、それぞれお手伝してくれてます！

オタマート好き発見！オタマートシール、もらってくれてありがとう！

仙台高専広瀬キャンパス、今月末におじゃまする小中学生向け「みやぎプロコン」楽しみ！
10/27 12:30-15:30 with 高専祭 in 仙台高専！

procon30thメガネ写真集できた！
iPhone x Swift で誰でも簡単、オープンソース！

朝のピーク時には東京圏を走る電車は、なんと1000台を越えていました。
「東京公共交通オープンデータチャレンジ」のAPI許可がでたので、nagixさんの作品をVR用にフォークした、VR-TokyoTrainsに列車の現在位置を反映。

「VR-TokyoTrains」(src on GitHub)
APIで取得できるのは出発駅と向かう駅、遅れ情報だけです。Mini Tokyo 3Dのアニメーションする電車表示は、時刻表を元に路線データからその中間地点を計算していますが、今回はひとまず出発駅にいるものと仮定して、電車の数分、駅の位置に緑の球を積みました。

iPhone iOS13からは加速度センサーの使用にユーザー操作による許可が必要になったため、青い球を一度タップして許可ください。横向きにすることスマホVRでも楽しめます。

ただ、なんといってもおすすめはVR。Oculus Questで見ると、東京のまちを歩き回れます！近づいて見えます！
A-FrameでかんたんVR実装 in JavaScript、楽しい！

こちら、駅の緯度経度を現在位置として返すAPIをNode.jsで作って動かしています。
サーバーで動かすことで、API_TOKENを共有せずに、通信量を減らせます。Node.jsを使うと、クライアントコードとサーバーコードを簡単に行き来できて便利！

require('dotenv').config() const API_TOKEN = process.env.API_TOKEN_ODPT const opstations = {} const getTokyoTrainsNow = async function() { const trains = await loadJSON("https://api-tokyochallenge.odpt.org/api/v4/odpt:Train?acl:consumerKey=" + API_TOKEN) // 列車取得リアルタイム 496@6:11 const getStation = async function(operator, stationid) { let stations = opstations[operator] if (!stations) { stations = await loadJSON("https://api-tokyochallenge.odpt.org/api/v4/odpt:Station?odpt:operator=" + operator + "&acl:consumerKey=" + API_TOKEN) opstations[operator] = stations } for (const st of stations) { if (st["owl:sameAs"] == stationid) return st } } const res = [] for (const train of trains) { const st = await getStation(train["odpt:operator"], train["odpt:fromStation"]) const pos = [ st["geo:lat"], st["geo:long"] ] res.push(pos) } return res } const webclient = require("request") const loadJSON = async function(url) { return new Promise(function(resolve, reject) { webclient.get({ url: url }, function(error, response, body) { if (error) { reject(error) } else { resolve(JSON.parse(body)) } }) }) } module.exports.getTokyoTrainsNow = getTokyoTrainsNow

(src on GitHub by Code for Sabae)
async / await / Promiss を使うと通信周りを同期処理としてすっきりわかりやすく記述できます。
さぁ、オープンデータで便利を創ろう！備えよう！

links
- 東京公共交通オープンデータチャレンジ
- Mini Tokyo 3D 開発日誌 - Togetter

福井高専、KDDI、エル・コミュニティ、jig.jp 4者で包括的連携協定！

5Gが楽しみなKDDI理事の松野さん、エル・コミュニティ代表の竹部さんと共に、10年後の福井高専を考える未来戦略会議のアドバイザーになりました。

協定で進めていくこと
1. 先端技術を活用した教育や研究(5G/IoT/AI/VR/ARなど)
2. 起業や新たな価値を創出できる人財育成
3. 課題解決型学習(PBL)の推進
4. グローバル化に対応できる人財育成

私からのプレゼン「福井高専生と創ろう、未来のまち」
福井高専生の創造力、伝達力をサポートします！

2010年に提案してスタートした、日本のオープンデータ

東京でも着々と進む公共交通オープンデータ化への取り組み。3回目となる「東京公共交通オープンデータチャレンジ」を使った、アプリが話題です。
「この時間泥棒！東京の鉄道状況をリアルタイムで3D表示する「Mini Tokyo 3D」がスゴすぎる！ | ライフスタイル - Japaaan #電車」
作者は、MSX界でも有名、nagixさん！（参考、MSXユーザーのためのIchigoJam入門）

オープンソース、早速活用させてもらって、VR化のはじめのいっぽ。

「VR-TokyoTrains」
まだ、リアルタイムの電車は未表示ですが、東京のややこしい路線をVRで歩いて体験できます。Oculus Questなどでぜひどうぞ！

「tsutsuji-bus / WebVR」
鯖江市のバスはずいぶん前からリアルタイム乗降数も含めて、オープンデータ！
こちら以前つくった、次世代メガネ候補、VR機器による鯖江、つつじバス表示アプリ。

世界のどこにもないサービスを創ろう、鯖江から！

高専生におすすめしたい、一日一創。一日一行でもOK！
ちょっとした地元のアプリづくり。つくるほどに成長します。
高専のイベント情報、オープンデータ化して、学生が自分でつくったアプリで見るのも良さそう。

高専生向けインターンシッププログラムでのノウハウを福井高専生へ！

振り返れば、福井高専在学中、先生のお手伝いで知ったツールづくりというプログラミングの活かす場所。
アルバイトなど、学外の人との関わるきっかけでもありました。（上、当時作っていた地図アプリ）

今の高専仲間は世界にも！自慢の作品、YouTubeで英語で紹介してみよう！
鯖江生まれのIchigoJamは、モンゴルでも活躍中。
英語でプログラミングを教えられるようになって、タイやモンゴルの高専生たちと一緒にPCN活動も楽しいよ！
「PCN プログラミングクラブネットワーク - すべてのこどもたちへプログラミングを」

今年から着任、徳山高専出身の福井高専校長、田村さん。
福井高専の未来に向けて力強いプレゼン！

調印式スタイル、初でした

2019年鯖江で初開催、NT鯖江の会場、嚮陽会館をVRで体験できるようにしてみました。

「VR嚮陽会館」
Oculusなどをお使いの方、建物入り口からどうぞ！右手コントローラーで白い丸をたどっていけます。
A-FRAMEを使った、JavaScriptのプログラムや、THETAによる嚮陽会館360度写真は、オープンデータ＆オープンソース on GitHub。

「VR嚮陽会館大会議室」
こちらメイン会場、このリンクでPCなどでも眺められます。

Googleマップのストリートビュー風に擬似的に歩く感じができました。

広々した1F、こちらは当日、鯖江ものづくり博が同時開催されます。

大会議室の間取り、ひとまず手書きのもののコピーをもらって、コンセント位置を追記！

つくってみたもの、見せてみよう！
だれかのつくってみたもの、見に行こう！
「NT鯖江」出展者も受付中です！

「高専カンファレンス in 明石3」にて「スクラム」を使った楽しいチーム開発を発表。

「みんなで創ろうチーム開発手法、スクラム」高専カンファレンス in 明石3 バージョン！

短いサイクルで「分析、設計、実装、テスト」を繰り返すのがアジャイル開発
（出展：デジタルビジネスの潮流とアジャイル開発～ビジネスとエンジニアの協働チームづくり～）

ウォーターフォール vs アジャイル
時に年単位の開発期間で作られるウォーターフォール開発。後戻りはできないのでどうしても設計が保守的になり、あれもこれもと盛り込み勝ち。できあがった機能のうち7割は使われないとか・・・！？
とにかくまずは動くもの、必要最小限な機能による出荷可能なプロダクトを短いスパンで開発、デプロイし、利用者の意見や、反応を見つつ、どんどん改善していくのがアジャイル開発。
jig.jpのプロダクトはこのアジャイル開発で作られています。短期間でリリースし、最新技術も取り入れつつ、どんどん改善！

スクラムはアジャイル開発の一種、ビジョンをしっかりチームで握ることが超大事！
利用者価値を優先し、変化に柔軟に対応し、短期リリースを目指し、会話によるチームメンバー全員合意と、技術的卓越を原則とする。問題が発生しても個人対個人ではなく、問題対チーム全員という考え方で！
最終決定権を持つプロダクトオーナーを決め、一定期間（jigインターンでは4日間、1週間や2週間が一般的）でやることをプロダクトバックログとして積み、みんなでタスクとして分解するスプリント計画、タスクかんばんやバーンダウンチャートを使って進捗を関係者全員で共有する。

数時間でできる程度に分解したタスクを貼って、TODO、Doing、Doneと移していく。問題が発生したら小さく赤いプロブレム付箋を貼って、チームからの助けを借りるのも手。問題はみんなのもの、ひとりで悩まない。

朝会ではじまる一日の開発、動くものを目指して1スプリント終えたら、ふりかえり。
ふりかえりの手法として、jigインターンではKPT（Keep Problem Try）に加え、Kansya（感謝）を追加！
良かったことや、問題に対するチャレンジ（Try）をいくつか合意して、次のスプリントへ！
リズム良く気分良く、楽しく仲良くチーム開発！

今回のjigインターンでは3スプリント実施して成果発表会を迎えました。

オタクック「お料理版AtCoder、毎週金曜日はアニメメシで勝負だ、オタクック！ by jigインターン2019 とモダンクライアントVue.jsはじめのいっぽ」

めしめーと「Vue.js x Go x MySQL、外食の好みでつながる「めしめーと」 by jigインターン2019 とモダンなRDB環境構築手順」

旬レシピ「ご当地レシピのオープンデータと応用提案、卸売市場と栄養素データをマッシュアップしたお手軽料理ナビ「旬レシピ」 by jigインターン2019」

詳しくは、jigインターンブログやGitHubにあるリポジトリをどうぞ！
jigインターン、来年もお楽しみに！（興味がある人、@jiginternをフォローしておこう）

THETAで撮った会場の360度写真、ちょっとHTMLをかけば、VRアプリのできあがり！
「VR #kosenconf_138akashi 2」
PCでもぐりぐり回せるよ。スマホVRでもそこそこいい感じ。Oculusなどで見るとよりきれい！

<!DOCTYPE html><html><head><meta charset="utf-8"/> <title>VR kosenconf_138akashi</title> <script src="https://aframe.io/releases/0.9.1/aframe.min.js"></script> </head><body> <a-scene id="scene"> <a-sky src="kosenconf_138akashi/akashi1.JPG" rotation="0 -120 0"></a-sky> </a-scene> </body></html>

たった8行のHTMLでOK！
Oculus Questなどを持っている人、このリンクをブラウザで見て、右下のメガネ型VRアイコンをクリック！
超お手軽VR開発、ぜひいろいろ挑戦してみてね！（50行マイクラ風など）

高専カンファレンス in 明石3！

会場は明石高専！

続VRのすゝめ by 鈴鹿高専 @MD_a_To_bl_o
VRチャットでの女性比率は何があると上がるのか？

知ってると得する切符の話 by @S0UL_EXPLOSION
往復割引切符は東京からでも買えるとは、知らなかった。

地域住民が行政を動かしたという話。
みんなのまち、学生だって住民、プログラミングでもデザインでも、いろんな力で貢献できる！
Code for KOSEN は、2013年、この階段教室から！（オープン＆チャレンジ、殻を破る高専生！ - 明石高専訪問）

jigインターンでの毎日！ by なべ

集合写真 by THETA撮影、切り出し
「VR #kosenconf_138akashi 1」
VRで見るならこちら。

懇親会スタート！

懇親会でのVR体験会、Oculus Rift S と Oculus Quest、2台体制

未来の食事、完全食COMPグミエディションも活躍。

高専生発の抵抗カラーコードかるた！

せっかく明石なので、明石焼き〆！
「jigインターン番外編~幻の21日目~ - jigintern2019のブログ」

links
- 高専カンファレンス
- 高専カンファレンス in 明石3 - 高専カンファレンス Wiki
- デジタルビジネスの潮流とアジャイル開発～ビジネスとエンジニアの協働チームづくり～
- スクラム (ソフトウェア開発) - Wikipedia

高専インターン、2週間目、最終営業時間後は河和田アートキャンプ、蔵Barで交流会！

食とアートに取り組む、河和田アートキャンプの人と記念撮影 by THETA！
VRで味わう、VRアートキャンプ古民家と蔵Barはこちら
「VRアートキャンプ2019」

「Dvorak配列試し打ちwebアプリ」
蔵Barでもキーボード配置を変更していた、ぴ。
キーボードにこだわる高専生、キー配列はQWERTY（TYPEWRITER配列）でいいのかい？

疲れが見え隠れする、インターン2週間目のおわり、指力が試されるタイプライターで対抗！
上段1列を使ってTYPEWRITERと打てるのが、QWERTY配列がデファクトになった秘密。

昼はSKこと醤油カツ丼＠味見屋

おやつは歩くソースカツ丼、サバエドッグ

2スプリント終わってレビュー、ふりかえりのKPTK（Keep, Problem, Try, Kansya!)

漆器神社へ

今日はここまで！

蔵Bar到着

例の舞台は、蔵Barの拡張座席だった！天気が良ければハンモック付きで外で食事可！

山盛りな大根サラダ！

缶詰をランダムに注文！

アート x VR も楽しい！

蔵で行く宇宙、Oculus Quest対応、国際宇宙ステーションISS体験アプリ、ふわふわします。

アートキャンプ2019の学生さん、ありがとうございます！

アートキャンプの合宿も古民家、進むアート制作、発表会は9/21-22、中道アート2019と同時開催！

食後は、ラポーゼ河和田、温泉！
心身を癒やし、ゆっくり寝たら、フリーな休日、楽しんで！

「河和田アートキャンプ2019blog」
「jigインターン12日目!! 第2スプリント終了! - jigintern2019のブログ」

サバエドッグを食べるエンジニア写真集

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にある喫茶店。昭和な雰囲気。

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

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

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

プログラミングが熱い福井の夏！永平寺と陽願寺で同時開催された、小中学生向けプログラミング合宿。
「小中学生プログラミング・フェス 2019 - 福井新聞」
「キッズサンガ2019《宿坊×プログラミング×お煎茶》in 陽願寺 - connpass」

永平寺町の傘松閣を再現した、四季の森文化館にてプログラミング！いい天気！

集まった小中学生100人超に1人1台IchigoJam（スクールセット+マイIchigoDake）！
天井絵以上に圧巻！合宿のゴールは禅による精神修行と自動運転プログラミング技術の習得。

IchigoJamの基本を習得済みのこどもたちは一足先にロボ制御コースへ。

どんどん自分でプログラミング！

今回プレゼントされたストラップ付きのパソコン「IchigoDake」に自分のプログラムを書き込み、ロボに差し込み、自由自在！

はじめてプログラミングするこどもたち向け、2時間の基本コース。ロボづくりの基本と、ゲームづくりで学ぶプログラミングで試行錯誤する手法を伝授。

Day2ではいよいよ本番、自動運転「らでぃっしゅ」のプログラミングに挑戦！

越前市、武生駅近く、陽願寺にも元気なこどもたち！

たっぷり2時間プログラミングした後は、広いお寺の中でたからさがし！住職さんによるクイズ。

PCN武生オリジナルのIchigoJamクイズ！間違ったら、A-Zまでをタイピング修行！

明日もお楽しみに！

今回の写真は、こちら360度カメラ「RICOH THETA V」で撮影。
Oculus Questなど、VRで見るとリアルな感動が蘇る！？（PC、スマホ、スマホVRでも閲覧可能）
「VR ProgFes 2019」

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

2018年のイタリアの橋崩落事故は、他人事ではありません。次々と寿命を迎える日本のインフラ、笹子トンネル天井板落下事故のような悲劇を防ぐ必要がありまが、近所のよく渡る橋、その実態はきちんと把握されているのでしょうか？
（イタリアの橋崩落、死者少なくとも37人に　犠牲者には子どもも - BBCニュース）
「橋サイズ体験VR」
鯖江市橋梁オープンデータとオープンストリートマップを使ったVR橋サイズ体験アプリ。Oculus Questで見ると実寸で実際に歩けてよりリアルに体験できます。