Monacaを使ってアプリを１週間で教えてみた。（島田商業）

目次
[１．はじめに](#１はじめに)
[２．環境について](#２環境について)
[３．オープンデータ](#３オープンデータ)
[４．SDGsについて](#４sdgsについて)
[５．AI活用について](#５ai活用について)
[６．令和５年度　情報ビジネス科　作品一覧](#６令和５年度情報ビジネス科作品一覧)
[７．その他](#７その他)


# １．はじめに
　静岡県立島田商業高校では、アプリの考案から製作までの活動をシビックテックの概念を用いて授業の中で実施をしています。また、そのアプリ製作の内容はオープンデータ・SDGs・AIツールの活用について実施しており様々なアプリケーションやデータを作成してきましたが、今年で担当の私が出てしまうので、1週間で今までのことを情報処理部に最後に教えました。オープンデータなどについても島田商業では最後になります。
<font color="Red">※オープンデータについては2014年から授業に導入しています。</font>

# ２．環境について

<h3>Monaca - HTML5ハイブリッドアプリ開発プラットフォーム</h3>
平成28年度から情報ビジネス科のアプリは Monacaで作成しています。
Monaca とは？
Monacaは国内最大級のモバイルアプリ開発プラットフォームです。アプリ開発に必要なものを全てクラウドで提供しているため、Webブラウザだけあればセットアップ不要ですぐにアプリ開発を始められます。 プログラミング言語にはWeb標準技術であるHTML5やJavaScriptを採用しており教育利用にも最適です。また、Cordovaというオープンソース技術を採用することでiOSやAndroidのネイティブアプリ生成に対応しております。

[Monaca Education公式サイト][link-2]
# ３．オープンデータ
　オープンデータとは近年、行政機関を中心に取り組んでいる、情報を誰でも自由に使えて再利用もでき、かつ誰でも再配布できるようにしたデータです。保有する情報を、第三者が従来にはなかった視点で活用することで、新たな価値が生まれ、市民生活をより豊かにするという考えのもと運営されています。
　情報ビジネス科では、授業の一環（科目：電子商取引・総合実践）としてアプリケーションの作成をする中でオープンデータについて学習していますが、今回、地域に根ざした学校の取り組みのひとつとして実施をしています。　
皆さまが地域のお店のデータを有効に利用していただくことで地域貢献につなげることができればと思います。
　学校*1の取り組み（授業の中での実施）としても全国初の試みであり、手探りの部分も多々ありますのでデータに関する改善意見や質問などをいただければありがたいと思います。この試みが地域の課題改善や地域活性化に向けた一助となるようオープンデータの学習・アプリケーションの開発に取り組んでいきます。

参考：[総務省HP][link-18]
# ４．SDGsについて
持続可能な開発目標ＳＤＧｓエス・ディー・ジーズとは
持続可能な開発目標（SDGs：Sustainable Development Goals）とは，2001年に策定されたミレニアム開発目標（MDGs）の後継として，2015年9月の国連サミットで加盟国の全会一致で採択された「持続可能な開発のための2030アジェンダ」に記載された，2030年までに持続可能でよりよい世界を目指す国際目標です。17のゴール・169のターゲットから構成され，地球上の「誰一人取り残さない（leave no one behind）」ことを誓っています。SDGsは発展途上国のみならず，先進国自身が取り組むユニバーサル（普遍的）なものであり,日本としても積極的に取り組んでいます。
参考：[外務省HP][link-19]

# ５．AI活用について
・対話型AI ([chatgpt][link-40] / [Bard][link-41]) 対話型については生徒が自分でGoogleアプリを掲載するときに校正的な部分での活用。プログラミングを実施するときの補助的なものとして活用する。
（意外とコードが違っているので最初の部分などに活用しています）
・画像作成AI([BlueWillow][link-42] / [canva][link-43])画像生成などでアイコンやプレゼンの挿絵などの活用をしています。
・カラー配色AI([ColorMagic][link-44]) HP / アプリ / プレゼン資料などの配色展開を教えてくれるので参考程度に使っています。
・音声系AI Youtube動画でのVtuberをアップする際に活用しています。

<font color="red">授業での注意事項として（ねらい）</font>
・授業の中で活用した場合はこのAIで作成したというものをプレゼン資料などに記載させる。
・スプレッドシートとchatgptを連動させ実際に使ってみて間違えている部分を理解させる。そのうえでどのように補助活用するのかを考える。
・Webデザイナー、システムエンジニアなど


# ６．作品詳細
|No|アプリ名|内　容|
|---|---|---|
|1  |[体力アップ][link-1]|[学生から大人まで使えて身近に健康を支えるアプリ歩数計・健康習慣の改善・運動記録・改善・アドバイス][link-2]|
|2  |[お薬・通院管理くん][link-3]|[薬の飲む時間や通院の日にちをお知らせするアプリ薬の豆知識、ボケ防止のクイズゲームを入れる共有することで家族も確認ができる][link-4]|
|3  |[遊んで食べて満喫マップ！][link-5]|[お茶の品種紹介　お茶を飲むメリット　お茶にかかわるクイズお茶と環境の関わり][link-6]|
|4  |[ちゃチャ茶][link-7]|[島田の魅力あるお店を観光客や地元の人に紹介するためのアプリ][link-8]|

[link-1]:https://qiita.com/shimasho20238/private/6b203f59c50610a1b137
[link-2]:https://sites.google.com/shizuoka-shimasho.com/tairyokuappu/sdgs?authuser=1
[link-3]:https://qiita.com/shimasho20243/private/8318a5de646357a27945
[link-4]:https://sites.google.com/shizuoka-shimasho.com/okusurituuinkanrikun/%E3%83%9B%E3%83%BC%E3%83%A0
[link-5]:https://qiita.com/shimasho20234/private/495bacb8d2956b541122
[link-6]:https://sites.google.com/shizuoka-shimasho.com/tyatyatya/%E3%83%9B%E3%83%BC%E3%83%A0
[link-7]:https://qiita.com/shimasho20235/private/d2698fce25cabdbae1d2
[link-8]:https://sites.google.com/shizuoka-shimasho.com/kitemi-shimada?usp=sharing

<font color="red">アプリ名からQiita、内容からSitesにて中身を確認できます。アプリはgithubで作成したWebアプリをQiita・Sitesに入れてあります。</font>

# ７．その他

静岡県立島田商業高校　こちら[クリック][link-16]

[link-16]:http://www.edu.pref.shizuoka.jp/shimada-ch/home.nsf/IndexFormView?OpenView