Mercurial > hg > Members > masakoha > masa

comparison 14/slides/April_25th.html @ 89:fa89fbf9256a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add Lightning talk slide
author Masataka Kohagura <e085726@ie.u-ryukyu.ac.jp>
date Fri, 25 Apr 2014 13:55:38 +0900
parents 14/slides/April_15th.html@86196e6f63b0
children 6712b080ba7a
comparison
equal deleted inserted replaced
88:38314da55beb 89:fa89fbf9256a
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 </table>
110 </div>
111
112
113 <div id="cover">
114 <h1>早速ですが</h1>
115 インターネットレーベル「ApheR Records」立ち上げました<br>
116
117 <a href="http://www.apherrecords.com/index.html">http://www.apherrecords.com/index.html</a>
118 <ul>
119 <li>
120 インターネットレーベルとは?? <br>
121 -> インターネット上で運営されているレコードレーベルのこと
122 </li>
123 <li>
124 レコードレーベルとは?? <br>
125 -> レコード会社のこと ( avex 、VICTOR など )
126 </li>
127 </ul>
128
129
130 </div>
131 <!-- add slides here; example -->
132
133 <div class='cover'>
134 <h1>なぜネットレーベルを??</h1>
135 <ul>
136 <li>
137 沖縄のDTM (DeskTop Music) 勢で何かしたかった。
138 </li>
139 <li>
140 ネットという性質上、日本全国どころか、海外勢とでも組むことができる。<br>
141 (しかし、敢えてこのレーベルは沖縄の人、沖縄に縁のある人で基本構成する予定。)
142 </li>
143 <li>
144 <font color="red">沖縄の作曲勢を増やしたい。</font>
145 </li>
146 </ul>
147 </div>
148
149
150 <div class='cover'>
151 <h1>ApheR Records 今までの活動内容</h1>
152 <ul>
153 <li>
154 メンバー募集
155 </li>
156 <li>
157 2014.3 作曲講座(音階やコードなどの基本理論)
158 </li>
159 <li>
160 2014.4 初コンピアルバム「GATHER」制作・公開
161 <a href="">http://www.apherrecords.com/index.html</a>
162 </li>
163 <li>
164 2014.5 おでかけライブ出展したかったな・・・(´；ω；｀)
165 </li>
166 </ul>
167 </div>
168
169
170 <div class='cover'>
171 <h1>ApheR Records 今後の活動予定</h1>
172 <ul>
173 <li>
174 不定期に作曲講座します。(希望があればいつでも)
175 </li>
176 <li>
177 2,3 ヶ月に 1回ほどコンピアルバム制作予定
178 </li>
179 <li>
180 おでライに出展予定(7月 or 8月、来年1月)
181 </li>
182 <li>
183 <font color="red">来年春 or 秋に M3 に出展したい!!</font><br>
184 ※M3 : 東京で行われる音系専門のコミケみたいなイベント
185 </li>
186 </ul>
187 </div>
188
189
190 <div class='cover'>
191 <h1>DTM (DeskTop Music)とは??</h1>
192 <ul>
193 <li>
194 パソコンをメインで作曲すること(Computer Music とも呼ばれる)
195 </li>
196 <li>
197 デジタル音楽が主流 ( Trance、Techno、Minimal、Hardcore など)
198 </li>
199 <li>
200 <font color="red">Mac には GarageBand が付属!!</font>
201 </li>
202 <li>
203 iPad でもたくさんの作曲ツールやシンセがある。ボカロもあるよ!<br>
204 GarageBand<br>
205 <a href="http://www.apple.com/jp/ios/garageband/">http://www.apple.com/jp/ios/garageband/</a><br>
206
207 YAMAHA Mobile Music Sequencer<br>
208 <a href="http://jp.yamaha.com/products/apps/mobile_sequencer/">http://jp.yamaha.com/products/apps/mobile_sequencer/</a><br>
209
210 KORG Gadget<br>
211 <a href="http://www.korg.com/jp/products/software/korg_gadget_for_ipad/">http://www.detune.co.jp/korgm01d_jp.html</a><br>
212
213 </li>
214 <li>
215 3DS でもできるよ!!<br>
216 KOGR M01D (DL専用 税5% のときは 3,000円)<br>
217 <a href="http://www.detune.co.jp/korgm01d_jp.html">http://www.detune.co.jp/korgm01d_jp.html</a>
218 </li>
219
220 </li>
221 </ul>
222 </div>
223
224 <div id="cover">
225 <h1>宣伝</h1>
226 <img src=""> </img>
227 </div>
228
229 </div> <!-- presentation -->
230 </body>
231 </html>