2022-06-20
みんなで創る未来、デジタル・ガーデン・シティ(デジタル田園都市)!
越前市役所職員有志によるデジタル勉強会の3回目の日、越前市最高デジタル責任者アドバイザーにもなりました。

全課を挙げて取り組む、越前市DX推進本部にて、CDOアドバイザー就任式。


最高デジタル責任者(CDO)を兼任する山田市長も自らIoTプログラミング!センサーでクマを検出して、大型モニターにクマ注意を伝えるIoTをその場で作ってデモ。いろんな課での多様な課題、どんどんオープンにして、新技術とシビックテックで解決しましょう!


越前市CDOアドバイザーとしての初仕事!


こどもたちからシニアの方まで、多様な市民が、多様なデジタル技術を活用する、より豊かで平和でクリエイティブな社会を創りましょう!


午後は、越前市のプログラミング講師育成講座の3回目。IchigoJamをゲーム機化する改造からスタート。IchigoJam BASIC、もうお手の物!

10 CLS:X=15:CLT 20 LC X,5:?"O" 30 LC RND(32),23:?"*" 35 WAIT3 36 X=X-1+BTN()*2 39 IF SCR(X,5) WAIT180:RUN 40 GOTO20

改造ポイントは本体ボタンで操作する36行と、39行の自動再実行。
これでキーボードを挿さずに、ボタンを押しながら起動するとテレビゲーム機のできあがり!
画面タップがボタン代わりなので、スマホでも遊べます!(RUN on IchigoJam web)

続いて、いよいよシビックテック入門!

「シビックテック入門 はじめてのJavaScript」 src on GitHub / Code for FUKUI


実現技術は主に2つ、テキストをタグでマークアップ(装飾)する言語、HTML(エイチティーエムエル)とプログラミング言語JavaScript(ジャバスクリプト)。※プログラミング言語Java(ジャバ)とはちょっと似ていますが違う言語です。


HTMLとJavaScriptとオープンソースを活用すれば、さまざまなアプリが簡単に作れます!


まずは3つのタグだけで作る、さくらいとファンサイトを題材に超簡単HTML入門。自分だけの想いを文章で綴り、公式サイトへリンクするサイトは、効果が高い応援です!


IchigoJamで体験したかわくだりゲーム、JavaScriptだとこんな感じで作ります。Code for FUKUIのオープンソース「ij-screen」を使うと簡単にIchigoJam風。


プログラムで間違ったいるときエラーメッセージは表には見えません。こまめに「見てみる」を押して、おかしくなったら、最後に書いたものをチェックしましょう。右クリックを押して「検証」を使うことで、どこがおかしいか確認ができます。ダブルクォートやカッコなど、プログラム部分は全角ではなく、半角にする点注意です。


IchigoJam BASICとJavaScript、だいたい一緒ですが、import(インポート)でネット上のオープンソースを使って、AI、VR、グラフ表示など、がんがん活用できる点がJavaScriptのいいところ!


今日も楽しくがんばる、さくらいと!


FIND/47|みんなで集め、広めていくフォトアーカイブ。」で公開されている、日本のステキな風景オープンデータを使った、かんたんアドベンチャーゲームフレームワーク「egadv.js」をimportすることで、ステキスマホアプリの開発が可能です!


作った観光アプリをお互いレビュー!誰がが作ったプログラムを見て、改善したり、学習したりする、オープンソース文化の入り口です!


越前市にJavaScriptプログラマー15名誕生!


だいぶ自信がついてきた?プログラマーアイドルさくらいとは、越前市DX推進サポーター!


Code for Kanazawa 福島さん、金沢大学 河合さんの訪問!北陸サイバーバレーでのシビックテック、盛り上がっていきそうです!


「越前市がDX=デジタルトランスフォーメーション推進本部設置|NHK 福井県のニュース」

プログラミングする越前市長、山田さんの姿、NHKで放送されました!

AI、VR、Internet3、IchigoJam、オープンデータ、DFFT、シビックテックなど、新技術興味ある方、サイバーフライデーへどうぞ!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS