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
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
AI & Enginnering
codelynx
0
110
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.9k
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
minodriven
21
7.2k
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
430
Oxlintはいいぞ
yug1224
5
1.3k
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
Raku Raku Notion 20260128
hareyakayuruyaka
0
120
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
280
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
94
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
Large-scale JavaScript Application Architecture
addyosmani
515
110k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
The browser strikes back
jonoalderson
0
370
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
HDC tutorial
michielstock
1
380
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
180
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
110
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
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に来てくれたイラストを描くことが得意な子と共同制作! すべて達成へ