福野泰介の一日一創

昨年参加した、福井経済同友会。毎年開催される全国経済同友会セミナーが初の福井開催！

フェニックスプラザにてセッション。参加者1,000人規模！

テーマは人口減少。テクノロジーで乗り越えましょう！

懇親会は、コートヤード・バイ・マリオット福井にて。

全国からご来福する、経済同友会のメンバーへのおもてなし「THE FUKUI これが私たちの食・酒・工芸のスタンダード」
ソースカツ丼、おろしそば、焼鳥の名門秋吉！

能登半島地震復興支援。七尾市から友情出店、ミシュラン一つ星、ヴィラ デラ パーチェ。 七尾市は5才まで住んでいた故郷のひとつ！

ヴィラ デラ パーチェの牡蠣の素麺！

北陸新幹線の福井開業によって、福井駅前にはステキなお店が多数誕生。こちら、高い吹き抜けと音響が気持ちいいカフェ＆バー「ULO」

ULOのカレー！

「厳選 ふくいの夜マップ by 福井経済同友会」
福井経済同友会の有志による厳選された夜マップ、厳選ふくいの夜。分布が分かる地図が欲しかったので、作ってみました。

今開いているところがワンタップで分かります。

17:00 に開いているところは？
時間帯別にチェックする機能もあります。

「checkTime.test.js」
時間帯のチェック用に作ったライブラリ、checkTime.js をテストコード checkTest.test.js でチェック。10:00〜25:00の場合、00:59表記でもtrueが返ります。 2つまでの表記、ラストオーダー表記にも対応。終了時間の指定がないものは、00:00までとしています。

いろいろなマップづくりに活用できそうです。

鯖江のステキカフェ「レンズパーク」で見つけたアナログ。DXがテーマとなっている表彰が、紙とハンコによる賞状という謎。電子署名によるデジタル受賞証明を前面に出してほしいところです。（参考、インターネットに信頼を！データの有効活用とDFFT 総務省地域情報化アドバイザー全体会議）

「はばたく300社ダッシュボード 2023年度」
全企業数の99.7%を占めるという中小企業を担当する、経済産業省 中小企業庁が発表した「2023年度 はばたく中小企業・小規模事業者300社 | 中小企業庁」をカラム地図を使ってダッシュボードアプリ化。

「2023年度 はばたく中小企業・小規模事業者300社 | 中小企業庁」
オープンデータがあればうれしいのですが、「e-Govデータポータル」を見てもなさそうなので、PDFかウェブサイトを元に自作することにします。PDFには公式ウェブサイトの記載がないので、ウェブサイトのHTMLから抽出（スクレイピング）する30行程度のプログラム「scrape.js」をつくって、CSVオープンデータ「company300.csv」を作成しました。

ウェブサイトには、わざわざ都道府県別、カテゴリー別、五十音順とPDFを3種類も作成しておいてありますが、オープンデータを元にすればスマホでもPCでも見やすアプリ化するのは簡単。必修化された高校の情報Iのプログラミングの範囲で作れます。PDFは紙。印刷するアナログ文化から、データ中心への転換(DX)を進めましょう！

レンズパークをオープンした乾レンズの名前が福井にないと思ったら、大阪本店。国の政策を民間活動につなげるためにも、具体的な取り組み概要データ、同名の企業と間違わないように法人番号データも合わせたオープンデータ化を望みます。

進めよう、日本DX！

把握しておきたいIT用語。情報処理学会から「情報科全教科書用語リスト」が、オープンデータよりちょっと制約が厳しいクリエイティブ・コモンズ CC 4.0 BY-SA ライセンスで公開されたので、アプリにしました。

「IT辞典」 src on GitHub
レコード数、なんと5,894！ですが、説明データが記入されていたのは内810、重複を除くと696でした。とはいえ、貴重なデータ。活用しやすいCSVデータに変換してGitHubにアップしています。

