福野泰介の一日一創

福井市にある福井県立高志中学校の生徒が鯖江にやってるので、オススメスポットを紹介する地図アプリづくり。

「さばえちず」
全国経済同友会セミナーで活躍したアプリをベースに、曜日絞り込み機能を追加しました。
タイトルのフォントは、GrayGraphicsさんの「うらら」フォント。
フォントの由来かは分かりませんが、「うらら」は福井弁で「わたしたち」を意味するのでぴったり！

「poi-sabae/poi-sabae.csv at main · code4fukui/poi-sabae」
Excelなどでスプレッドシートでまとめたデータを、CSVで出力。中学生に勧めたい場所、コメントや、Issuesなどで、お寄せください！つくろう、わたしたちの鯖江マップ！

「Geo3x3データ取得アプリ」 src on ss.sabae.cc
左下のGeo3x3をタップするだけ簡単、緯度経度精度をひとまとめにする便利データ形式、Geo3x3を簡単に調べるアプリもご活用ください。

プログラムはとても簡単、HTML4行！ <script type="module"> import { bg, show } from "https://js.sabae.cc/egadv.js"; await bg("E91384942"); </script> データで遊ぼう、サイバーバレー！

この週末夜は、サイバーフライデー in 福井駅前！

ここは日本の西海岸、北陸。テーマは、北陸からいかに世界的スタートアップを創出するか？

北陸情報情報通信協議会 令和6年度定期総会にて、B Dash Venturesの渡辺さんと、局長の菱田さんがモデレートする対談。よそ者にとても優しい北陸の人たち、日本の中でも日本らしさが残る北陸を売りに、世界中から変な人を集めましょうと提案。

石川高専の越野さんと、起業を目指す高専生、荒木くんも来てくれました！

「qrmaker」 src on GitHub
技術のまち北陸から毎日届ける一日一創、4498日目は、QRコードのSVG出力。データは、リアルとサイバーをつなぐインターフェイス。日本生まれのQRコードはその接点となる技術であり、世界中に広まっています。オープンソースでオフラインで気軽に作れるQRコードツール「qrmaker」の画像解像度を10倍高くし、SVG出力にもβ対応しました。

βなのは、SVGへの変換時に一部ミスが発生することが分かったためです。機を見て「dot2svg」のバグを修正するので少々お待ちください。待てないかは修正チャレンジ＆プルリク、お願いします。

見落とされがちな、QRコードに必要な4セル分のスキマも加えています。（参考、コード領域を確定するためのポイント｜QRコードドットコム｜株式会社デンソーウェーブ）

links
- ドットパターンからきれいなポリゴンSVGを生成するアルゴリズム dot2svg
- QRで刻む時、機械に読ませる置き時計、qrclock

WiFiQRが好評だったので、QRネタを続けます。人ではなく機械に見せる時計であれば、アナログ時計でもデジタル時計でもなく、QRコードによるデータ化が便利です。

「qrclock」 src on GitHub
人間でも、スマホのカメラを通すと時間を読むことができます。
ネットワークが使えない場所で、時刻合わせする時に使えるかも。
QRコードをクリックすると、フルスクリーン表示。

WiFiQRのように、DateTimeQRをvCardと合わせてISO8601ベースの仕様「DateTimeQR.js」を日時ライブラリday-esの拡張と合わせて作ってみましたが、iPhoneとの相性が悪かったので、通常の日時の文字列格納としました。

QRコードを印刷してもきれいに使えるように、qr-code拡張タグにdotsizeパラメータ指定で解像度の高いQRコード生成に対応。WiFiQRの印刷にご活用ください。

ようこそデータの世界へ！
今週末は、福井市福井駅前加藤ビル5F FWI Studioにて、サイバーフライデー！

links
- ストップWiFiパスワードの手打ち、WiFi QRメーカー＆リーダー
- 名刺を忘れた!?そんな時、QR名刺メーカー！

その場のWiFiにつなぎたい、でも、SSIDとパスワードの入力は面倒ですよね。
そんなとき、WiFiのQRコードがあれば、スマホのカメラでかざし、すぐ接続できて便利です。

でも、課題が2つ
1. WiFiのQRコードが作成されていない
2. パソコンからつなぎたい

解決するアプリ「WiFi QR Maker」を作りました。

「WiFi QR Maker」 src on GitHub

機能は2つ
1. SSIDとパスワードからWiFiのQRコードを生成
2. カメラからQRコードを読み込みSSIDとパスワードを表示

会議室やお店でゲストWiFiを使ってほしい方、ぜひ活用ください。
プログラムは、HTML/CSS/JavaScriptでできた70行1ファイル「index.html」
肝は、こちらWiFiQRクラスのencodeとdecode class WiFiQR { static encode(ssid, pass) { return `WIFI:T:WPA;S:${ssid};P:${pass};;`; } static decode(wifi) { const parse = (name) => { const s = wifi; const n = s.indexOf(name + ":"); if (n < 0) return ""; const m = s.indexOf(";", n + name.length + 1); if (m < 0) return ""; return s.substring(n + name.length + 1, m); }; const ssid = parse("S"); const pass = parse("P"); return { ssid, pass }; } }; QRコード作成はqr-code拡張タグ、QRコード読み取りはqr-code-reader拡張タグでできています。

デザインなどかっこよく作ってくれる方、大募集のオープンソースです。
src on GitHub

links
- 名刺を忘れた!?そんな時、QR名刺メーカー！