-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
355 lines (332 loc) · 19.2 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ソフトメディア研究会</title>
<link rel="shortcut icon" href="/img/favicon.ico" type="image/vnd.microsoft.icon">
<meta name="description" content="パソコン等を使い創作活動を行うサークルです。
プログラム班、マルチメディア班、 DTM班があり、年に２回ある大きなイベント、文化の祭典と津田沼祭にサークルとして各自が作品を出品します。
発表する作品は、基本的に日々の活動の中で制作したものです。制作物はゲーム、音楽、CG等があり、それぞれの班がコラボして一つの作品を作ります。">
<meta name="keywords" content="ソフメ,ソフトメディア研究会,sofme">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@cit_sofume "/>
<meta property="og:url" content="http://softmedia.sakura.ne.jp/"/>
<meta property="og:title" content="ソフトメディア研究会"/>
<meta property="og:description" content="SoftMedia Official Site | CIT"/>
<meta property="og:image" content="http://softmedia.sakura.ne.jp/img/logo/png"/>
<link rel="stylesheet" href="/css/slider-pro/slider-pro.min.css" media="screen"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<link rel="stylesheet" href="/css/styles-merged.css" media="screen">
<link rel="stylesheet" href="/css/style.min.css" media="screen">
<link rel="stylesheet" href="/css/custom.css" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<script type="text/javascript">
header();
</script>
<section class="probootstrap-slider flexslider">
<div id="slide" class="slider-pro">
<div class="sp-slides">
<div class="sp-slide">
<img class="sp-image" src="/img/2019_05_26_BunsaiHeader.jpg" alt="文祭ヘッダー画像 作:HarU"/>
</div>
<div class="sp-slide">
<img class="sp-image" src="/img/01.jpg"/>
</div>
<div class="sp-slide">
<img class="sp-image" src="/img/02.jpg"/>
</div>
<div class="sp-slide">
<img class="sp-image" src="/img/03.jpg"/>
</div>
</div>
</div>
</section>
<section class="probootstrap-section">
<div class="container">
<div class="col-md-12 wide">
<div class="service left-icon" id="join">
<div class="icon">
<a href="/join.html" title="新入生のページ">
<img src="/img/sofme_icon.svg">
</a>
</div>
<div class="text">
<h3 class="heading">
<a href="/join.html" title="新入生のページ">新入生向け</a>
</h3>
<p>ソフトメディア研究会の活動をまとめて紹介しちゃいます！！</p>
</div>
</div>
</div>
<div class="row overlap">
<div class="col-md-4">
<div class="service left-icon" id="program">
<div class="icon">
<a href="/program/index.html" title="プログラム班のページ">
<i class="icon-desktop"></i>
</a>
</div>
<div class="text">
<h3 class="heading">
<a href="/program/index.html" title="プログラム班のページ">プログラム班</a>
</h3>
<p>プログラミング言語を使用し、ゲームやアプリを開発する。<br/>
娯楽モノから、日常に使えるものまで様々。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service left-icon" id="multi">
<div class="icon">
<a href="/multi/index.html" title="マルチメディア班のページ">
<i class="icon-images"></i>
</a>
</div>
<div class="text">
<h3 class="heading">
<a href="/multi/index.html" title="マルチメディア班のページ">マルチ班</a>
</h3>
<p>CG等の制作、イラスト・壁紙等を始め、ゲームのデザインや、アニメーションを作成。最近は3DCGや3Dモデルも。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service left-icon" id="dtm">
<div class="icon">
<a href="/dtm/index.html" title="DTM班のページ">
<i class="icon-headphones"></i>
</a>
</div>
<div class="text">
<h3 class="heading">
<a href="/dtm/index.html" title="DTM班のページ">DTM班</a>
</h3>
<p>PCでDAWという作曲ソフトを使って作曲を行う。楽器では奏でられないような曲も作っている。DJ活動も行っている。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="probootstrap-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center section-heading">
<h2>Event</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="border">M3 2019秋出展</h2>
<p>ソフトメディア研究会は10月27日(日)に東京流通センターにて行われる、「M3 2019秋」に参加します。
場所は「j-03b」です。よろしくお願いします。
</p>
<p>
<a href="/dtm/m3/AM0_00/" role="button" class="btn btn-primary btn-sm" title="M3特設ページへ">M3特設ページへ</a>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="border">津田沼祭</h2>
<p>
ソフトメディア研究会は、2019年11月22日から24日に開催される第70回千葉工業大学津田沼祭に参加します。
本ブースの他に、VR体験ブースを出します。
</p>
<p>
<a href="http://cit-gakuyu.com/daisai/70th/toppage/index.html" role="button" class="btn btn-primary btn-sm" title="津田沼祭公式HPへ">津田沼祭公式HPへ</a>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="border">ソフメアドベントカレンダー</h2>
<p>ソフトメディア研究会で開催されるアドベントカレンダー企画の2018年版です。12月1日から毎日記事を公開していきます。<br/>
部員が今までの活動や好きなことについて書きます。
</p>
<p>
<a href="/advent-calendar/2018/index.html" role="button" class="btn btn-primary btn-sm"
title="アドベントカレンダー">アドベントカレンダーページへ</a>
</p>
</div>
</div>
</div>
</div>
<div class="probootstrap-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center section-heading">
<h2>About</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="border">ソフトメディア研究会とは？</h2>
<p>
パソコンを中心に使って創作活動を行うサークルです。
<strong id="program-strong">プログラム班</strong>、
<strong id="multi-strong">マルチメディア班</strong>、
<strong id="dtm-strong">DTM班</strong>の３つがあります。
<br/>
<ul>
<li>プログラム班は、様々なプログラミング言語を駆使してゲーム開発やアプリケーション開発を行っています。</li>
<li>マルチメディア班は、イラストや3DCGの制作を行っています。</li>
<li>DTM班は、音楽作成ソフトで音楽を作ります。DJ始めました。</li>
</ul>
</p>
<h2 class="border">活動内容について</h2>
<p>平常時の主な活動日は指定しておりません。
空いている時間に部室に来て作業をしたり、役職の仕事をしたり、談話したりしています。</p>
<p><strong>毎週水曜日午後6:45</strong>から部会を開いており、会員は参加が義務付けられています。（授業等がある場合はそちらを優先します。）
部会では文化会での行事の人員を選出したり、設備購入等の議決を取ったりなどといった、重要な事を話し合います。</p>
<p>また、年に２回ある大きなイベント、
<strong>文化の祭典</strong>と
<strong>津田沼祭</strong>では、サークルとして各自が作品を出品します。
発表する作品は、基本的に日々の活動の中で制作したものとなります。
主なものとしてはゲーム、音楽、CG等があり、それぞれの班がコラボして一つの作品を作ります。</p>
</div>
</div>
</div>
</div>
<section class="probootstrap-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center section-heading">
<h2>トピック</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="probootstrap-card">
<div class="probootstrap-card-media">
<img src="/img/DSC00418.JPG" class="img-responsive img-border" alt="2019文化の祭典">
</div>
<div class="probootstrap-card-text">
<h2 class="probootstrap-card-heading mb0">2019文化の祭典</h2>
<p class="category">2019年5月26日</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-card">
<div class="probootstrap-card-media">
<img src="/img/topic_kwkn18.jpg" class="img-responsive img-border" alt="夏合宿">
</div>
<div class="probootstrap-card-text">
<h2 class="probootstrap-card-heading mb0">夏合宿</h2>
<p class="category">2018年8月20日</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-card">
<div class="probootstrap-card-media">
<img src="/img/topic_bunsai18.jpg" class="img-responsive img-border" alt="文化の祭典">
</div>
<div class="probootstrap-card-text">
<h2 class="probootstrap-card-heading mb0">文化の祭典</h2>
<p class="category">2018年5月27日</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-card">
<div class="probootstrap-card-media">
<img src="/img/topic_sinkan18.jpg" class="img-responsive img-border" alt="新入生歓迎会">
</div>
<div class="probootstrap-card-text">
<h2 class="probootstrap-card-heading mb0">新入生歓迎会</h2>
<p class="category">2018年4月21日</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-card">
<div class="probootstrap-card-media">
<img src="/img/topic_1.jpg" class="img-responsive img-border" alt="春合宿">
</div>
<div class="probootstrap-card-text">
<h2 class="probootstrap-card-heading mb0">春合宿</h2>
<p class="category">2018年3月16日</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript">
footer();
</script>
<div class="gototop js-top">
<a href="#" class="js-gotop">
<i class="icon-chevron-thin-up"></i>
</a>
</div>
<!--
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+iggQkfWWWWkQmgga&+++;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;<jggMHY=! `````` ~?77TTMMma&<;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;<jgMM9^ ``````````````` __~_?THNme<;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;<uNM@^ ````````````````````` _~~~?TMmx;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;jdM#^ ````````````````````````` _~~~?HMm+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;jMMD` ```````````````````````````` _~~~_?MNs;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;+dMM= ````````````````````````````````_~~~~?HNm+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;+dM#' `````````````````````````````````` ~~~~~?HNs;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;:;;;:;;;:;;;jdM@! ```````````````````````````````````` ~~~~~(MNc;;;;:;;;:;;;:;;;:;;;:;;;;;;
;;;;;;;;;;;;;;;;;;;jMMD` ...((JJJJJJ-((..```````` .............(-_~~~dMm+;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;jMMF` ?"=?!````_~~!!! ```````(TY""777777777777<~~~(MMk;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;:;;;;;;;;;;;jWM@ ```....((J(-...````````````` ..........`` _~~~(MM#z;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;dMN: jNM9=!dMMNMYWNm<````````.jN#Y"UMMMM#TWNm+_~~~~dMNI;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;:;;;;;jWMD ``.7TMHgWMMMNgMB=````````` ?HNm,JMNMMD.uMB! ~~~~(MMR;;;;;:;;;:;;;:;;;:;;;:;;;
;;;;;;;;;;;;;;;<dM#! ``````` _~????! ``````````````_?TWMMMMH9=~```_~~~~dMN<;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;jMM% ````````````````````````````````````````````` ~~~~(MNy;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;:;;;;;;;+WM@` `````````````````````````````````````````````` ~~~~_dN#+;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;dN#> ````````````````````````````````````````````````_~~~~?MMk<;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;+WM@ ```````````````````````````````````````````````` ~~~~~dMNz;;;;;:;;;:;;;:;;;:;;;;
;;;;;;;;;;:;;dMM% ``````````````````````````````````````````````````_~~~~(MMR;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;<dM#! `````````````````````````````````````````````````` _~~~_dMNc;;;;;;;;;;;;;;;;;;;;;
;;;;;:;;;;;;+WM@ ````````` ``````````````````` ``````````````````````-~~~~(HMN+;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;jMM$ `````````````````````````````````` ````````````````` _~~~~(MMR+;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;dMN} ````````````` ```````````````````````````````````````` ~~~~~?MMk;;;;:;;;:;;;:;;;;;;
;;;;;;;;;;;;dM#` `````````````````````````````````````````````````````` _~~~~~vMNo;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;+MM@ `````````` ```````````````````` ``````````` ````````````_~~~~~(MMN<;;;;;;;;;;;;;;;;;
;;;;;;:;;;;jMM% ```````````````````````````````````````````````````````` _~~~~~?MMk;;;;;;;;;;;;;;;;;
;;;;;;;;;;;dMN: ````````````````````` ```` ````````` ```````````````````` ~:~~~_dMNc;;;;;;;;;;;;;;;;
;;;;;;;;;;;dMN:``````````````` ```````````````````````````````````````````_~~~~~(MMN+;;;;:;;;:;;;;;;
;;;;;;;;;;;dNN! `````````` ```````````````````` ```````````````` ````````` _~~~~~?MMR;;;;;;;;;;;;;;;
;;;;;;;;;;;dNN:```````````````````````````````````````````````````````````` _~~~~~dMNc;;;;;;;;;;;;;;
;;;;;:;;;;;dM#~``````````````````````````````````````````` `````````````````-~~~~~(MMR<;;;;;;;;;;;;;
;;;;;;;;;;+dM#_````````````````````````````````````` ````````````````````````_~~~~~vMNy;;;;;;;;;;;;;
;;;;;;;;;;+WM@```` ``````` ``` ````` `````````` ````````````````````````````` ~:~~~(dMNz;;;;:;;;:;;;
;;;;;;;;;;+WM@``````````````````````````` ``````````````````````````````````` ~~~~~~?MMR<;;;;;;;;;;;
;;;;;;;;;;+dM#_```````````````````````````````````````````````` `````````````_~~~~~~~?MMk;;;;;;;;;;;
;;;;;;:;;;jMME ``````````` ````````````````````````````````````````` ```````.~~~~~~~~_dMNo;;;;;;;;;;
;;;;;;;;;;jMM$``````````````````````````````` ..-_~.~~~~~~~___-...```````` .~~~~~:~~~~(WMNc;;;;;;;;;
;;;;;;;;;;dMN}```` ..___~~~~__-.````````` ._~~~~~~~~~~~~~~~~~~~~~~~__----_~~~~~~~~~~~~~(MMN<;;;;:;;;
;;;;;;;;;<dM#_` -_~~~~~~~~~~~~~~~__-...-_~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~?MMmx;;;;;;;
;;;;;;;;;jMND_~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~:~~~:~~~~:~:~~~:~::~~:~~~~~_dMNK;;;;;;;
;;;;;:;;;dMMC~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~:~:~:~:~~~~~~~~~~:~~~:~:~~~~~:~~~~~~~~~~:~_(MMM9;;;;;;;
;;;;;;;;jMM8<~~~___-((((((-__~~~~~~~~~~~~~~~~~~~~~~~~~~~:~~~~~____--__~~~~~~~~~~___((JggMM6;;;;;;;;;
;;;;;;;;?TWMHHHHMHBYYYTMM#YWMMmgg&J+JJJJ--(((((((J++ggggQNkHHHMHBYYYYWNNmgggmQWHMHYY9YC<<;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;dMN>:::<<<???MM#TTTTTTTTTYT77<<<+dMK_:::::::::+MM$<<<<;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;dMNI::::::::(MMD;;;;;;;;;;;;;;;;;dMNc:::::~::~jMMI;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;dMN{...__:::jMM$;;;;;;;;;;;;;;;;;jMM$:::~::::~JM#<;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;dMN{.`.`._::JMNI;;;;;;;;;;;;;;;;;+MMb___~::~::JMNc;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;:;;;;;;;;;;;;;;;;;dMN{..`...~:jMMR<;;;;;;;;;;;;;;;;<dM@_...__~::(TMMmgggaaaaaa&&+<;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;dMN:...`..-_~?TBBWWHHHNme&+;;;;;;;dM@_`.`.`._____~~<<<<<<<??TWMNme<;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;<dM#!.`..`............_<?TMMNc;;;;<dM@_...`...`..`.........._:::vMMk;;;;;;;;;;
;;;;;;;;;:;;;;;;;;;;;;<dMNx((JJJ++JJJJ-(((J+&gQMM91;;;;;<dMNaJ--(--------((((JJ++++++ggMM8;;;;;:;;;;
-->
<script type="text/javascript" src="js/slider-pro/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/slider-pro/jquery.sliderPro.min.js"></script>
<script type="text/javascript" src="js/slider-pro/slider-pro.js"></script>
<script src="js/scripts.min.js"></script>
<script src="js/main.min.js"></script>
<script src="js/custom.js"></script>
<script type="text/javascript" src="js/analytics.js"></script>
</body>
</html>