Mercurial > hg > Members > masakoha > seminar
comparison April_25th.html @ 0:1308906213ab
add files
author | masa |
---|---|
date | Tue, 05 Aug 2014 17:20:23 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1308906213ab |
---|---|
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> |