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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Tora_Kizu
August 15, 2023
Programming
0
98
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
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
3.9k
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
700
Basic Architectures
denyspoltorak
0
670
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
240
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
170
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
290
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
110
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
50
14k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Claude Code のすすめ
schroneko
67
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
78
[SF Ruby Conf 2025] Rails X
palkan
1
750
Optimizing for Happiness
mojombo
379
71k
How STYLIGHT went responsive
nonsquared
100
6k
Automating Front-end Workflow
addyosmani
1371
200k
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に来てくれたイラストを描くことが得意な子と共同制作! すべて達成へ