11---
22title : 並木中等教育学校でSSH講座を開催しました
3- date : 2026-06-03T18 :00:00+09:00
3+ date : 2026-07-12T10 :00:00+09:00
44thumbnail :
55 src : ./thumbnail.webp
66author : 2022/yuto-watahiki
77---
88
9- ut.code();では 、5月17日(日)に、茨城県立並木中等教育学校で「Webプログラミング講座〜おみくじアプリをつくろう!〜」をテーマにSSH講座を開催しました。
9+ ut.code();は 、5月17日(日)に、茨城県立並木中等教育学校で「Webプログラミング講座〜おみくじアプリをつくろう!〜」をテーマにSSH講座を開催しました。
1010
1111## 概要
1212
1313茨城県立並木中等教育学校は、茨城県にある公立中高一貫校で、文部科学省のスーパーサイエンスハイスクール(SSH)指定校として、理数教育に力を入れています。
1414
1515今回の講座は、生徒の興味・関心を広げ、探究活動のきっかけを作ることを目的とした、同校のSSH講座の一環として開催されました。
1616
17- 講座には、中学1年生から高校1年生までの18名の生徒が参加し、プログラミングを基礎から学んだうえで、最終的にはWebアプリケーションの制作に取り組みました 。
17+ 講座には、中学1年生から高校1年生までの18名の生徒が参加し、プログラミングを基礎から学んだうえで、最終的にはおみくじアプリの制作に取り組みました 。
1818
1919![ 当日の流れ] ( ./time-schedule.webp )
2020
2121## これまでの取り組み
2222
2323今回の講座は、ut.code();が継続的に取り組んできた中高生向けのプログラミング講座の3回目にあたります。
2424
25- ut.code();では 、大学生に限らず、より多くの方にプログラミングの楽しさを知ってもらうことを目指し、2024年から中高生向けのプログラミング講座を開催してきました。中高生向けのプログラミング講座の詳細については、[ こちらのページ] ( /workshop-for-students/ ) をご覧ください。
25+ ut.code();は 、大学生に限らず、より多くの方にプログラミングの楽しさを知ってもらうことを目指し、2024年から中高生向けのプログラミング講座を開催してきました。中高生向けのプログラミング講座の詳細については、[ こちらのページ] ( /workshop-for-students/ ) をご覧ください。
2626
27- 並木中等教育学校でのSSH講座は、2024年4月に続き今回が2回目の開催となります。今回の講座では、これまでの講座で得られた経験を活かし、初めてプログラミングに触れる生徒でも手を動かしながらWebアプリケーションの制作に取り組めるよう、内容を設計しました。
27+ 並木中等教育学校でのSSH講座は、2024年4月に続き今回が2回目の開催となります。今回の講座では、これまでの講座で得られた経験を活かし、初めてプログラミングに触れる生徒でも手を動かしながらWebアプリケーションの制作に取り組めるよう、内容を設計し直しました。
28+
29+ ![ 中高生向けのプログラミング講座の歩み] ( ./seminar-history.webp )
2830
2931## 講座の内容
3032
3133講座では、ut.code();が独自に開発している中高生向けの教材である[ ut.code(); Starter] ( https://starter.utcode.net/ ) を用いて、プログラミングを基礎から学び、簡単なWebアプリケーションを制作できるようになることを目指しました。
3234
33- まず、HTMLを用いてウェブサイトの構造を表す方法を学びました。続いて、CSSを用いて色や配置などの見た目を変える方法を学び、JavaScriptを用いてウェブサイトに動きを与える方法を学びました。それぞれの単元の最後には演習問題に取り組み、学んだ内容を実際に手を動かしながら確認しました。
35+ まず、HTMLを用いてウェブサイトの構造を表す方法を学びました。続いて、CSSを用いて色や配置などの見た目を変える方法を学び、JavaScriptを用いてウェブサイトに動きを与える方法を学びました。それぞれの単元の最後では演習問題に取り組み、学んだ内容を実際に手を動かしながら確認しました。
36+
37+ 講座の最後では、それまでに学んだ内容を活用して、カウンターアプリやおみくじアプリの制作に取り組みました。
3438
35- 最後には、それまでに学んだ内容を活用して、カウンターアプリやおみくじアプリの制作に取り組みました。
39+ ![ 講座の内容 ] ( ./seminar-content.webp )
3640
3741## 講座の様子
3842
@@ -44,6 +48,9 @@ ut.code();では、大学生に限らず、より多くの方にプログラミ
4448
4549最後のカウンターアプリやおみくじアプリの制作では、学んだ内容をもとに、自分なりのアイデアを加えながら制作に取り組んでいました。問題文で求められた内容を実装するだけでなく、機能を追加したりデザインを工夫したりするなど、それぞれが試行錯誤を重ねながら、より良いアプリケーションにしようとする姿が見られました。
4650
51+ ![ 講座の様子1] ( ./seminar-scene-1.webp )
52+ ![ 講座の様子2] ( ./seminar-scene-2.webp )
53+
4754## 最後に
4855
4956今回の講座を通じて、参加した生徒の皆さんがプログラミングの楽しさや、自分のアイデアを形にすることの面白さを感じるきっかけになっていれば幸いです。
0 commit comments