---
title: 2025年度 Web×IoTメイカーズチャレンジPLUS ハンズオン講習会②：IoT解説・動くIoTで価値を形に
tags: Web×IoTメイカーズチャレンジ
slideOptions:
theme: white
slideNumber: 'c/t'
center: false
transition: 'none'
keyboard: true
width: '93%'
height: '100%'
---

<style>
/* basic design */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {
font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic';
text-align: left;
line-height: 1.8;
letter-spacing: normal;
text-shadow: none;
word-wrap: break-word;
color: #444;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: bold;}
.reveal h1, .reveal h2, .reveal h3 {color: #2980b9;}
.reveal th {background: #DDD;}
.reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;}
.reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;}
.reveal table {margin: 1.0vw auto;}
.reveal code {line-height: 1.2;}
.reveal p, .reveal li {padding: 0vw; margin: 0vw;}
.reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 0.5vw 1.5vw 0.5vw 1.5vw; background: #EEE; border-radius: 1.5vw;}
/* table design */
.reveal table {background: #f5f5f5;}
.reveal th {background: #444; color: #fff;}
.reveal td {position: relative; transition: all 300ms;}
.reveal tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa;}
.reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;}
/* blockquote design */
.reveal blockquote {
width: 90%;
padding: 0.5vw 0 0.5vw 6.0vw;
font-style: italic;
background: #f5f5f5;
}
.reveal blockquote:before{
position: absolute;
top: 0.1vw;
left: 1vw;
content: "\f10d";
font-family: FontAwesome;
color: #2980b9;
font-size: 3.0vw;
}
/* font size */
.reveal h1 {font-size: 5.0vw;}
.reveal h2 {font-size: 4.0vw;}
.reveal h3 {font-size: 2.8vw;}
.reveal h4 {font-size: 2.6vw;}
.reveal h5 {font-size: 2.4vw;}
.reveal h6 {font-size: 2.2vw;}
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}
/* new color */
.red {color: #EE6557;}
.blue {color: #16A6B6;}
/* split slide */
#right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;}
#left {left: 31.25%; text-align: left; float: left; width: 50%; z-index: -10;}
</style>

<style>
/* specific design */
.reveal h1 {
margin: 0% -100%;
padding: 2% 100% 4% 100%;
color: #fff;
background: #c2e59c; /* fallback for old browsers */
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
background-size: 200% 200%;
animation: Gradient 60s ease infinite;
}
@keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
.reveal h2 {
text-align: center;
margin: -5% -50% 2% -50%;
padding: 4% 10% 1% 10%;
color: #fff;
background: #c2e59c; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #64b3f4, #c2e59c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>

<!-- --------------------------------------------------------------------------------------- -->

#### 2025年度 Web×IoTメイカーズチャレンジPLUS in 香川
# ハンズオン講習会② <br> IoT解説・動くIoTで価値を形に
#### 場所：情報通信交流館eとぴあ・かがわ <br> 日時：2025年10月18日（土）10:30～17:30

---
### 10:30〜12:00　学習内容に関連するキーワードや概念の理解　　
#### (1) 香川大学のDX推進の取り組み
<iframe width="560" height="315" src="https://www.youtube.com/embed/_8n6QFld8Fk?si=5n-uuHKYkx7xElht" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[資料]
https://drive.google.com/file/d/1D22mSyRi_CcxJbnQeAVUsu_Z3I4iU3b2/view?usp=sharing

#### (2) IoTシステムの事例紹介
<iframe width="560" height="315" src="https://www.youtube.com/embed/1zY97nV6zgQ?si=kYKxDLucu5BxAM4n" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[資料]
https://drive.google.com/file/d/1tFWfIT-ig_ZI-9dVoaeb8TEAEh2ubg3S/view?usp=sharing

#### (3) 今回のテーマの確認
<iframe width="560" height="315" src="https://www.youtube.com/embed/FMTvl8PBfjU?si=9S_kVpA_Syxt3iXT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[資料]
https://drive.google.com/file/d/1x47j8MOv4vGtSqjWjQDZHbwMTYeBbTAd/view?usp=sharing

---

### 13:00〜14:30　SoRの開発　　
#### (4) 乗降履歴記録システム
<iframe width="560" height="315" src="https://www.youtube.com/embed/uqQhQ_S2c-Q?si=dggnUbtfmOujkxBZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[資料]
https://drive.google.com/file/d/10F4Mujn4r5OFQZfvWaORYIE7Gu4KT1QI/view?usp=sharing

---

### 14:40〜15:45 SoIの開発
#### (5) 乗降履歴分析・可視化システム
<iframe width="560" height="315" src="https://www.youtube.com/embed/jH_FdmYEiG8?si=J59_0u3GO3Ritg9u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[資料]
https://drive.google.com/file/d/1srEsDKW0K-fekfhqu40cVGUyPixwpRAN/view?usp=sharing

---

### 15:55〜16:30 IoTシステムの事例紹介
#### (5) バス乗車時行先案内システム
https://hackmd.io/@kometani/HJfhlzJTR

#### (6) その他（対面のみ）