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

気分は iPhone X!? 縁取りSVGをつくってみた

2017/09/13 23:55:00
#web #js 

祝、iPhone 10周年!
記念の iPhone X (アイフォン・テン)の気になる縁取り画面をSVGで再現してみました。

iPhone X風、縁取りSVG

このWebサイト「一日一創」にも適応してみました。
「ホームへ追加」から開くとアドレスバーが消えて、更に iPhone X 気分になれます!

iPhone X 風、一日一創

使い勝手、アプリの対応、楽しみですね!
CPUがA10からA11になり、処理速度70%アップ、GPU速度も30%アップ!
省電力用のコアが2つ増えて6コア化、バッテリーライフに効果ありかも?

iOSの配信日が19日と決定し、10年目にしてようやくカメラにQRコードリーダーが付くのは大きい!
QRコード復権!?


maked by qrmaker (2012 create every day)

学校は社会のチュートリアル、毎日学び、毎日創ろう! jigインターン2017成果発表会

2017/09/08 23:55:00
#jig #intern #web #doc 

超巨大な生きた図書館、ウェブ。
ウェブを活用する技さえ習得できれば、あとは、刺激的な仲間と創りたいもの、創り放題!

2017年度の夏のインターンの成果発表会でした。
初めて会う4人でものづくりに挑んだ4チーム、3週間の集大成。
「これからも創ります!」という決意、最高にうれしい!

未知のワクワクが無数に眠るこの世界。
学校はそのほんの入口を案内してくれるチュートリアル。
なんとなく分かったら楽しい本編に進みましょう!


jig.jpインターン、2017年の成果発表会!


円陣!


NAME:D(ネームド)
名前を覚えてあげたいけど覚えられないを解決するメガネ型ウェアラブル!
neoplug x ラズパイ2 x OpenCVで、プロトタイピング


ぷれかた
相手を考えるほどに悩む贈り物。
オリジナルのきれいなカタログギフトを送って返事がもらえるウェブアプリ!


レオパレスの小人さん
高専生インターン生、レオパレスでの2-3人の共同生活の悩みあるあるを解決するツール郡。
ラズパイ3に赤外線LEDをつないで、クーラーやテレビを多数決でコントロール!


ミツケチャウーノ
行き当たりばったりな男グループ旅、遅れて来なかったり、いつの間にかはぐれたりを解消!
あえての地図を出さない相対位置共有がまた楽しそう。


ふわっち配信班


3週間の開発インターン生活、何を得て、どんなアクションにつなげる?
それぞれの決意は「インターンブログ」にて!


jig社員含め、みんなで懇親会!


たくさんの思い出つまっためがね会館7Fのカウンター


おつかれさま!またね!

来週月曜、9.11は、大学生が集う「鯖江市地域活性化プランコンテスト
アイデアと技術で、楽しい未来づくり!

触るウェブ、Web MIDI API x TouchMIDI32 = WebTouch

2017/09/03 23:55:00
#maker #web #js #midi 

ちょっとハードルが高い、ハードウェア工作。
でも、奇楽堂TouchMIDI32があれば、JavaScriptでタッチボタンがすぐできる!(旧10キー版は安い!)

TouchMIDI32は、32コのタッチセンサーをつなぐMIDI入力デバイス、USBでパソコンにつなぐと、MIDI IN デバイスとして使えて、Web MIDI API を使えば、ブラウザ上のJavaScriptで簡単に遊べる!

Web MIDI API は、使い方簡単!

navigator.requestMIDIAccess({ sysex: false }).then(successcallback, errcallback);

requestMIDIAccess でデバイスを受け取ったら、onmidimessage で受信したり、send で送信するだけ!


WebTouch with Web MIDI API

links
- Web MIDI API - W3C
- MIDIデバイスの準備不要、Web MIDI APIの基礎 | HTML5Experts.jp
- Web MIDI APIを触ってみた - Qiita
- Web MIDIでつなぐパソコンとIchigoJam

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

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

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