福野泰介の一日一創

プログラミングとオープンデータやオープンソースのプラットフォーム「GitHub」を活用したシビックテックをみんなで体験。継続する方法についてディスカッションしました。

主催、八王子市役所、小俣さんよりご挨拶。

シビックテックとは、地域の課題を市民がテクノロジーで解決すること。スマホのおかげで、ぐっと活用しやすくテクノロジー。オープンソースとオープンデータを味方にすると創るのもお手軽です。

ウォーミングアップとして「IchigoJam web」を使ったプログラミングの基本を体験。準備とループの組み合わせをつないでいくことでどんなアプリも作れます。

アイスブレイクに、今日チャレンジしたいことをもくもくわいわいで共有。プログラミングをもっと詳しく学びたい声、多数でうれしい！

一日一創で「日本遺産のお知らせオープンデータ」を作って発見、八王子市の日本遺産ラッピング！ちょうど会場の近くなので、こちらを活用したオープンデータ実践テクニックを伝授。

3チームに分かれて、まちあるき！チームごとの作戦で回りながらデータ収集にチャレンジ！

早速発見、ラッピングされた地上用機器を発見！
「八王子駅周辺で日本遺産の構成文化財をＰＲ！｜八王子市公式ホームページ」

iPhone 12以降のProをもっている人は、LiDARを使って立体化もできます。

こちらできあがった15番の3Dモデルオープンデータ！こちら「15.usdz」をiOS/macで開くと、見えます。アプリで使える形式に変換して、メタバースアプリや、ARアプリへの応用もできそうですね。

音声案内が掲載されたウェブサイトへのリンクがQRコードになっていました。
- 蛇滝 – 日本遺産｢桑都物語｣音声ガイド
- 琵琶滝 – 日本遺産｢桑都物語｣音声ガイド
日英中韓の4ヵ国語対応！こちらもオープンデータ化してつなぐと活用の幅、広がりそう！

まちあるき完了！

お昼休み、広い空間で楽しめた、AR/VR体験。自分で創るイメージが広がります。

「GitHub」
午後は、シビックテックによるアプリづくりのプラットフォーム「GitHub」を紹介、アカウント作成、はじめての自分だけのWebアプリ公開入門！八王子シビックテック部のチームメンバーとして登録完了！

「緯度経度地図」
緯度経度をサクッと調べるアプリ、緯度経度地図で、ラッピング地上機器があった場所をデータ化します。

「A/B/Cグループ集約マップ」
早速GitHubを使ったコミュニティを活用し、各チームで撮影したきたデータまとめ。3チーム分を集約したアプリができました！

「hachioji-civictech/hachioji-wrap20」
12人のコントリビューター（貢献者）による、八王子日本遺産ラッピング20のオープンデータが、GitHubのリポジトリとしてまとまりました！

「日本遺産八王子88」src on ss.sabae.cc
関連付けするほどに価値が高まるのがオープンデータ。日本遺産オープンデータを使いやすく改造、日本遺産番号別に分割した構成文化財オープンデータを使って、八王子の日本遺産88のみマップにしました。HTML、たったの2行のアプリです。

「hachioji-wrap20.csv」 CSVオープンデータとしてまとまりました！
八王子市公開の画像URLと組み合わせて表示するアプリを元に、日本遺産番号(jhno)と日本遺産別の構成文化財番号(pno)でリンク可能としました。

「八王子ラッピング20一覧」src on ss.sabae.cc
また、実際の写真(image_real)を追記し、公開されていた図柄と今回まちあるきで撮影した写真を並べて見るアプリのできあがり。

「画像URLと合わせたCSVを使ったマップ」
CSVをcsv-mapタグで表示すれば、画像付きマップのできあがり！

このようにオープンデータはあればあるほど、応用バリエーションが広がります！

今回の実践テクニックを使ったアプリ開発へと進めましょう！
1. 八王子景観100選紹介アプリを元にそれぞれのアプリをざっくり作ってみる
2. webアプリテンプレを使ってGitHubで共同プロジェクトにする
3. 八王子市役所と一緒にPR！
できるところから、得意なところから、楽しく進めるのがシビックテックのコツ。分からないことも、みんなのチカラ、コミュニティで解決します！

こちら、それぞれのチームによるアプリ案。

Hachioji History Observer

ハチスタ

MYST8

八王子市長の修了証書が全員に授与！

シビックテック講座、楽しんでもらえて何より！

サポートしてくれた大学生達！

links
- 福井x東京、八王子の魅力発信チャレンジ！中高生シビックテック入門 in 東京都八王子市 with Code for FUKUI / さくらいと
- 東京都八王子市、景観オープンデータを使ってみよう！
- オープンデータで巡る104の日本遺産ストーリーと4539の構成文化財 CSV/JSON/CBOR
- 一日一創 - 八王子記事一覧