|
0
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
5 <title>ApheR Records</title>
|
|
|
6
|
|
|
7 <!--
|
|
|
8 Notes on CSS media types used:
|
|
|
9
|
|
|
10 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
|
|
|
11 2) screen -> outline mode (display all slides-at-once on screen)
|
|
|
12 3) print -> print (and print preview)
|
|
|
13
|
|
|
14 Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
|
|
|
15
|
|
|
16 Questions, comments?
|
|
|
17 - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
|
|
|
18 -->
|
|
|
19
|
|
|
20 <!-- styles -->
|
|
|
21 <style media="screen,projection">
|
|
|
22
|
|
|
23 html,
|
|
|
24 body,
|
|
|
25 .presentation { margin: 0; padding: 0; }
|
|
|
26
|
|
|
27 .slide { display: none;
|
|
|
28 position: absolute;
|
|
|
29 top: 0; left: 0;
|
|
|
30 margin: 0;
|
|
|
31 border: none;
|
|
|
32 padding: 2% 4% 0% 4%; /* css note: order is => top right bottom left */
|
|
|
33 -moz-box-sizing: border-box;
|
|
|
34 -webkit-box-sizing: border-box;
|
|
|
35 box-sizing: border-box;
|
|
|
36 width: 100%; height: 100%; /* css note: lets use border-box; no need to add padding+border to get to 100% */
|
|
|
37 overflow-x: hidden; overflow-y: auto;
|
|
|
38 z-index: 2;
|
|
|
39 }
|
|
|
40
|
|
|
41 .slide.current { display: block; } /* only display current slide in projection mode */
|
|
|
42
|
|
|
43 .slide .stepcurrent { color: black; }
|
|
|
44 .slide .step { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
|
|
|
45
|
|
|
46 .slide {
|
|
|
47 /*
|
|
|
48 background-image: -webkit-linear-gradient(top, blue, aqua, blue, aqua);
|
|
|
49 background-image: -moz-linear-gradient(top, blue, aqua, blue, aqua);
|
|
|
50 */
|
|
|
51 }
|
|
|
52 </style>
|
|
|
53
|
|
|
54 <style media="screen">
|
|
|
55 .slide { border-top: 1px solid #888; }
|
|
|
56 .slide:first-child { border: none; }
|
|
|
57 </style>
|
|
|
58
|
|
|
59 <style media="print">
|
|
|
60 .slide { page-break-inside: avoid; }
|
|
|
61 .slide h1 { page-break-after: avoid; }
|
|
|
62 .slide ul { page-break-inside: avoid; }
|
|
|
63 </style>
|
|
|
64
|
|
|
65
|
|
|
66 <!-- add js lib (jquery) -->
|
|
|
67 <script src="js/jquery-1.7.min.js"></script>
|
|
|
68
|
|
|
69 <!-- S6 JS -->
|
|
|
70 <script src="js/jquery.slideshow.js"></script>
|
|
|
71 <script src="js/jquery.slideshow.counter.js"></script>
|
|
|
72 <script src="js/jquery.slideshow.controls.js"></script>
|
|
|
73 <script>
|
|
|
74 $(document).ready( function() {
|
|
|
75 Slideshow.init();
|
|
|
76
|
|
|
77 // Example 2: Start Off in Outline Mode
|
|
|
78 // Slideshow.init( { mode: 'outline' } );
|
|
|
79
|
|
|
80 // Example 3: Use Custom Transition
|
|
|
81 // Slideshow.transition = transitionScrollUp;
|
|
|
82 // Slideshow.init();
|
|
|
83
|
|
|
84 // Example 4: Start Off in Autoplay Mode with Custom Transition
|
|
|
85 // Slideshow.transition = transitionScrollUp;
|
|
|
86 // Slideshow.init( { mode: 'autoplay' } );
|
|
|
87 } );
|
|
|
88 </script>
|
|
|
89
|
|
|
90 </head>
|
|
|
91 <body>
|
|
|
92
|
|
|
93
|
|
|
94 <div class="presentation">
|
|
|
95
|
|
|
96 <div class='slide cover'>
|
|
|
97 <table width="90%" height="90%" border="0" align="center">
|
|
|
98 <tr>
|
|
|
99 <td><div align="center">
|
|
|
100 <h1>作曲いかがですか??</h1>
|
|
|
101 </div>
|
|
|
102 </td>
|
|
|
103 </tr>
|
|
|
104 <tr>
|
|
|
105 <td><div align="right">
|
|
|
106 <name>Masataka Kohagura 25th April,2014</name>
|
|
|
107 </div></td>
|
|
|
108 </tr>
|
|
|
109 </tr>
|
|
|
110 <tr>
|
|
|
111 <td><div align="right">
|
|
|
112 ※ 十字キー右左でスライドがめくれます
|
|
|
113 </div></td>
|
|
|
114 </tr>
|
|
|
115 </table>
|
|
|
116 </div>
|
|
|
117
|
|
|
118
|
|
|
119
|
|
|
120 <div id="cover">
|
|
|
121 <h1>私は誰</h1>
|
|
|
122
|
|
|
123 <ul>
|
|
|
124 <li>
|
|
|
125 あだ名 : マサさん、まーくん、iPad 先輩
|
|
|
126 </li>
|
|
|
127 <li>
|
|
|
128 M1 河野研
|
|
|
129 </li>
|
|
|
130 <li>
|
|
|
131 twitter : @masamasa_massa
|
|
|
132 </li>
|
|
|
133 <li>
|
|
|
134 好きなゲーム : 音ゲ、モンハン、歴史ストラテジー(日本も海外も)、格ゲ(スパ4)etc...<br>
|
|
|
135 基本なんでもやります
|
|
|
136 </li>
|
|
|
137
|
|
|
138 </ul>
|
|
|
139
|
|
|
140
|
|
|
141 </div>
|
|
|
142
|
|
|
143 <div id="cover">
|
|
|
144 <h1>早速ですが</h1>
|
|
|
145 インターネットレーベル「ApheR Records」立ち上げました<br>
|
|
|
146
|
|
|
147 <a href="http://www.apherrecords.com/">http://www.apherrecords.com/</a>
|
|
|
148 <ul>
|
|
|
149 <li>
|
|
|
150 インターネットレーベルとは?? <br>
|
|
|
151 -> インターネット上で運営されているレコードレーベルのこと
|
|
|
152 </li>
|
|
|
153 <li>
|
|
|
154 レコードレーベルとは?? <br>
|
|
|
155 -> レコード会社のこと ( avex 、VICTOR 、 コロムビアなど )
|
|
|
156 </li>
|
|
|
157 </ul>
|
|
|
158
|
|
|
159
|
|
|
160 </div>
|
|
|
161 <!-- add slides here; example -->
|
|
|
162
|
|
|
163 <div class='cover'>
|
|
|
164 <h1>なぜネットレーベルを??</h1>
|
|
|
165 <ul>
|
|
|
166 <li>
|
|
|
167 沖縄のDTM (DeskTop Music) 勢で何かしたかった。
|
|
|
168 </li>
|
|
|
169 <li>
|
|
|
170 ネットという性質上、日本全国どころか、海外勢とでも組むことができる。<br>
|
|
|
171 (しかし、敢えてこのレーベルは沖縄の人、沖縄に縁のある人で基本構成する予定。)
|
|
|
172 </li>
|
|
|
173 <li>
|
|
|
174 <font color="red">沖縄の作曲勢を増やしたい。</font>
|
|
|
175 </li>
|
|
|
176 </ul>
|
|
|
177 </div>
|
|
|
178
|
|
|
179
|
|
|
180 <div class='cover'>
|
|
|
181 <h1>ApheR Records 今までの活動内容</h1>
|
|
|
182 <ul>
|
|
|
183 <li>
|
|
|
184 メンバー募集(Composer、Designer、Video maker)
|
|
|
185 </li>
|
|
|
186 <li>
|
|
|
187 2014.3 作曲講座(音階やコードなどの基本理論)・作曲実演
|
|
|
188 </li>
|
|
|
189 <li>
|
|
|
190 2014.4 初コンピアルバム「GATHER」制作・公開
|
|
|
191 <a href="http://www.apherrecords.com/release.html">http://www.apherrecords.com/release.html</a>
|
|
|
192 </li>
|
|
|
193 <li>
|
|
|
194 2014.5 おでかけライブ出展する予定だった
|
|
|
195 </li>
|
|
|
196 </ul>
|
|
|
197 </div>
|
|
|
198
|
|
|
199
|
|
|
200 <div class='cover'>
|
|
|
201 <h1>ApheR Records 今後の活動予定</h1>
|
|
|
202 <ul>
|
|
|
203 <li>
|
|
|
204 不定期に作曲講座・作曲実演します。(希望があればいつでも)
|
|
|
205 </li>
|
|
|
206 <li>
|
|
|
207 2,3 ヶ月に 1回ほどアルバムリリースしたいよね。
|
|
|
208 </li>
|
|
|
209 <li>
|
|
|
210 おでライに出展予定(7月 or 8月、来年1月)
|
|
|
211 </li>
|
|
|
212 <li>
|
|
|
213 <font color="red">来年春 or 秋に M3 に出展したい!!</font><br>
|
|
|
214 ※M3 : 東京で行われる音系専門のコミケみたいなイベント
|
|
|
215 </li>
|
|
|
216 </ul>
|
|
|
217 </div>
|
|
|
218
|
|
|
219
|
|
|
220 <div class='cover'>
|
|
|
221 <h1>DTM (DeskTop Music)とは??</h1>
|
|
|
222 <ul>
|
|
|
223 <li>
|
|
|
224 パソコンをメインで作曲すること(Computer Music とも呼ばれる)
|
|
|
225 </li>
|
|
|
226 <li>
|
|
|
227 デジタル音楽が主流 ( Trance、Techno、Minimal、Hardcore など)
|
|
|
228 </li>
|
|
|
229 <li>
|
|
|
230 <font color="red">Mac には GarageBand が付属!!</font>
|
|
|
231 </li>
|
|
|
232 </ul>
|
|
|
233 </div>
|
|
|
234
|
|
|
235 <div class='cover'>
|
|
|
236 <h1>作曲機材どうするの</h1>
|
|
|
237
|
|
|
238 <ul>
|
|
|
239 <li>
|
|
|
240 作曲系のツールや音源などを集めるのに何かと高い(数万単位でとんでいく)
|
|
|
241 </li>
|
|
|
242 <li>
|
|
|
243 iPad でもたくさんの作曲ツールやシンセがある。ボカロもあるよ!<br>
|
|
|
244 GarageBand<br>
|
|
|
245 <a href="http://www.apple.com/jp/ios/garageband/">http://www.apple.com/jp/ios/garageband/</a><br>
|
|
|
246
|
|
|
247 YAMAHA Mobile Music Sequencer<br>
|
|
|
248 <a href="http://jp.yamaha.com/products/apps/mobile_sequencer/">http://jp.yamaha.com/products/apps/mobile_sequencer/</a><br>
|
|
|
249
|
|
|
250 KORG Gadget<br>
|
|
|
251 <a href="http://www.korg.com/jp/products/software/korg_gadget_for_ipad/">http://www.detune.co.jp/korgm01d_jp.html</a><br>
|
|
|
252
|
|
|
253 </li>
|
|
|
254 <li>
|
|
|
255 3DS でもできるよ!!<br>
|
|
|
256 KOGR M01D (DL専用 税5% のときは 3,000円)<br>
|
|
|
257 <a href="http://www.detune.co.jp/korgm01d_jp.html">http://www.detune.co.jp/korgm01d_jp.html</a>
|
|
|
258 </li>
|
|
|
259 <li>
|
|
|
260 (参考)私の作曲環境<br>
|
|
|
261 <a href="http://masa.cr.ie.u-ryukyu.ac.jp/beatmake.html#">http://masa.cr.ie.u-ryukyu.ac.jp/beatmake.html</a>
|
|
|
262 </li>
|
|
|
263 </ul>
|
|
|
264 </div>
|
|
|
265
|
|
|
266 <div id="cover">
|
|
|
267 <h1>宣伝</h1>
|
|
|
268 <img src="images/GATHER.png" height=300 width=300 align=center><br>
|
|
|
269 <a href="http://www.apherrecords.com/release.html">http://www.apherrecords.com/release.html</a>
|
|
|
270 <ul>
|
|
|
271 <li>
|
|
|
272 6曲入り 総時間 26分
|
|
|
273 </li>
|
|
|
274 <li>
|
|
|
275 お値段なんと無料!!
|
|
|
276 </li>
|
|
|
277 </ul>
|
|
|
278 </div>
|
|
|
279
|
|
|
280 <div id="cover">
|
|
|
281 <h1>最後に</h1>
|
|
|
282 <ul>
|
|
|
283 <li>
|
|
|
284 何かあれば twitter にでも<br>
|
|
|
285 twitter : @masamasa_massa
|
|
|
286 </li>
|
|
|
287 <li>
|
|
|
288 ムービーと曲を合わせたい<br>
|
|
|
289 <a href="http://www.nicovideo.jp/watch/sm21878817">こんなのつくりたい(niconico)</a>
|
|
|
290 </li>
|
|
|
291 <li>
|
|
|
292 「といっても作曲むずかしいでしょ??」最初はみんなこんなもの<br>
|
|
|
293 <s><a href="http://www.nicovideo.jp/watch/sm14577790">黒歴史(niconico)</a></s>
|
|
|
294 </li>
|
|
|
295 </ul>
|
|
|
296 </div>
|
|
|
297
|
|
|
298 </div> <!-- presentation -->
|
|
|
299 </body>
|
|
|
300 </html>
|
