-
Notifications
You must be signed in to change notification settings - Fork 2
/
join.html
153 lines (145 loc) · 7.8 KB
/
join.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
<!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="ソフトメディア研究会"/>
<meta name="keywords" content="ソフメ,ソフトメディア研究会,sofme"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet"/>
<link rel="stylesheet" href="/css/styles-merged.css"/>
<link rel="stylesheet" href="/css/style.min.css"/>
<link rel="stylesheet" href="/css/custom.css"/>
<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>
<script type="text/javascript" src="/js/analytics.js"></script>
</head>
<body>
<script type="text/javascript">
header();
</script>
<section class="probootstrap-slider flexslider">
<ul class="slides">
<li style="background-image: url(/img/welcome.jpg);" class="overlay2">
<div class="container join">
<div class="row">
<div class="col-md-12 text-center">
<div class="slides-text probootstrap-animate" data-animate-effect="fadeIn">
<h2>新入生向けページ</h2>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
<section class="probootstrap-section">
<div class="container container-join">
<div class="row">
<h2 class="border">ソフトメディア研究会とは？</h2>
<p>
千葉工業大学公認サークルです。パソコンを中心に使って創作活動を行うサークルです。
<strong>プログラム班</strong>、
<strong>マルチメディア班</strong>、
<strong>DTM班</strong>の３つがあります。
毎年、5月に行われる文化の祭典、11月の津田沼祭にて作品を展示します。他にも、コミックマーケットやM3などの外部のイベントにも出展しています。
</p>
<h2 class="border">プログラム班</h2>
<p>
プログラム班は、主にゲームの制作やアプリケーションの開発を行っています。
</p>
<p>
プログラムをやったことある方も、やったことがない方も大歓迎です。
プログラミングをしたことない人向けに講座なども行っています。
</p>
<p>詳しい流れはプログラム班のページをご覧ください。</p>
<p>
<a href="/program/index.html" target="_blank" role="button"
class="btn btn-primary btn-sm">プログラム班ページへ</a>
</p>
<h2 class="border">マルチメディア班</h2>
<p>
Multi（多）Media（情報媒体）を用いて自己の表現を行う集まりです。
</p>
<p>
CG , Flash ,
Animation，etc…表現方法はいくつもあります。班員は自分に合う表現方法を自由に選んで津田沼祭で展示したりゲームのイラストとして使ったりしています。
</p>
<p>
入部するほとんどの人が初心者です。講座や経験者と交流し初心者からでも始められる環境が整ってので是非参加してみてください。
</p>
<p>
<a href="/multi/index.html" target="_blank" role="button"
class="btn btn-primary btn-sm">マルチメディア班ページへ</a>
</p>
<h2 class="border">DTM班</h2>
<p>
PC上でDAWという作曲ソフトを使い、作曲を行います。年に2回の同人音楽即売会や『文化の祭典』『千葉工業大学祭』向けて曲を作り展示します。
</p>
<p>
<a href="/dtm/index.html" target="_blank" role="button" class="btn btn-primary btn-sm">DTM班ページへ</a>
</p>
<h2 class="border">班長からのメッセージ</h2>
<ul>
<li>
<strong id="program-strong">プログラム班</strong>
</li>
<p>
プログラム班はプログラミング技術を用いてゲームやアプリケーションの開発を行っています。経験者は自分の好きな言語で開発を進めることができ、未経験者や初心者は講座を受けることでプログラミング技術を身につけることができます。プログラミングやゲーム製作に興味のある方はぜひ見学にお越しください！
</p>
<li>
<strong id="multi-strong">マルチメディア班</strong>
</li>
<p>
マルチ班はお絵描きやモデリングを楽しみ、共に極めていく班です！初めて描く人でも、ちょっとでもイラストに興味あったら気軽に見に来て下さい！
</p>
<li><strong id="dtm-strong">DTM班</strong></li>
<p>
DTM班はパソコンを使って作曲活動をしています。自分の思う音楽を形にしたい方、ぜひ、ソフトメディア研究会DTM班に見学にお越しください！
経験者も未経験者も大歓迎です！
</p>
</ul>
<h2 class="border">活動</h2>
<p>
全部員が参加必須なのは、水曜日の18:45から行われる部会のみです。
他の活動は班によって違いますが、平均で月に1から2回発表会を行なっています。
創作活動は、各自自分の好きな時間に、部室や自宅で行っています！
</p>
<h2 class="border">部会</h2>
<p>
<strong>毎週水曜日午後6:45</strong
>から部会があります。行事の人員を選出したり、設備購入等の議決を取ったり、重要な事を話し合います。教室は月によって変わります。
教室の連絡は部室前にて行っています。
</p>
<h2 class="border">部費</h2>
<ul>
<li>入部費：500円</li>
<li>半年費用：3000円</li>
</ul>
<h2 class="border">部室</h2>
<p>
質問や、雰囲気を見てみたいなどでもいいので是非1度お越しください。
</p>
<img src="img/sofmap.gif" class="img-responsive img-border" alt="ソフマップ"/>
<h2 class="border">お問い合わせ</h2>
<p>
質問などありましたらお気軽に<strong>citsofme(at)gmail.com</strong>、または<a href="https://twitter.com/cit_sofume"
class="program-linkColor">Twitter</a>まで連絡してください。
</p>
</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>
<script src="/js/scripts.min.js"></script>
<script src="/js/main.min.js"></script>
<script src="/js/custom.js"></script>
</body>
</html>