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

オープンデータの真価が発揮される横展開。標準化への道筋はすでにできているので活用しましょう!
Code for Shinjuku x Code for Nerima x Code for Sabae 連携イベント!


主催、Code for Shinjuku 代表、新宿区議 伊藤 陽平さん!
本イベント、なんと、リアルタイム字幕付き!


個人だと無料で使えちゃう、このシステム「UDトーク」開発者で、Code for Nerima 代表、青木秀仁さん!


実際にHTMLやJavaScript、SPARQLクエリーを触っておらうハンズオン。
話している事をリアルタイムにしっかり拾って、字幕表示、スゴイ!
(photo by Code for Shinjuku Naoko Asai)


web発明者ティム氏提唱、日本政府が共通語彙基盤(IMI)として推進する、5つ星オープンデータ
東京都では、新宿区、品川区、総務省統計局が5つ星オープンデータによるデータ提供を行っています。

ハンズオン資料
GoogleマップとはじめてのSPARQLクエリー(プログラム、GitHubにも置きました)
ハンズオンプログラム(サンプルソース)のダウンロード
http://sabae.cc/temp/mapap-tokyo.zip(APIKEY追記、応用例追加)

5つ星オープンデータへのアクセス方法の標準、SPARQL(スパークル)。
主語、述語、目的語で、すべてのデータを整理するというアイデアを押さえたら、あとはいろいろ試すのみ!

こちら応用例として、新宿と品川の5つ星オープンデータから保育園、幼稚園を検索してきてアイコン表示するマップアプリです。
アイコン画像を変えたり、HTMLをいじって文章を足したり、CSSをいじってデザインを変更したりと簡単なところから改造してみましょう!

PC上で試したら、次はぜひweb公開!無料でサイト公開ができるサービス、GitHubがオススメです!
自分の名前が入ったドメインを作成したら、GoogleマップのAPIKEYを取得して、HTMLファイル内の ?key= 部分を書き換えればOK!

GitHubアカウントの作り方と、APIKEYの取得方法
参考:「【2018年度版】Google Maps の APIキー を簡単に取得する – ねんでぶろぐ


UDトーク」懇親会へ向けての相談会話もしっかり拾っています!
早速インストール、字幕化、Code for Sabaeイベントでも、外国の人とのコミュニケーションにも、いろいろ使ってみます!


新宿区でオープンデータを推進する、総合政策部情報システム課長の熊澤さんからも恊働呼びかける力強いメッセージ!


Code for の "C" - 青木さん開発の「声シャッター - ハンズフリー&かんたんカメラ」で撮影

日本の課題は、世界の未来の課題。
「ゾンビ施設」増殖で地方は大変なことになる | 国内経済 | 東洋経済オンライン | 経済ニュースの新基準
年間500校もの学校が廃校になる日本。顕在化していない問題はまだまだ多量にでるでしょう。
それでも前へと進むため、オープンデータとコンピューターパワーを活用しましょう!

2018年度、品川区でも Code for Tokyo 連携オープンデータ推進企画、進行中。
今年は子供の力もプラス!? 品川区ハッカソン「しながわっかそん」の新展開、新連携も楽しみです。

新宿区、練馬区、品川区、大田区、渋谷区、八丈島!
東京のつながり、地方と東京のつながり、まず人がつながり、データがつながる5つ星オープンデータ!

links
- 大事なことは何回言ったか? UDトークで簡単イベント全文自動書き起こし

日本のW3Cメンバーは36団体。第二回、W3C Exective Committie Meeting が開催。
通信キャリア、メーカー、ゲーム業界、印刷業界など、さまざまな業界から集まり、webの未来を語る会。


日本のインターネットの父、村井純さんによるプレゼンからスタート。


W3Cは、webの発明者、ティム・バーナーズ・リー氏が創設。
インターネットの父、ヴィントン・サーフ氏も加えた、世界を変革した3名は教科書に載っているべきです!


