ゲーム大会、スポーツ大会でおなじみトーナメント表を、JavaScriptで作った「トーナメントjs」
スマホやタブレット、PCがあれば、ちょっとした温泉卓球大会などでご活用いただけます。
何かのシステムに組み込んでのご利用、色変更、デザイン変更もご自由に!

トーナメントjs
人数と名前をいれて生成、トーナメント内をマウスクリックで勝者を選択可能。


32人いるとちょっと狭すぎかも。(奇数人数のときに表示がちょっとおかしくなります)

JavaScriptプログラミング入門に「万華鏡づくり」はいかがでしょう?
コンピューターの基本から学ぶならオススメ、IchigoJamプログラミング!
(まだ間に合う、IchigoJam x sakura.io によるIoTプログラミング勉強


2018/11/25(日)開催、小学生対抗「越前がにロボコン
福井県版、地域ICTクラブ、鯖江の拠点、Hana道場のこどもたちの戦い!
福井市のショッピングシティ・ベル 3階あじさいホールで見られます!

越前がにロボコンの得点システムでも「トーナメントjs」が活躍します

鯖江にお住まいの村上さんよりご相談「本人にしらせないで、歪ませるいい術ありませんか。」
準備でモタモタしてしまい、10分遅れることが多いので、10分時計を早めるも、早めたことを知っているので効果なしとのこと。

ひとまずご相談どおり、本人が知らないうちに、0分から10分の内、ランダムに(でたらめに)歪む時計「uncertaintly」(=不確実性)を作ってみました。


uncertainty demo

デモ版は、10秒おきにランダムに0分から10分早い時計になります。
時に時間が逆戻りするのが特徴です。

実運用には、1分〜3分かけてじっくり時間が歪むこちら「uncertaintly」をお使いください。

uncertainty

車の速度計は実測スピードをメーター読みの速度が上回ることがないように、この時計が通常の時間より遅れることはありません。不確実性と確実性を合わせ持つカオス時計の一種かも。

プログラミングで自分の時を操ろう!

links
- 時が歪む時計 distorted by sq-game.js
- sq-game.js
- 時計 / 一日一創

もの博で見つけた時計の変化で作業効率化を狙う電通大 櫻井翔さんの研究「Mercurial Clock
感じる時間は人それぞれ、あっという間だったり、無限に長く感じたり。
帳尻が合えばOKな時間、試しに1分の進み方を歪めてみました。
12からの進みが異常に速く、秒針が12に近づくほど遅くなります。


distorted - sec

1時間の進み方も歪めたものがこちら。
distorted
最初はあっという間に時間が過ぎますが、なかなか1時間になりません。
上記の秒針と比べて歪みは少なめです。

sec = Math.log10((1 + sec / 60) + 9) * 60

50分勉強して、10分休憩のリズムを、この時計をベースに実施すると、なんだか自分、できるじゃん!と思えます。
自信がついたら、歪を元通りにしておきましょう。
none distorted

JavaScriptで創る時計アプリ、sq-game.js を使って、スマホでもPCでもお手軽実装!
プログラミングはじめに、sq-game.js 時計アプリコンテストとかいいかも?

links
- Sakurai Sho . info - 電通大櫻井さんのサイト
- 時計 / 一日一創
- sq-game.js

徳島と鯖江に縁がある10月。大鵬薬品&大塚グループの社員のみなさん向けに Code for Japan 鯖江5期、地域フィールドラボ報告会&IoTプログラミング体験会。 IchigoJam、大人向け体験会、増えてます。
大鵬薬品 x 鯖江市、第5期 Code for Japan 地域フィールドラボ事業報告会 - 現場での恊働とデータが生むイノベーション

地域フィールドラボ開始初日に鯖江Hana道場で開催した、IoTプログラミング、大鵬薬品社長の小林さん(上写真、右側の方!)にも体験いただきました!
Hana道場、若宮さんと学ぶIoTとIchigoJamプログラミングと地域フィールドラボ第5期スタート!


鯖江出身、大塚薬品社員の澤田さんからの鯖江自慢からスタート!


プログラミング、はじめのいっぽの「LED1」であがる歓声、大人も楽しいエルチカゲーム。

LED1 OK

あっさりできてしまう、スマホとつながるIoT!

IOT.OUT 15 OK ?IOT.IN() 5 OK

コンピューターの基本は、制御するアウトと、センシングするイン、そして電源。
ネットを通じて制御する IOT.OUT コマンドと、ネットを通じてセンシングする IOT.IN() コマンド。


家の炊飯器のスイッチを入れたり、どこかの温度を定期的にモニターする、などなど。
sakura.ioなら、たった月64円で自分で創れるIoT、楽しんでいただけました。

1 N=IOT.IN():IF N>0 LED N-1 2 GOTO 1 RUN

スマホから2を送るとLEDが光り、1を送ると消えるIoTプログラム。


小林さん、ステキな会場での開催、ありがとうございました!
さくらインターネット、KidsVentureの創始者、高橋さんと陣内さん、と。


Code for Japan 陣内さんによる地域フィールドラボのご紹介。みなさま、興味津津でした!


小林社長も含めて、パネルディスカッション。


地域フィールドラボ@鯖江で大活躍した、大鵬薬品、社長室三浦さん、今後共よろしくおねがいします!


健康をテーマにしたアプリ、人間に必要な栄養素一覧に興味を持ってもらおう作りました!
人間に必要な栄養素 オープンデータアプリ」 ゆるゆる動きます、動かせます、クリックでWikipediaへ!
人間に必要な栄養素 CSVオープンデータ」 Excelやプログラムで編集容易な3つ星オープンデータ

バランス栄養食といえば、大塚グループ、カロリーメイト
完全食ならぬ、完全飲料だって夢じゃない!?

links
- Hana道場、若宮さんと学ぶIoTとIchigoJamプログラミングと地域フィールドラボ第5期スタート!
- 大鵬薬品 x 鯖江市、第5期 Code for Japan 地域フィールドラボ事業報告会 - 現場での恊働とデータが生むイノベーション
- Code for Japan - ともに考え、ともにつくる
- Code for Sabae - 鯖江のために創る部

オープンデータという公共物、間違いを見つけたら、どんどん指摘して、キレイにしていきましょう。 いざ使ってみると、いろんなデータ間違いに出会います。

オープンデータ間違いの種類
1. 誤字・誤記(URL間違い)
2. 表記ゆれ(半角全角、空白の有無、略称などで発生しやすい)
3. 種別違い(数値のところが文字になってるなど)
4. 値がおかしい(緯度と経度を入れ間違っているなど)
5. 古い(リンク切れ、見つけ次第、新しくするか、IoTやCMSで自動更新化を検討)

越前ナビ」を作った際、なぜか地図が表示されないと思ったら、緯度と経度が逆になっているデータが混ざってました(間違い種:4)。応急措置として、変なデータは緯度経度を入れ替える形で対応しておきました。

今回は、緯度経度の間違いに絞って、それらを可視化するアプリ「緯度経度チェッカー」を作成。

緯度経度が範囲外にあるデータを取得する、SPARQLクエリーはこちら

prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> prefix xsd: <http://www.w3.org/2001/XMLSchema#> prefix geo: <http://www.w3.org/2003/01/geo/wgs84_pos#> select ?uri ?name ?lat ?lng ?graph { graph ?graph { ?uri rdfs:label ?name; geo:lat ?lat; geo:lng ?lng. filter( xsd:float(?lat) > 90 || xsd:float(?lng) < -180 || xsd:float(?lat) < -90 || xsd:float(?lng) > 180 ) }}

日本の端の一覧 - Wikipedia」のデータを使って、日本範囲外のデータを抽出して表示しています。

最北端 択捉島・カモイワッカ岬 45.557777,148.753888 最南端 沖ノ鳥島・北小島 20.425182,136.069771 最東端 南鳥島・坂本崎 24.286666,153.980555 最西端 与那国島・西崎 24.449444,122.933611

データがキレイになると、気持ちよくプログラミングできますね

福井、古くは越前藩。越前と名がつく観光地はいくつある?
越前市、越前町、南越前町と住所に越前が入っているので、それを検索で求めることは難しい。

5つ星オープンデータのアイデアはシンプル、データに意味をつけること。
観光地や住所を単純に文字列として捉えるのではなく、観光地名の名称と住所をきちんと分けて管理できる。

なかなか使い心地がよかった徳島県オープンデータを使った「阿波食ナビ」をベースに「越前ナビ」を作成。

越前ナビ共通語彙基盤対応、5つ星オープンデータ活用!

オープンデータという目に見えないインフラ整備は、まだはじまったばかり。
使う人が増えれば増えるほど整備は進む。

一人ひとりの使う気持ちが進める、次世代インフラ事業。
関心ある方は、ぜひお近くの Code for へ!

鯖江付近の方「Code for Sabae」でお待ちしてます!

Code for Japan、地域フィールドラボが生み出す、業界を超えたつながりが創るイノベーション。

週2日、わずか3ヶ月で、見事、結実!
眠っていた電子申請フォームを活用して、受付による脱紙成功の予感!?

大塚グループ、大鵬薬品より7月からの3ヶ月、鯖江市役所の臨時職員となった三浦さんによる Code for Japan地域フィールドラボ事業報告会。

「鯖江市 x Code for Japan x 大鵬薬品」という、一昔前では考えられない恊働プロジェクト。
現場でしか見えない課題を洗い出し、既存の電子申請システムを活用し、電話受付紙台帳から、webと電話受付電子台帳への変革を0予算で実現!
肝心の電子申請システム自体の使いづらさは、福井県がまとめて刷新すれば自動的に使いやすくなりますねっ。ナイス着想&実装!


放っておけない医療費高騰問題にもようやくデータ活用の波「データヘルス改革」として厚生労働省によるAI活用政策が進んできたところ、鯖江市で一歩先をいく計画第一歩に、医療系ベンチャー「サスメド」との共同研究が決定! (厚生労働省 データヘルス改革推進本部


「特定保健データにおけるAIの活用」を紹介するサスメドの市川さん。
医療機関利用履歴を元に、説明可能なホワイトボックスAI化を使った予防医療による医療費削減を狙うとのこと。 匿名化や、細かいエリア単位で集計するなど、個人情報に入らない範囲でのオープンデータ化もいきたいですね。


地域フィールドラボ事業説明会、動画!


IchigoJamのはんだづけまでしてくれた三浦さん「IchigoJamでIoTプログラミング 〜はじめのいっぽ〜」の大塚グループ内開催を企画してくれました! 25名予定に応募がなんと43名、好評に応えたいと思います!


IchigoJamをよりIoTで使いやすく、ブラッシュアップしたIchigoJam、近日正式版リリースです!
速度1.7倍、液晶に切り替えた際の音の不具合を解消し、IchigoBoy pocketでも見やすいよう調整。
IchigoJam 1.3b1」・・・ついに、1.3βとしてテスト公開!


3ヶ月間、おつかれさまでした!よいきっかけを提供いただき、ありがとうございました!
そして、これからもよろしくお願いします!いろいろ連携していきましょう。

links
- 「コード・フォー・ジャパン」地域フィールドラボ事業成果報告会 | 『さばえ.jp』百さんのブログです
- 民間企業から自治体へパートタイムで出向くITリーダーを募集、「地域フィールドラボ」説明会を5月16日開催 - INTERNET Watch
- Code for Japan

品川区アイデアソン参加最年少の小学1年生の女の子。
こどもプログラミングからの連続参加、その時のレポートを「IchigoJamはかわいいよ」と夏休みの自由研究にしてくれてました!

はんだづけがとっても気に入った様子!カラフルパーツでオリジナルづくりもポイント高かった。


はんだの絵、はんだごての絵、イチゴの絵、かわいい!うれしい!
きれいなはんだづけの仕上がり!6歳でもはんだづけ、いけます。


こどもプログラミングイベントで出してくれたアイデア「かたかなろーまじゲーム」。
キーボードからアルファベットを探すのが難しかったことからの発想。
たしかに、小学生高学年と一緒にやるプレッシャーを感じちゃったかもしれない。
でも、しっかり自分で打っていてエラかった!

ってことで、実現してみました「かたかなろーまじゲーム」

10 VIDEO3:CLS 20 S="3E456TGH:BXDRPCQAZWSUI1,KFV2^-JN]/M789OL.;_0Y" 30 CLT:FOR I=1 TO 10 40 N=RND(45):LC7,5:?CHR$(177+N) 50 K=INKEY():IF!K CONT 60 IF K!=ASC(S+N) BEEP20:GOTO50 70 BEEP5,5:NEXT:?TICK()/60

カタカナが表示されるので、対応するキーをすばやく探して押すゲーム。10問クリアでタイムが秒で表示されます!

これが結構難しい!
昔かな打ちしていたこともありましたがすっかり忘れてます。
キーボードを初めて使った頃の大変な気持ちを思い出せて、おもしろい!

プログラム、20行の謎の文字は、アイウエオ順に対応するアルファベットや数字などを並べています。

アイウエオ 3E456 カキクケオ TGH:B サシスセソ XDRPC タチツテト QAZWS ナニヌネノ UI1,K ハヒフヘホ FV2^- マミムメモ JN]/M ヤユヨ 789 ラリルレロ OL.;_ ワン 0Y

*ヲはシフトおしながらワの位置なのとキャラクターコード的にちょっと特殊なので省略

?CHR$(177) ア

40行の177は、アのキャラクターコードです。45種類のカタカナからランダムに出題。

子供と勝負するときっとわかりますが、覚える速さは子供のほうが上!
IchigoJam BASICを使ったワークショップをする際は、最初はゆっくり待ってあげましょう。
そのうち、どんどんキーボード打つ速さが上がってきます。

使えば使うほど速くなるキータイプは、現代プログラミングの基本。
打つのが速い子は、足が速いコ以上にモテるはず!

links
- 自転車との共存を実現するアイデア「チャリナビ」品川区恊働アイデアソン with Code for Tokyo, Sabae
- 温度と湿度から空気中の水分量を計算するアプリ - 水蒸気量計算機
- 地図アプリでふりかえる、センサーとまちあるき!まちをよくするアイデアとIchigoJamプログラミングつぎのいっぽ
- こどもも大人もコードフォーじぶんのまち! 品川区はんだづけ&センサー入門、練馬区IoT資料 - with PCN

地域課題をITで解決!品川区のオープンデータに関する行政と市民・民間の恊働の取り組み、第二弾はアイデアソン!
ミニコンピューターでセンサーを集めた「こどもプログラミングイベント」や、鯖江のIoTやさばれぽなどの事例をインプットし、午後からいよいよアイデアづくり!


アイデアソンスタート!
参加最年少!前回のこどもプログラミングイベントに参加の小学1年生の女の子。


かけ算ストーミング
2人がそれぞれ3つ出した名詞で表を作って、新サービスや新商品をすばやく書いていくウォーミングアップ。
くだらないアイデア歓迎!まずは質より量!
アイデアは既存の何かの組み合わせ、苦手意識を飛ばしましょう。


続いて本番、それぞれが思う地域課題、どんなデータで解決しそう?
できたシートをテーブルにおき、ぐるぐる回って、星をつけて、上位7アイデア+情熱枠で全8チームが組成。


模造紙へのまとめかた指南。囲みとゆるくてOKなイラストがポイント。


発表!
アイデアソン会場真ん中には託児スペースがあり、終始子供の楽しそうな声や、時には泣き声聞こえるステキ空間でした。


我々チームのテーマは、自転車との共存を実現「チャリナビ」
人の多い東京、歩行者で埋まる歩道、車でうまる車道、ココに来て自転車の人気の高まりと、道路交通法の改正による混乱が広がっているとのこと。

自転車に乗る人にとって、快適で安全なルートを案内したり、自分のチャリ歴を便利に管理する機能を提供することで、凸凹情報や各地の環境情報などのサイクルログデータを集め、より良いチャリ環境創りにつなげようというアプリ。 ポイントが溜まったり、車だったら、電車だったらかかったはず料金を可視化することで、お得感の演出もいいかも!?


アイデアまとめグラレコ!


グラレコされたIchigoJam、かわいい


こどもプログラミング、本日のアイデアソンときて、次はいよいよハッカソン!
2018.10.13-14「第3回ワークショップ 〜課題解決策を実現するアプリ試作のハッカソン〜
品川区民の方も、そうでない方も、地域課題解決に興味がある方、ウェブやアプリ開発で腕試ししたい方、ぜひどうぞ!

Microsoft、Adobe、SAPが連携してオープンデータ推進という大発表!
[速報]マイクロソフト、アドビ、SAPが提携「Open Data Initiative」発表。データモデルを統一して3社横断のデータ分析や連係が可能に。Microsoft Ignite 2018 - Publickey

コンビニのトイレ、企業内の貸せる会議室、民間避難施設、商品データ、利用統計データなど、つなげると価値が増大する民間オープンデータ。
次世代ウェブと次世代社会創り、加速していきそうです!

どこまで来たかが気になる、町内を巡るお神輿。
福井国体のシャトルバスで活躍中のIchigoSoda製GPS発信機を設置したら良好でした!

通常は車輪移動、軒先で子供が担ぐ時に軽く揺れる程度なので、ワイヤーで軽く留めるくらいでOK!


ぐるぐると休憩や、雨宿りを挟んで約2時間、発信間隔を5秒にしたところちょうどいい感じ!(上記、地図を消したデモ画面))


IchigoSoda (IchigoJam x sakura.io) に、IchigoSensors(GPS)と電池2本で動くモバイルバッテリーをつなぎ、ジップロック。穴を空けて固定用のワイヤーをつなぐ簡易パッケージ。

幼稚園の頃見た七尾の「でか山」など、まつりの山車に載っける「祭IoT」、なかなか良さそう!

作り方
1. 位置情報発信機を作る
2. sakura.ioでWebSocketとして設定し地図表示する
3. おまつりに合わせてアイコンなどをカスタマイズ!
(サーバーにデータを保存すると、開いた直後表示や、履歴表示に対応可!)

Code for Matsuri!

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