多言語音声翻訳のプロトタイプをProttで作成する①

#目次
[１．多言語音声翻訳コンテストとは](#１多言語音声翻訳コンテストとは)
[２．アプリの特徴について](#２アプリの特徴について)
[３．なぜProttにしたのか](#３なぜprottにしたのか)
[４．課題制作について](#４課題制作について)
[５．その他](#５その他)

#１．多言語音声翻訳コンテストとは
多言語音声翻訳コンテストアイデア部門
主催：総務省、国立研究開発法人情報通信研究機構(NICT)

世界の「言葉の壁」をなくし、グローバルで自由な交流を実現するため、総務省と国立研究開発法人情報通信研究機構（NICT: National Institute of Information and Communications Technology, エヌ・アイ・シー・ティ）では、多言語音声翻訳技術の開発・普及に取り組んでいます。世界の「言葉の壁」をなくすという、まさに社会を変革するイノベーションは、「技術」だけでは起こすことはできません。面白い発想・アイデアと組み合わせてはじめて世の中を変えていくことができます。このため、多言語音声翻訳の新しい活用方法や面白い使い方などにより「言葉の壁」をなくすアイデアを皆様方から募集いたします。一緒に世の中を変えていくことができる、面白い発想・アイデアのご応募をお待ちしています。　　
参照　https://tagen.go.jp/about/

※NICTの多言語音声翻訳技術は、性能評価等の実証実験のために無償公開している多言語音声翻訳アプリ“VoiceTra [（ボイストラ）][link-1]”をスマートフォンやタブレットにダウンロードしていただくことにより体験いただけます。
[link-1]:https://voicetra.nict.go.jp/

#２．アプリの特徴について
①アイデア
多言語音声翻訳コンテストということでまず、身の回りの課題について調べた。すると、多文化共生など様々なキーワードが上がってきた。そのことを各自でまとめた。
②実際にアプリのUIはたくさんの機能を盛り込まず、使いやすく、わかりやすいものをテーマに各自が作成をした。（UXについてもどんな体験ができるのかを考えた）

|方眼用紙||
|---|---|
|![IMG_0276.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/c7e3bba8-14d0-cbaf-1cda-d17eada82b0c.jpeg)|![IMG_0273.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/91bcb948-8486-bbc0-4b95-c1018a3e0999.jpeg)|
![IMG_0271.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/7728776f-c584-af6a-d8db-58b56a595180.jpeg)|![IMG_0274.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/cadb599d-e525-cdb1-d602-31fbf7181afb.jpeg)|



※Prottの書き方に関しては特に設定を持たせないこととした。

③jpegで写真に撮ってProttのサイトでアプリにする。

|パソコン・スマホ||
|---|---|
|![IMG_0272.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/ee10f90a-8ffc-ec9b-4593-39263a2605fd.jpeg)|![IMG_0268.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/21b5ecb7-ad2d-b5d3-12d2-08803d51a1cd.jpeg)|


④　スマホで見るとこのようになる。

|スマートフォン||
|---|---|
![IMG_0332.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/1ac13744-62f3-7a39-5484-a6b8d601f3d8.jpeg)|![IMG_0333.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/0b852494-8c2e-889f-597c-de5c812bf289.png)|

⑤あとはQiitaとカスタマージャーニーマップをスプレッドシートで作成する。

|その他||
|---|---|
|![IMG_0269.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/797259db-f75e-6dad-dc37-57f2e5ca548e.jpeg)|![IMG_0275.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252831/74896063-3ea9-85eb-d58f-b73553d5cfa6.jpeg)



#３．なぜProttにしたのか？
今回この授業を受講している生徒は情報ビジネス科の2年生である。１学期はコロナで学校が休校となってしまったため今までより進度が遅くなってしまった。しかし、休校中の課題や授業などで進めていき2年生が終わるまでにはJavaのスレッドまで終わらせる予定である。また、GASを使ったプログラミングでLINEBOTの作成まで実施をしている。これからプログラミング学習（ビジュアルプログラミング的な要素）も必要になってくると思われる。また、多言語アプリコンテストのアイデア部門でプロトタイプの提出までを考えた際にProttが学習的にも使いやすく授業で使うことになりました。導入としてはとても使いやすいツールでした。

#４．課題制作について
テーマ種類ごと掲載
<font color="Red">※コミュニケーション・医療・観光・交通・労働・その他の種類に分けた</font>
作品別に分けてあります！
作品はこちらを:point_right::point_right:[※クリック][link-49]:point_left::point_left:
※アプリ名をクリックしてください。詳細のページに飛びます。
[link-49]:https://qiita.com/shigeru-suzuki/private/960d15eee5cb0ef29d7c

#５．その他
静岡県立島田商業高校　こちらを[クリック][link-50]
[link-50]:http://www.edu.pref.shizuoka.jp/shimada-ch/home.nsf/IndexFormView?OpenView

Prottサイト　こちらを[クリック][link-51]
[link-51]:https://prottapp.com/ja/