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

国体と障害者スポーツの初融合!福井国体・障スポ やわらか競技一覧アプリ

2017/07/31 23:55:00
#fukui #web #sports 

医療費削減の要、スポーツ。
国体・障スポを来年に迎える、福井県。
これを気によりいっそう健康になるべくスポーツへの関心を高めたいところ。

オリンピック・パラリンピックのように、国体と合わせて開催される障スポ。
正式名称はそれぞれ、国民体育大会と全国障害者スポーツ大会、いままで国体と大会と略されていて分かりづらかったところが、国体・障スポとわかりやすくなったそうです。
2018「福井しあわせ元気」国体・障スポ
* まだ旧表記が残っていますが「大会=障害者スポーツ大会」を覚えておくと混乱しづらい

融合記念ということで、福井県の競技オープンデータを使って、やわらかく一覧を見てみるアプリをつくりました。


福井国体・障スポ やわから競技一覧アプリ
CC BY 福井県オープンデータライブラリ(国体:その他

ぐりぐりと動かして遊ぶことしかできませんが、元データのCSVなどを活用し、いろいろ作ってみてください!

WebBluetoothで超小型センサーをJavaScriptで遊ぶ!(接続編)

2017/07/28 23:55:00
#js #web 

WebでBLE (Bluetooth Low Energy) が使えるようになってます! WebBluetooth!
アルプス電気製の超小型BLE「センサネットワークモジュール」とChromeをひとまず接続してみました。

自動接続はできないので、ユーザーからの何かのアクションからモジュールを選択して、ペアリング

電界強度(RSSI)、バッテリー状態などが取得できました!

SNM WebBluetooth Demo

プログラムも結構シンプルに書けます! src on GitHub
電子工作はじめのきっかけ、ユカイ工学のkonashiとも接続したり、konashi経由でIchigoJamを制御したり、いろいろ夢は広がります!

links
- ブラウザからBluetoothが使える! JSでWeb Bluetooth APIを使ってBLE機器を操作する方法[Lチカ・温湿度センサー編] - ICS MEDIA
- 【センサネットワークモジュール開発キット】 アルプス電気

一日一創アプリまとめ

2017/07/26 23:55:00
#web #ced 

2012年からの一日一創、必要な時にすばやく取り出したい。
Webアプリの過去作品をカテゴリー毎にふりかえりつつ、まとめていくところから、ひとまずスタート!

一日一創アプリ by 福野泰介
5つ星オープンデータ対応一覧表
横浜-鯖江で実験した5つ星オープンデータ、共通語彙基盤(IMI)と共に、日本中に!

データ名クリックで、そのデータを取得するSPARQLクエリーがコピーできるよう機能追加。
opendata.cc の、SPARQLエンドポイントからお試しくださいっ!


日本NPOセンターさんにて「市民でつくる世界のSABAE」を紹介!
5つ星オープンデータと、使える人材づくり、広めましょう!

デフォルトじゃないブラウザの会 THE BROWSER BROTHERS

2017/06/30 23:55:00
#browser_b01 #opendata #jig #web #doc 

基底現実とネットをつなぐ「ブラウザ」
エンジニアには非常に重要なツールであり、ツール故に強いこだわりが出やすいモノ。

Yahoo! LODGE で開催されたブラウザナイト「THE BROWSER BROTHERS #1 - デフォルトじゃないブラウザの会」は、 インターネットエクスプローラー、Safari、Chromeという標準(=デフォルト)ではないブラウザをあえて使う、あえて作る人によるイベントです。

ファシリテーションユニット、ショートカッツ(SHORTCUTS)のなんと初仕事!

4ブラウザベンダー+ショートカッツ!
jigブラウザVIVALDISleipnirSmooz(アルファベット順)

それぞれのLT後、パネルディスカッション。ショートカッツによるキレ良いファシリテート!

こちらjigブラウザLT資料、W3C入りましょう!次世代webに取り組もう!

WebAssemblyで動く IchigoJam web。BASICプログラム、打ち込んで遊んでください!(VIVALDI on Mac ok!)
IchigoJamプリント」「IchigoJamミニゲームズ

3名様にプレゼントした「IchigoJam特別セット」PCNこどもプロコン(プログラミングコンテスト)最優秀賞は、BASICのプログラムが書かれた紙が入ったパッケージとして販売されます!まわりのお子さんをぜひこちら側へ引き入れちゃってください。

Firefox(レッサーパンダ)でお馴染みブラウザベンダー、Mozilla Japan 改め WebDINO JAPAN よりメッセージ。 レッサーパンダの産地、めがねのまちさばえ大使、仮面女子の西山動物園PR課長、桜のどかさんも絶賛、鯖江開催もぜひ!

話は尽きないブラウザの未来。実は、IchigoJamにMixJuiceを加えると、ブラウザになります!
IchigoJam+MixJuice向けホームページを開設しました ( パソコン ) - ボクにもわかる電子工作 - Yahoo!ブログ

links
- 【再々度増席しました!】Browser Brothers #1 〜 デフォルトじゃないブラウザの会 〜 #browser_b01 | Peatix

ブラウザで動き、URLでプログラムを共有する IchigoJam web - runs on browser, share with URL

2017/06/15 23:55:00
#IchigoJam #web #js #KidsIT 

ブラウザで動く IchigoJam web のバージョンアップ。エクスポート(テキスト出力)に加え、インポート(テキストからの入力)にも対応!
I update the IchigoJam web, IchigoJam runs on browsers edition. The "import" function was supported.

URLのハッシュにも設定されるので、そのまま共有も可能です。
You can share your IchigoJam BASIC program with URL.


"IchigoJam web by WebAssembly"

例えば「かわくだりゲーム」がこのリンクで遊べる!
For instance, you can play "Rafting Game" with this link.

links
- 7seg LED simulator for IchigoJam web by WebAssembly x HTML #js #IchigoJam
- IchigoJam BASIC on the web by WebAssembly
- Write in C language! The fast web with WebAssembly

7seg LED simulator for IchigoJam web by WebAssembly x HTML

2017/04/20 23:55:00
#js #IchigoJam #web #english 

IchigoJam web updated to simulate 7-segment LED.

IchigoJam web by WebAssembly *7seg on right top!
IchigoJam web connects a 7-seg LED on HTML through shared memory on WebAssembly.


"LED(7seg) by PCN Kanazawa / LED(7セグ) by PCN金沢@ja"
7-segment LED is one of very popular electronics parts to build devices.

You can control the 7seg LED very easy.

OUT1,1

"OUT1,1" to light up a top of LED. OUT1-7 connects each LEDs.

OUT127

127 means 1111111(binary). So all 7 LEDs lighted up.


"Janken using 7seg LED"

This is the dice program.

10 LET[0],6,91,79,102,109,125 20 OUT[RND(6)]

This is the count down progrom.

10 LET[0],63,6,91,79,102,109,125,39,127,111 20 FOR I=9 TO 0 STEP -1:OUT[I]:WAIT60:NEXT


Let's make it!

IchigoJam BASIC on the web by WebAssembly

2017/04/16 23:55:00
#IchigoJam #web #english 

I updated IchigoJam on the web by WebAssembly.
You can write programs in "IchigoJam BASIC" on the web!

"IchigoJam web by WebAssembly" (for Firefox, now)
The size of main program "ichigojam.wasm" is just 30KB. It boots so quickly!

Notice!! Now it's only runs on Firefox.
I've not known why it couldn't boot on Chrome yet.

links
- IchigoJam ($15 PC for Kids)
- Moblie Game Machine making workshop for Kids using IchigoJam RPi (on Raspberry Pi)
- Write in C language! The fast web with WebAssembly

Write in C language! The fast web with WebAssembly

2017/04/14 23:55:00
#js #web #english 

Chrome and Firefox support WebAssembly to make fast application on the web!
You can write your web application in C language also!
This is simple demo using shared memory on both JavaScript and WebAssembly.

"WebAssembly test" (src on GitHub)

To set up WebAssembly to your Mac (taking 2 hours and 20GB storage space!!)

1. binaryen (compiler for WebAssembly)

cd *** git clone https://github.com/WebAssembly/binaryen.git cd binaryen cmake . && make

*** : your bin path
2. wabt (assembler for WebAssembly)

git clone --recursive https://github.com/WebAssembly/wabt cd wabt make cd ..

3. LLVM (takes long time and big storage space!)

git clone http://llvm.org/git/llvm.git cd llvm/tools git clone http://llvm.org/git/clang.git cd ../projects git clone http://llvm.org/git/compiler-rt cd ../.. mkdir llvmtmp cd llvmtmp cmake -G "Unix Makefiles" -DCMAKE_INSTALL_PREFIX=/usr/local -DLLVM_EXPERIMENTAL_TARGETS_TO_BUILD=WebAssembly ../llvm make -j 8 sudo make install

4. edit PATH (.profile etc...)

export PATH=***/wabt/out/clang/Debug/:***/binaryen/bin/:$PATH

5. done! Let's make web an app in C!

#define SIZE 10 int mem[SIZE]; int* getMemory() { return mem; } int getMemorySize() { return SIZE; } int calc() { int sum = 0; for (int i = 0; i < SIZE; i++) { sum += mem[i]; } return sum; }

"WebAssembly test on GitHub"

Do you know how many cities your prefecture have?

2017/02/15 23:55:00
#web #opendata #english 

262 cities opened them data in Japan.
But do you know how many cities in Japan? And how many cities in your home prefecture?

This is a map to solve such questions with link to official site and them pharase.
Enjoy Japan tour on web!


"How many cities does your prefecture have? / Japan"

Japan will lead the web / 1st W3C Japan Executive Committee Meeting

2017/02/14 23:55:00
#web #opendata #english 

There are 262 open data cities in Japan!
And it will great improve this year by the open data raw.


Mr. Japanese Internet Jun Murai wil lead Japanese Open Data at "1st W3C Japan Executive Committee Meeting".

I want to support as Open Data Evangelist and one of the W3C member. This is open data city ratio in Japan I made today.

"Open Data City Ratio / Japan"

Does your city open?

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