最終金曜日はサイバーフライデー。今日もいろんな「新しい」が生まれました。参加してくれた福井高専現役学生も、来月に向けて意欲も満点！いろいろ創ろう！
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時間無料駐車場もあり）