インターネットの到達率は、ついに51.7%。
EU、アメリカはほぼ90%になる中、アジアはまだ46.7%と成長余地が大きい!(アフリカも!)


日本のIT戦略を支える、3つの法律。
高度情報通信ネットワーク社会形成基本法、サイバーセキュリティ基本法、官民データ活用推進基本法。
官民データ活用推進基本法は、世界でも珍しい、議員立法だからこそできた、民間のデータにも踏み込む大胆な法律とのこと。

日本、大いにチャンスありですね!


共通語彙基盤を使ったSPARQLとマップアプリを実際作ってみるハンズオン。
手元のPCを使うだけで、HTMLやJavaScript、SPARQLクエリーなどを編集して試せます。


(京都でのオープンデータテストベッド研修プログラムの試行にて使用)

GoogleマップのAPIKEYを取得し、設定することで、アプリとして公開も可能です!
APIKEYの取得方法や、GitHubを使った公開方法は、こちらを参考にどうぞ。
GitHubではじめるWebアプリづくり「GitHub & マップアプリハンズオン」と4アイデア - 福井県オープンデータ勉強会

iPhone X で困ること。
1/2の確率で上下逆に持ってしまってロック解除ができないストレス。
せっかくのベゼルレス、上下逆さまでも使えるようにiOSが対応してくれることを強く希望!

上にだけある切り欠きを下にもつければ違和感ないのでは?
という話になって、実際やってみました。


additional black edge SVG for iPhone X - iPhone X用、追加縁取りSVG
ベースは、2017年9月のサイト内アクセスランキング1位だった「気分は iPhone X!? 縁取りSVGをつくってみた」です。しばらく、本ブログにCSSを適応して使ってみます。

これはこれで違和感ないかも。

ついでに裏表もなくして、理想の電脳メガネへ近づきたい。

使い慣れた文字入力や、繊細なポインティングデバイスとして上下裏表対応のタッチパネルだけのデバイスをポケットに入れることになりそう。
(過渡期は、電脳メガネをディスプレイ、スマホを補助コントローラーが現実的)

すべてのこどもたちに持ってほしい、あったらいいなをとりあえずカタチにできる力!

PCNこどもプロコン2017冬の締め切り間近です!

links
- SVG / 図形の描画方法まとめ - Qiita
- SVGを上下左右に反転させる方法【SVG】 | sakura*sakura
- [CSS] z-index の最大値について調べた – 零弐壱蜂
- 電脳メガネサミット2018 - 福井県鯖江市
- PCNこどもプロコン

jig.jp、2019年4月入社となる新卒エントリーページをオープン!

新卒採用案内 | スマホ(Android/iPhone)アプリ・携帯アプリならjig.jp(ジグジェイピー)

コンテンツ:代表の想い、募集要項、弊社エンジニアの声、座談会、使用技術、使用言語!
jig.jp本店、鯖江の開発センターの雰囲気にビビっと来た人のエントリー、待ってます!

今日の一日一創は、JavaScriptで無いものづくり。

シンプルなアセンブリ言語を「IchigoJamではじめるArmマシン語入門」の解説用に使っていたら、作ってCC0で公開してくれたboxheadroomさんによるasm15アセンブラ! GitHubに載せてオープンソースでオープンライセンスな気軽に使えるWebアプリとして、必要に応じて成長させています。

ターゲットデバイスへのプログラムのバイナリを記述するためのフォーマット、IntelのHEXフォーマットと並ぶ、SRECフォーマット(モトローラSフォーマット、とも呼ばれる)への対応追加!

IoTに最適Arm Cortex-M0からLinuxが動いちゃうCortex-M7までのシームレス感が美しいSTM32の開発環境整備の一貫です。


asm15」 SREC format supported!!

コードを書き足し、テストして、GitHubへコミット!
検索してあえば使う、無ければ創って、共有する。
エンジニアの醍醐味です。

