Skip to content

Commit 42e7ee6

Browse files
committed
図や写真を追加
1 parent 8896565 commit 42e7ee6

10 files changed

Lines changed: 15 additions & 8 deletions

File tree

Binary file not shown.
Binary file not shown.

contents/articles/2026/06-03_namiki-secondary-school-ssh-seminar/index.md renamed to contents/articles/2026/07-12_namiki-secondary-school-ssh-seminar/index.md

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,42 @@
11
---
22
title: 並木中等教育学校でSSH講座を開催しました
3-
date: 2026-06-03T18:00:00+09:00
3+
date: 2026-07-12T10:00:00+09:00
44
thumbnail:
55
src: ./thumbnail.webp
66
author: 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
今回の講座を通じて、参加した生徒の皆さんがプログラミングの楽しさや、自分のアイデアを形にすることの面白さを感じるきっかけになっていれば幸いです。
44.3 KB
Loading
139 KB
Loading
191 KB
Loading
152 KB
Loading
106 KB
Loading
33.2 KB
Loading

src/pages/workshop-for-students.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { Picture } from "astro:assets";
1515
1616
// Add new entries here to display them under "開催実績".
1717
const pastWorkshopArticleIds = [
18-
"2026/06-03_namiki-secondary-school-ssh-seminar",
18+
"2026/07-12_namiki-secondary-school-ssh-seminar",
1919
"2024/06-29_06-programming-course",
2020
"2024/04-27_namiki-secondary-school-ssh-seminar",
2121
];

0 commit comments

Comments
 (0)