-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
420 lines (391 loc) · 23.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>全国学生VRサークル活動報告大会2023</title>
<link rel="stylesheet" href="./stylesheet.css">
<link rel="shortcut icon" href="images/favicon.svg">
<!-- Font awesome読み込み -->
<link href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" rel="stylesheet">
<!-- BootstrapのCSS読み込み -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery読み込み -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- BootstrapのJS読み込み -->
<script src="js/bootstrap.min.js"></script>
<!-- remodalを使うための手続き -->
<link rel="stylesheet" href="./remodal/remodal.css">
<link rel="stylesheet" href="./remodal/remodal-default-theme.css">
<!-- Twitter and Facebook Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@UT_virtual" />
<meta property="og:url" content="https://ut-virtual.github.io/ev-VRCircleMeeting2023/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="全国学生VRサークル活動報告大会2023" />
<meta property="og:description" content="VRにかかわる学生サークルによる学生のための活動報告大会" />
<meta property="og:image" content="https://ut-virtual.github.io/ev-VRCircleMeeting2023/images/ogp.png" />
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand " href="/">全国学生VRサークル活動報告大会2023</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#top">トップ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">新着情報</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">主催挨拶</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#participants">参加団体</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#event">ゲスト公演</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#report">過去の報告大会</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">お問い合わせ</a>
</li>
</ul>
</div>
</div>
</nav>
<div>
<section id="top">
<img class="img-fluid" src="images/keyvisual.png" width="100%" height="auto">
<div class="container">
<table class="table table-borderless">
<thead>
<tr>
<th scope="col" style="width: 60%;"></th>
<th scope="col" style="width: 20%"></th>
<th scope="col" style="width: 20%"></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">
<h1>Day1: 10/21 19:30~21:00</h1>
</td>
<td>
<button class="btn btn-outline-primary btn-lg" onclick="location.href='https://cluster.mu/e/7259c088-d81e-43eb-8e0f-f29da6dc21b1'" target="_blank" rel="noopener noreferrer">Day1: cluster会場</button>
</td>
<td>
<button class="btn btn-outline-danger btn-lg" onclick="location.href='https://www.youtube.com/live/S-KIKpNFzZw?si=X_ecXNuHuTrHNqlf'" target="_blank" rel="noopener noreferrer">Day1: YouTube会場</button>
</td>
</tr>
<tr>
<td style="text-align: center;">
<h1>Day2: 10/22 19:30~21:00</h1>
</td>
<td>
<button class="btn btn-outline-primary btn-lg" onclick="location.href='https://cluster.mu/e/84088667-f956-4338-aae4-dfd67aa99f17'" target="_blank" rel="noopener noreferrer">Day2: cluster会場</button>
</td>
<td>
<button class="btn btn-outline-danger btn-lg" onclick="location.href='https://www.youtube.com/live/bHys3va7JYk?si=33ih-qfXt_rIJ4RB'" target="_blank" rel="noopener noreferrer">Day2: YouTube会場</button>
</td>
</tr>
</tbody>
</table>
</div>
<div style="text-align:center; padding: 5% 10%" class="bg-grad-skyblue">
<h1>VRにかかわる学生サークルによる</h1>
<h1>学生のための活動報告大会</h1>
</div>
</section>
<section id="news">
<div style="padding: 5% 10%">
<h2 style="text-align: center">新着情報</h2>
<div class="col-12">
<table class="table table-sm" style="color: #000000">
<thead>
<tr>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td>2023/10/17</td>
<td>タイムテーブルを追加しました。</td>
</tr>
<tr>
<td>2023/10/16</td>
<td>参加団体を更新しました。</td>
</tr>
<tr>
<td>2023/10/16</td>
<td>ゲスト公演情報を追加しました。</td>
</tr>
<tr>
<td>2023/10/16</td>
<td>YouTube会場へのボタンを有効化しました。</td>
</tr>
<tr>
<td>2023/10/15</td>
<td>ホームページを公開しました。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section id="about">
<div style="padding: 5% 10%" class="bg-grad-blue">
<h2 style="text-align: center">主催挨拶</h2>
<div style="text-align: center">
<p>2017年は、いわば「VRサークル元年」でした。<br>
「VR元年」と呼ばれた2016年の翌年、2017年に、日本各地でVRを取り扱うサークルが次々と発足したためです。<br>
続く2018年には、全国VRサークル活動報告大会が初めて開催され、今日に至るまで、それぞれのVRサークルがVRを探究し続けてきました。<br>
しかし一方で、志半ばにして、なくなってしまったサークルも少なからずありました。</p>
<p>本イベントの目的は、全国から「VRを扱うサークル」が集い、交流することで、<br>
サークル内外にVRの楽しさを伝えること、そしてそれぞれの活動を発展・加速させることです。<br>
活動内容や知見、悩みなどを共有することで、さらなる前進を生んでほしい、そしてVRへの情熱を深めてほしいと、そう考えています。</p>
<p>このイベントを通し、より広くVRの楽しさが伝わり、そして学生VRサークルが更に盛り上がっていくことを願っています。<br>
社会人の皆様には、そんな学生たちの活動を温かく見守りつつ、応援していただきたいと思います。</p>
</div>
</div>
</section>
<section id="participants">
<div style="padding: 5% 10%">
<h2 style="text-align: center">参加団体</h2>
<div class="circleblock">
<div class="row">
<a href="https://twitter.com/ut_virtual" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="ut_virtual" src="images/circles/ut_virtual.png">
</a>
<a href="https://twitter.com/shimane_u_Pim" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="shimane_u_Pim" src="images/circles/shimane_u_Pim.png">
</a>
<a href="https://twitter.com/sfcvr" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="sfcvr" src="images/circles/sfcvr.png">
</a>
<a href="https://twitter.com/hitu_socialvr" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="hitu_socialvr" src="images/circles/hitu_socialvr.png">
</a>
<a href="https://twitter.com/HIT_Metaverse" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="HIT_Metaverse" src="images/circles/HIT_Metaverse.png">
</a>
<a href="https://twitter.com/HU_Metaverse" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="HU_Metaverse" src="images/circles/HU_Metaverse.png">
</a>
<a href="https://twitter.com/gudagudabuton" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="gudagudabuton" src="images/circles/gudagudabuton.jpg">
</a>
<a href="https://twitter.com/aizu_pxl" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="aizu_pxl" src="images/circles/aizu_pxl.png">
</a>
<a href="https://twitter.com/KuMAofficialCir" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="KuMAofficialCir" src="images/circles/KuMAofficialCir.png">
</a>
<a href="https://twitter.com/ku_xrteam" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="ku_xrteam" src="images/circles/ku_xrteam.jpg">
</a>
<a href="https://twitter.com/KaitVR17" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="KaitVR17" src="images/circles/KaitVR17.png">
</a>
<a href="https://twitter.com/xR_Hamamatsu" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="xR_Hamamatsu" src="images/circles/xR_Hamamatsu.png">
</a>
<a href="https://twitter.com/Ulab_uu" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="Ulab" src="images/circles/Ulab.png">
</a>
<a href="https://www.instagram.com/xreal_snu/" class="col-lg-2 col-md-3 col-4 d-flex align-items-center" target="_blank" rel="noopener noreferrer">
<img class="img-fluid clogo" alt="XREAL" src="images/circles/XREAL.png">
</a>
</div>
</div>
</div>
</section>
<section id="event">
<div style="padding: 5% 10%">
<h2 style="text-align: center">ゲスト講演</h2>
<div>
<div class="lecture box" style="padding:1% 10%">
<div class="pict">
<img src="images/lecture/kato.png" class="d-flex align-items-center" width="250px" height="250px">
</div>
<div style="padding: 10pt;">
<h4>
</h4>
<h6>加藤直人</h6>
<p>
クラスター株式会社 代表取締役CEO<br>
京都大学理学部で、宇宙論と量子コンピュータを研究。同大学院を中退後、約3年間のひきこもり生活を過ごす。<br>
2015年にVR技術を駆使したスタートアップ「クラスター」を起業。
2017年、大規模バーチャルイベントを開催することのできるVRプラットフォーム「cluster」を公開。<br>
現在はイベントだけでなく、好きなアバターで友達と集まったりオンラインゲームを投稿して遊ぶことのできるメタバースプラットフォームへと進化している。<br>
2018年経済誌『ForbesJAPAN』の「世界を変える30歳未満30人の日本人」に選出。
同じく2022年「日本の起業家ランキング2023」のTOP20に選出。<br>
著書に『メタバース さよならアトムの時代』（集英社/2022年）
</p>
</div>
</div>
<div class="lecture box" style="padding:1% 10%">
<div class="pict">
<img src="images/lecture/hatada.jpg" class="d-flex align-items-center" width="250px" height="250px">
</div>
<div style="padding: 10pt;">
<h4>
</h4>
<h6>畑田裕二</h6>
<p>
東京大学大学院情報学環 助教<br>
2020年3月 東京大学大学院学際情報学府 修士課程 修了。<br>
2023年3月 東京大学大学院学際情報学府 博士課程 修了。同年4月より現職。<br>
博士（学際情報学）。専門はバーチャルリアリティ（VR）やアバターの心理学。<br>
アバター体験を通じた人の認知や行動、物語的自己の変容に関する研究に従事。<br>
2017年の創設期よりUT-virtualメンバー、2018年に第一回全国学生VRサークル活動報告大会を主催。
</p>
</div>
</div>
</div>
</div>
</section>
<section id="timetable">
<h2 style="text-align: center">タイムテーブル</h2>
<h3 style="text-align: center;margin-top: 2rem;">Day 1 (10/21)</h3>
<table border="1">
<tbody>
<tr>
<td>19:30</td>
<td>開演の言葉</td>
</tr>
<tr>
<td>19:40</td>
<td>ゲスト講演 畑田裕二氏</td>
</tr>
<tr>
<td>19:50</td>
<td>ぐだぐだぶとん</td>
</tr>
<tr>
<td>20:00</td>
<td>Kumamoto university Metaverse Architect</td>
</tr>
<tr>
<td>20:10</td>
<td>北海道大学メタバース研究会</td>
</tr>
<tr>
<td>20:20</td>
<td>SVRC</td>
</tr>
<tr>
<td>20:30</td>
<td>工学院大学VRプロジェクト</td>
</tr>
<tr>
<td>20:40</td>
<td>U-lab</td>
</tr>
<tr>
<td>20:50</td>
<td>閉演の言葉</td>
</tr>
</tbody>
</table>
<h3 style="text-align: center;margin-top: 2rem;">Day 2 (10/22)</h3>
<table border="1">
<tbody>
<tr>
<td>19:30</td>
<td>開演の言葉</td>
</tr>
<tr>
<td>19:40</td>
<td>ゲスト講演 加藤直人氏</td>
</tr>
<tr>
<td>19:50</td>
<td>HIT Metaverse</td>
</tr>
<tr>
<td>20:00</td>
<td>UT-virtual</td>
</tr>
<tr>
<td>20:10</td>
<td>一橋大学ソーシャルVR部</td>
</tr>
<tr>
<td>20:20</td>
<td>島根大学ものづくり部Pim</td>
</tr>
<tr>
<td>20:30</td>
<td>xRサークルはまりあ</td>
</tr>
<tr>
<td>20:40</td>
<td>Aizu-Progressive xR Lab(A-PxL)</td>
</tr>
<tr>
<td>20:50</td>
<td>閉演の言葉</td>
</tr>
</tbody>
</table>
</section>
<section id="report">
<div style="padding: 5% 10%">
<h2 style="text-align: center">過去の報告大会</h2>
<h5 style="text-align: center">
<a href="https://www.moguravr.com/vr-student-circle/" target="_blank" rel="noopener noreferrer">
2018
</a>
<a href="https://utvirtual.tech/archives/4799" target="_blank" rel="noopener noreferrer">
2022
</a>
</h5>
</div>
</section>
<section id="contact">
<div style="padding: 5% 10%">
<h2 style="text-align: center">お問い合わせ</h2>
<h5 style="text-align: center">本大会に関するお問い合わせは
<a href="https://utvirtual.tech/contact" target="_blank" rel="noopener noreferrer">
UT-virtual公式ページの問い合わせフォーム
</a>
より受け付けております。<br>
</h5>
</div>
</section>
<section id="footer" class="">
<div class="container-fluid" style="text-align:center">
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="全国学生VRサークル活動報告大会" data-url="https://ut-virtual.github.io/ev-VRCircleMeeting2023/" data-via="ut_virtual" data-hashtags="VRサークル報告会" data-lang="ja" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fut-virtual.github.io%2Fev-VRCircleMeeting2023%2F&layout=button&size=large&width=105&height=28&appId" width="105" height="28" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
<div class="container-fluid" style="text-align:center">
<a style="color:#1DA1F2" href="https://twitter.com/UT_virtual" class="btn twitter" target="_blank"><span
class="fab fa-twitter"></span></a>
<a style="color:#3B5998" href="https://www.facebook.com/utvirtual/" class="btn facebook"
target="_blank"><span class="fab fa-facebook"></span></a>
<p>Copyright ©2023 <a href="http://utvirtual.tech/">UT-virtual</a> All Rights Reserved.</p>
</div>
</section>
</div>
</body>
</html>