新卒採用案内 | スマホ(Android/iPhone)アプリ・携帯アプリならjig.jp(ジグジェイピー)

2012年に始まった自治体(地方公共団体)によるオープンデータが、2017年ついに全都道府県に普及、一区切りを迎えました。

オープンデータ都市とは?
- 地方公共団体の公式サイト上でオープンデータであると名言されていること都市

オープンデータ都市の掲載方法
1. 星の数(最高)、データセットの概要、ライセンスを調べる
2. Wikipediaから都市の緯度経度を調べる
3. odpのオープンデータ都市テンプレートのExcelデータを編集
4. odpへアップロード
5. オープンデータ都市データが5つ星オープンデータとして公開される (SPARQL API)

この5つ星オープンデータを使って「オープンデータ都市」他、様々なアプリで自由にリアルタイムに使えます。


日本のオープンデータ都市マップ / オープンデータ都市一覧
祝!100%!全都道府県にオープンデータをやっている市町村または都道府県がある状態になりました!


日本のオープンデータ都道府県マップ / オープンデータ都市一覧
都道府県自体の取り組みで言えば、47都道府県中42がオープンデータ都市化しています!残るは5県!
オープンデータ法と勝手に読んでいる「官民データ活用推進基本法」で都道府県のオープンデータは義務付けされたのできっと時間の問題です!


日本のオープンデータ都市推移
いまいち信頼性は高くないですが、オープンデータ都市化開始日を使った都市数推移がこちら。
2014年から一気に増えていることが分かります。伸びが鈍化しているように見えて、実は見つかっていないオープンデータ都市があるだけだったりするので、そろそろスクレイピングによる全調査の自動化が必要です。


日本のオープンデータ都市、データ種別
人気のデータナンバーワンは、人口。もともとある統計データにCC BY をつけるだけですね!
続いて、公共施設、避難所、AEDと基本データが続きます。記載しているデータ種だけでも552とバリエーション豊か!
変わったのオープンデータを探してのアプリづくりなどおもしろいです!
自分の住んでいる自治体にもオープンデータが欲しい時は、ぜひ公式サイトから要望を送りましょう!


日本のオープンデータ都市、エリア別(広域地方計画+北海道+沖縄)
首都圏多い!


日本のオープンデータ都市、星数別
アプリづくりに適した3つ星以上のオープンデータが80%!
大多数がCSVによる3つ星オープンデータですが、5つ星オープンデータも増加傾向。
地域を横断して使える国際標準Web規格のRDF/SPARQLで作るアプリも実用段階に入ってきました。
100%達成を機に、次は5つ星化による「つながるオープンデータ」を目指しましょう。


日本のオープンデータ都市率
都道府県内にある市区町村のオープンデータ都市率を地図にしたもの。
北陸と都市部が高いですね!福井県、100%!

おまけ、編集方法は地味です。

オープンデータ都市の探し方
1. 「〇〇市 オープンデータ」で検索
2. そのサイトが公式サイトであることを確認

うちのサイトが載っていない、データセットが大きく変わった、URLが変更になった、星の数を上げてほしい他、追加編集を希望される方や、情報提供いただける方へ登録フォームも用意しています。
オープンデータ都市登録フォーム

オープンデータ | 政府CIOポータル」でも、オープンデータ取組済自治体一覧としてオープンデータ化されていますが、Excelの2つ星オープンデータと使いづらいので、もうしばらく独自運用も続けます。

インターネットのこれから考えるInternet Week 2017」で登壇、担当テーマはIoT。

まずは、さくらインターネット、IoT事業推進室の山口さんからIoT頭出し!


大事をとって自宅から遠隔登壇のさくらインターネット、技術のトップ、江草さん!
特に不自由感じることなくパネルディスカッションできちゃう、インターネット時代。


INTERNET WEEK IoT と光る、電飾ボックスをデモとして置いての登壇。
たった75円で買えるシングルチップマイコンLPC810、利用用途様々なIoT、その利用に応じて適切なハコを用意してあげましょう。

