-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
230 lines (201 loc) · 8.29 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
<!DOCTYPE html>
<html>
<head>
<title>Cyder</title>
<meta charset="UTF-8" />
<meta name="keywords" content="Cyder, Aktiva, 舞鏡" />
<meta name="description" content="Cyder（サイダー）は明石高専の学生から構成されるグループです。" />
<meta name="author" content="Cyder" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<section id="head_img">
<div>
<img src="img/logo_m.png" />
<a href="#aboutus">Cyderの世界を覗く</a>
</div>
</section>
<section id="aboutus">
<div class="wrap">
<h1>学生グループ「Cyder」</h1>
<div class="left-content">
<img src="img/group_img.jpg" />
</div>
<div class="right-content">
<p>
Cyder（サイダー）は明石高専の学生から構成されるグループです。
</p>
<p>
弾けるような楽しい一時を届け、日本全国を元気にすることを使命としています。
この使命を全うするため、2016年の結成以降、エンターテイメントとテクノロジーの交差点に立ち続けています。
</p>
</div>
</div>
</section>
<section id="works">
<div class="wrap">
<h1>メンバー</h1>
<ul class="contents-list">
<li>
<img src="img/mori.jpg" />
<h2>森 篤史</h2>
<h3>プロジェクトマネージャー / プログラマ</h3>
<p>
吹奏楽部の部長だった経験を活かし、Cyderでもリーダーシップを発揮して指揮棒を振る。
</p>
<p>
プロジェクトの管理を担うと共にシステムの実装にも中心的に携わる。
</p>
</li>
<li>
<a href="http://daichi.globalstudios.jp/" target="_blank">
<img src="img/yoshitake.jpg" />
<h2>吉武 大地<i class="fa fa-link"></i></h2>
<h3>Webデベロッパー / プロダクトデザイナー</h3>
<p>
高1から高3の間に海外11ヶ国を旅して得たインスピレーションをCyderのプロダクトに反映する。
</p>
<p>
Webやロゴデザインだけではなく、プログラミングやプロダクトデザインも担い、手広く携わる。
</p>
</a>
</li>
<li>
<img src="img/kato.jpg" />
<h2>加藤 瑞葵</h2>
<h3>メカニカルエンジニア</h3>
<p>
ほぼ独力で巨大なAktivaの構造設計を行う。
プロトタイプの組立も担当した。
</p>
<p>
Cyder唯一のメカニカルエンジニアとして、プロダクトの構造設計を担当。
</p>
</li>
<li>
<img src="img/okamoto.jpg" />
<h2>岡本 陸</h2>
<h3>UI/UXデザイナー</h3>
<p>
建築学科の学生ながら、そのデザイン能力はIT業界にも通じ、各コンテストで高評価を得る。
</p>
<p>
Aktiva本体のUI/UXデザイン以外にも空間デザインも行う。
</p>
</li>
<li>
<img src="img/nezu.jpg" />
<h2>根津 宏輔</h2>
<h3>プログラマ</h3>
<p>
Cyder最年少のメンバー。
チームの主戦力としてソフトウェア開発を支える。
</p>
<p>
通信部分の実装を中心にプログラムの開発に携わる。
</p>
</li>
<li>
<img src="img/shibasaki.jpg" class="imgmax" />
<h2>芝崎 優也</h2>
<h3>グラフィックデザイナー</h3>
<p>
イラストやUIデザインで多数の受賞経験を持つ。
視覚的に訴えるグラフィックでCyderのプロダクトのプロモーションを行う。
</p>
</li>
<li>
<img src="img/nishihara.jpg" />
<h2>西原 大貴</h2>
<h3>秘書</h3>
<p>
会議や取材の議事録を取り、情報を集約することで、Cyderをチームとして機能させる系男子。
</p>
</li>
<li>
<img src="img/kitayama.jpg" />
<h2>喜多山 湧也</h2>
<h3>コンテンツボーイ</h3>
<p>
生きているだけでコンテンツを量産する、僕らのコンテンツボーイ。
</p>
</li>
<li>
<img src="img/tsuda.jpg" class="imgmax" />
<h2>津田 颯</h2>
<h3>ハードウェアエンジニア</h3>
<p>
バスケ部のキャプテン。
</p>
</li>
</ul>
</div>
</section>
<section id="aktiva">
<div class="wrap">
<h1>Aktiva</h1>
<div class="left-content">
<img src="img/aktiva_about.png" />
</div>
<div class="right-content">
<h2>比類なきダンス体験</h2>
<p>
Aktiva（アクティーバ）は、ダンスに必要な機能を全て集約した、ARスマートミラーです。
あなたの全身を映し出す巨大な鏡に、手本となるダンスが映し出されます。
お手本を見るだけではなく、曲の再生も、再生スピードの調節も、ダンスの採点や記録すらも、1つの鏡で行える、それがAktiva。
今までにない比類なきダンス体験を全ての人へ。
</p>
<h2>コンセプト</h2>
<p>
ダンスとは本来、老若男女問わず気軽に楽しめるものです。
ダンスに興味があるにも関わらず、気軽に練習する環境がなく、ダンスを遠い存在だと感じている人は少なくありません。
舞鏡は、これ1台で誰でもダンスの練習を自分のスタイルで行えるようにデザインされたスマートミラーです。
我々はこのプロダクトを通して、ダンスがカラオケなどと同じように日常に馴染む世界の実現を目的としています。
</p>
</div>
</div>
</section>
<section id="aktiva_about">
<div class="wrap">
<h1>Aktiva | 実績</h1>
<div class="left-content">
<h2>メディア</h2>
<p>
[2016.11.17] 明石ケーブルテレビでAktiva(旧称: 舞鏡)が紹介されました。
</p>
<h2>受賞</h2>
<p>
第27回全国高等専門学校プログラミングコンテスト 課題部門に参加しました。
「舞鏡(まいかがみ)－世界初ダンス用ARスマートミラー－」というタイトルで発表し、特別賞、DMM.comラボ企業賞、NICT賞の3件の賞を受賞しました。
</p>
</div>
<div class="right-content">
<img src="img/AktivaLogo.png" />
</div>
</div>
</section>
<section id="aktiva_img">
</section>
<section id="aktiva_video">
<div class="wrap">
<h1>Aktiva | ビデオ</h1>
<div class="youtube">
<iframe src="https://www.youtube.com/embed/IhZAtxQeH2k" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</section>
<footer class="footer">
<div class="wrap">
<img src="img/footer_logo.png" />
<address>Contact: <a href="mailto:[email protected]">[email protected]</a></address>
<p><small>© 2017 Cyder</small></p>
</div>
</footer>
<!-- Script -->
<script src="js/lib/jquery.min.js"></script>
<script src="js/scroll.js"></script>
</body>
</html>