Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Presented in Science Castle '22/leave a nest
Search
Tora_Kizu
August 15, 2023
Programming
0
97
Presented in Science Castle '22/leave a nest
Tora_Kizu
August 15, 2023
Tweet
Share
More Decks by Tora_Kizu
See All by Tora_Kizu
About Sozan Liberal Arts
tora_bim
0
150
Making App "herehere"/herehere
tora_bim
0
69
Other Decks in Programming
See All in Programming
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
160
Basic Architectures
denyspoltorak
0
160
AtCoder Conference 2025
shindannin
0
880
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
230
SQL Server 2025 LT
odashinsuke
0
120
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.4k
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osc25hi-duckdb
takahashiikki
0
230
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
philipschwarz
PRO
0
130
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
460
Deno Tunnel を使ってみた話
kamekyame
0
300
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
210
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.4k
Featured
See All Featured
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
220
Fireside Chat
paigeccino
41
3.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
720
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
35
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
220
Mind Mapping
helmedeiros
PRO
0
45
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
The Limits of Empathy - UXLibs8
cassininazir
1
200
Deep Space Network (abreviated)
tonyrice
0
32
Crafting Experiences
bethany
0
25
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.5k
Transcript
アプリ開発によるQOL 向上と生徒の関心の変化 岡山県立岡山操山中学校2年・木津 虎
きっかけ コロナによる黙食 全然楽しくない!!!
黙食について 「子ども達へのアンケートは全国から1,593件集まり、その結果からは、 ・『給食を話しながら食べたい』90.4% ・『マスクを外したい』89.5% その他個別回答では、『もう学校行きたくない』『大人は好きに喋ってごは んを食べたりマスク外したりしてるのに子どもばかり禁止されてひどいと 思う』など、苦しい状況を表す声が多数寄せられました。」 全国有志子供を思う会「全国子供向けアンケート」(7月3日 1593人)より引用 黙食は全国的に大きな課題となっている。
目的 プログラミングで昼食時のQOL向上へ
仮説 お昼に動画を 流そう!! 暇だなー 楽しくないなー 動画を流せば楽しくなるのでは!?
開発項目 以下をアプリに実装すれば、生徒たちのQOLが向上すると考えた。 機能面 デザイン面 見たい動画の投稿 削除機能 ランダムで動画を選択 かわいらしいUI だれでも見やすいUI
開発の流れ 動画選択システムを 先生が発案 1年生 webアプリの形で 自分で作成(ver.2) 2年生 5月 フィードバックをもとに、 3代目を作成(ver.3)
2年生 夏休み 表計算ソフトで 動画選択(ver.1) 1年生 生徒たちからの フィードバック 2年生 7月 サイエンスキャッスルで 発表 2年生 12月
開発方法 開発環境…Repl.it 開発言語…PHP, HTML, CSS, JavaScript
開発の様子 機能面は、JavaScriptというプログラミング言語を用いて実装した。 デザイン面は、CSSというプログラミング言語を用いた。 実際に書いたコード
開発したアプリ画面 このような アプリが完成した。
開発結果(ver.2) 仮定で挙げていた5つの目標は達成できたが 新しく生徒から3つのフィードバックが寄せられた。 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択 かわいらしいUI
誰でも見やすいUI ルーレットのイラスト 使いやすく押し間違えのないボタン配置 使いにくい!
バージョンアップ! これらのフィードバックを改善するために 新しくプログラミング言語を学びなおして、ver.3を開発した。 Ver.1 表計算ソフト Ver.2 JavaScript Ver.3 PHP ~プログラミング言語の変化~
開発結果(ver.3) 動画の説明を投稿する機能と、 使いやすく押し間違えのないボタン配置は実装できた。 ルーレットのイラストの実装ができていない。 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択
かわいらしいUI 誰でも見やすいUI ルーレットのイラスト 使いやすく押し間違えのないボタン配置
結果
効果検証 クラスで実際に使用した QOLが向上した 昼食時の笑顔が増えた
効果検証 生徒たちの声 使いやすい! ルーレットが ドキドキするから楽しい 画面が可愛い
効果検証 生徒たちの声 使いやすい! ルーレットが ドキドキするから楽しい 画面が可愛い 思いもよらぬ効果が得られた!
発展・展望 ~生徒たちの関心の変化~ プログラミングに 関心や興味を持った この機能ほしい 実装 プログラミング すごい!
発展・展望 校内研究発表会が開催できた! その名も SozanLiberalArts プログラミングを中心に、 各自の好きなもの・興味のあるものを発表する場 全校生徒360名のうち、約60名が参加
発展・展望 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択 かわいらしいUI 誰でも見やすいUI ルーレットのイラスト
使いやすく押し間違えのないボタン配置 達成できなかった「ルーレットのイラスト」を実装するために、 SozanLiberalArtsに来てくれたイラストを描くことが得意な子と共同制作! すべて達成へ