用語データをキャッシュし、検索に通信を必要としないPWAにしているこの辞書アプリは、台湾のオープンデータを使った「MJ典」や英語のみにした「JE典」のオープンソースを元に、説明内用語の瞬間リンク機能を追加しています。用語のヒットを最優先に、説明のヒットをその後に続くようにし、用語の長さと最初の文字でソートしています。

> JPEG形式は写真に適した画像形式。色数最大65536色、損失のある圧縮https://t.co/xrTtwFABvG
ん？

間違いもありそう

— 福野泰介 (@taisukef) April 16, 2024

ただ、問題は記載の誤り。いくつか見ただけで、複数の誤りを見つけました。教科書も絶対ではありません。出典がない情報、自分で確かめていない情報を鵜呑みにしてはいけないことが学べます。

もし誤った用語や、意味が変わってしまった用語があっても、オープンデータで一次情報を管理していれば、それを更新するだけで、こども達が使っている電子教科書が自動的に瞬時に更新されるのが情報社会のあるべき姿ですね。

「アナログ」
情報とは何か？データとは何か？アナログとデジタルの違いは？このIT辞典では、調べるほどにわからなくなれます。自分なりに調べて結論づける学びにつなげましょう。

links
- 情報処理学会 情報入試委員会 - 情報科全教科書用語リスト
- 【情報処理学会】「情報科全教科書用語リスト」を公開 | 一般社団法人情報処理学会のプレスリリース
- 情報処理学会「情報科全教科書用語リスト」を無料公開、5895用語をスプレッドシートで共有 高校情報科の教育支援に役立つ - こどもとIT
- 情報処理へ巻頭コラム寄稿「第二大航海時代に向けて」人類の叡智を一段積もう - 情報処理 特集別刷「プログラミング教育の最前線」（2020 年 8 月号）：情報処理学会
- その24「 Ruby City MATSUEからお届け！　第1回 Matz葉がにロボコンに行ってみた」（Vol.65 No.4）-情報処理学会

愛あるC言語入門 with WebAssembly、C言語からJavaScriptの関数を呼び出そう編！

まったさんからもらった、C言語入門 for mac！

入門者にぴったり、多めに見てくれるモード -Wno-all がイイ！

putcharで数が文字に！これをWebAssemblyでも実現します！

love() { putchar(65); putchar(66); putchar(67); } ゆるいC言語で書いたプログラム。65、66、67を指定してputchar関数を呼び出しています。GitHubのlovec-wasm、step2からZIPファイルをダウンロードするか、GitHub Desktopでbranchをstep2に切り替えよう。（初心者じゃない人は、ゆるくないモードの step3 をどうぞ）

これをコンパイラclangを使って、ブラウザ用の仮想マシン語、WebAssembly(wasm)にコンパイル！

clang -Wno-all --target=wasm32 -nostdlib -Wl,--no-entry -Wl,--export=love -Wl,--allow-undefined love.c -o love.wasm

・・・ちょっと長いですね。コピペでOKですが、毎回コピペも面倒なので、この1行を c.sh というファイルに書いて保存しておけば・・・

sh c.sh

と、ターミナル上ですぐ使えます！lsで確認、WebAssemblyのバイナリファイル love.wasm ができます。（Windowsの人は、WSLを使おう）

「wasm in C test」
ブラウザで love.wasm ファイルを読み込んで、関数 love を呼ぶと、画面に"ABC"が表示されます。ターミナルで動くJavaScriptのランタイム、Denoを使っても動きますよ。

deno run -A love.js 100

肝はブラウザから呼び出しする時に準備する、importObject で、JavaScriptの関数を設定しているところ！

分からない、うまくいかないときは、Issuesに記述するか、Xで返信ください！

鯖江のおしゃれカフェ＆メガネやサングラスなど目の複合施設、レンズパーク！

レンズがたくさん！

ステキな店内！

カフェで注文、めめモンの初恋、いちご味！

レンズのプロ、諸井さんと！
メガネの上からかけるサングラスで、神山まるごと高専への長距離ドライブへの備えもばっちり！

links
- step1 C言語で作ってブラウザで動かそう! love.c for WebAssembly
- step2 ゆるいC言語でブラウザにもputchar! love.c for WebAssembly