IchigoJamでの、プログラムはこの通り。8x8で作っているアルファベットのドットパターンは、幅5ドット、高さ7ドットで収まるように作っていることを利用し、2行間引いた5x5表示をやってみたところ、視認性良好でした!
*OUT1に、5x5マトリクス状にしたWS2812Bを接続、ボタンを押すと輝度変更

1 'INTERNET WEEK IoT 10 POKE#700,102,32,240,181,114,182,8,36,36,2,9,25,11,76,128,37,11,120,255,34,34,96,3,39,10,38,43,66,1,208,10,39,3,38,1,63,253,209,0,34 20 POKE#728,34,96,1,62,253,209,109,8,239,209,2,49,1,56,234,209,98,182,240,189,4,0,1,80 90 V=10 100 S="INTERNET WEEK IoT " 110 FORK=0TOLEN(S)-1:C=ASC(S+K):GSB300:WAIT30:NEXT 120 GOTO 100 300 IF BTN() V=(V+40)%240 305 R=RND(V):G=RND(V):B=RND(V):IF R+G+B<V CONT 310 FORI=0TO4:N=PEEK(C*8+I+(I>0)+(I>3)):FORJ=0TO4 320 IF N&(64>>J) LET[I*15+J*3],R,G,B ELSE LET[I*15+J*3],0,0,0 350 NEXT:NEXT 360 U=USR(#700,0) 370 RTN

sakura.ioをつかって、スマホからの表示文字を更新できるようにするコードはこの通り。簡単ですね!(WAKE_OUTをIN1に接続、参考、myThings x sakura.io x IchigoJam で小学生でも簡単サーバー不要のIoTデバイスづくり、sakura.ioハンズオン(データ受信編)

100 IF IN(1)=0 CONT 110 POKE#800,#30,0,#30 120 U=I2CR(79,#800,3,#820,22) 130 C=[18]+ASC("A"):GSB300 140 GOTO 100

IoTを事業化するには、いかに安くできるか勝負!

まずはあらゆる業界・社会におけるちょっとした不便を、実際作って試してみること(イノシシオリ、バス乗客数把握、図書館空席、ネコトイレなど)。 そして、ちょっと便利を実現するために、必要最小限のコンピューターにしぼり、汎用品を使って小さく、低電力で量産メリットを出すこと。

とりあえず作って見るには、Macやスマホやラズパイを使うのもいいですが、シングルチップマイコン開発も意外と簡単で、楽しいですよ!特にIchigoJam、子供でも作れて、気に入ったらそのまま使い続けても安いので安心。 親子で挑戦もオススメです!(参考、こどもIoTハッカソンPCNこどもプロコン


パネル終盤、残り時間の提示と見せかけて「ここでボケて!」
さすがインフラを管理する技術の方が多い、インターネットウィーク、セキュリティに関するカチッとした質問がありました。 IoTがボットネット化、野生化・凶暴化してしまわない配慮は大事ですね!


PCNで会えた!ロボットを相方にお笑いする、髙橋ちゃん
paprikaをIchigoJamでプログラミングに挑戦し、思い通りの動きがプログラミングできてご満悦!


今回電飾に使ったWS2812B、PCN Assemblage 秋葉原には、斬新な独自円形スタイル!


こちらも斬新、ループ状にしてアイロンビーズと組み合わせた、七色電飾!(参考、色相環づくり


新宿駅のイルミネーション。
IoT化して、そこにいる人がスマホで自在に遊べる電飾とか、自分で作れちゃいそうな気がしてきますね!
鯖江駅前、飾っちゃいましょうか!?


すごい電飾例。

祝、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)

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

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

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


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


円陣!


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


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


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


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


ふわっち配信班


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


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


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


おつかれさま!またね!

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

ちょっとハードルが高い、ハードウェア工作。
でも、奇楽堂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

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

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

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


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

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

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