福野泰介の一日一創

最終金曜日はサイバーフライデー。今日もいろんな「新しい」が生まれました。参加してくれた福井高専現役学生も、来月に向けて意欲も満点！いろいろ創ろう！

CiberFriday、お片付け後の記念撮影。

サイバーフライデーは、見せたいものをもってきて並べるだけ！気軽に出展、OKです！

パワーアップした、スマホ版、投げオセロ、楽しかった！コマがメガネになるモード、ステキ！

新基板、発表！頒布もOKです！

1台、ゲット！

まったさんもゲット！

Code for KOSEN による、プログラムで戦うオンラインボードゲーム「囲みます」

音響設備チェック。音を使ったDJ、VJ発表もOK！

Kinectを使って全身使うオリジナルタワーバトルの展示、盛り上がってました！

今日も人気なセグウェイドリフト、2人3脚、2人2脚もいけました。3人2脚は若干重量オーバー、軽ければ行けそう。

メガネをリメイク「フィールシーズ」さん、その場でレーザー刻印してもらった「一日一創」コースター

余った電子部品や、いらなくなったもの交換会もやってます！

VRを使ったアプリづくりも熱い！

意外な出会い、思わぬつながりも！

ステキ軽食 by EIGHT SENSE のホットドッグ！

マフィン、スコーン風マフィン

前回人気のラスク！

何かつくりたくなった方におすすめ、コンピューターを使ったものづくり、コードフォー。

「ワクチン接種率ランキング」
NDJSONからCSV化＆アプリ化がTwitterで人気。 せっかくなので、高校情報のサンプルになりそうな簡単な計算と、ブラウザでの表示を作ってみました。

<meta charset="utf-8"><script type="module"> import { style, h1, table, div, hr, link } from "https://js.sabae.cc/stdom.js"; import { CSV } from "https://js.sabae.cc/CSV.js"; onload = async () => { // データ読み込み const url = "https://code4fukui.github.io/covid19vaccine/latest_summary.csv"; const data = CSV.parse(await (await fetch(url)).text()); console.log(data); const urlp = "https://code4fukui.github.io/population_jp/population_jp.csv"; const pop = CSV.parse(await (await fetch(urlp)).text()); console.log(pop); // ランキング計算 const tbl = []; for (let i = 0; i < 47; i++) { const p = pop[i].population_jp; const d = data[i]; tbl.push({ 順位: "", 都道府県: d.pref, 接種完了率: (d.sum / p * 100).toFixed(2) + "%", "初回接種率": (d.mid / p * 100).toFixed(2) + "%", }); } tbl.sort((a, b) => parseFloat(b.接種完了率) - parseFloat(a.接種完了率)); for (let i = 0; i < tbl.length; i++) { tbl[i].順位 = (i + 1) + "位"; } console.log(tbl); // スタイル style({ body: { "text-align": "center" }}); // ページ全体センタリング // DOM h1("ワクチン接種率ランキング"); div("データ更新日:" + data[0].date); table(tbl); hr(); link("データ: 新型コロナワクチンの接種状況（高齢者等） | 政府CIOポータル ", "https://cio.go.jp/c19vaccine_dashboard"); link("データ: 統計局ホームページ/人口推計/人口推計（2019年（令和元年）10月1日現在）", "https://www.stat.go.jp/data/jinsui/2019np/index.html"); link("アプリ: CC BY Code for Fukui", "https://fukuno.jig.jp/3229"); }; </script>

本当は1タグでいきたいところですが、Safariでは文字コードの指定がないとSJISとして解釈されて文字化けしてしまうので、2タグ構成です。 データを読み込み、計算して、スタイルを設定して、ドキュメント構造(DOM)を作ってできあがり！ （計算までのJavaScriptのコードはそのまま、Denoを使ってコンソールでも動かせます）

Code for Fukui では、福井や国にまつわるシビックテックをやってます！

月一、最終金曜日イベント「サイバーフライデー」
次回h，2021.6.25(金)18:30-22:00 鯖江商工会議所B1F
新しもの好きな方、ぜひどうぞ。

鯖江市本町、西鯖江駅の近くの鯖江商工会議所 SCC、目印はこの最近できた大型看板です。商工会議所の無料駐車場をどうぞ（いっぱいのときは、西山公園の2時間無料駐車場もあり）