changeset 89:fa89fbf9256a

add Lightning talk slide
author Masataka Kohagura <e085726@ie.u-ryukyu.ac.jp>
date Fri, 25 Apr 2014 13:55:38 +0900
parents 38314da55beb
children 6712b080ba7a
files 14/slides/April_25th.html
diffstat 1 files changed, 231 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/14/slides/April_25th.html	Fri Apr 25 13:55:38 2014 +0900
@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
+  <title>ApheR Records</title>
+
+<!-- 
+   Notes on CSS media types used:
+ 
+   1) projection -> slideshow mode (display one slide at-a-time; hide all others)
+   2) screen     -> outline mode (display all slides-at-once on screen) 
+   3) print      -> print (and print preview)
+  
+   Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
+
+   Questions, comments?
+   - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow    
+-->
+
+<!-- styles  -->
+<style media="screen,projection">
+
+html,
+body,
+.presentation { margin: 0; padding: 0; }
+
+.slide { display: none;
+         position: absolute;
+         top: 0; left: 0; 
+         margin: 0;
+         border: none;
+         padding: 2% 4% 0% 4%;         /* css note: order is => top right bottom left  */
+         -moz-box-sizing: border-box;
+         -webkit-box-sizing: border-box;
+         box-sizing: border-box;
+         width: 100%; height: 100%;    /* css note: lets use border-box; no need to add padding+border to get to 100% */
+         overflow-x: hidden; overflow-y: auto;
+         z-index: 2;
+       }
+
+.slide.current { display: block; }  /* only display current slide in projection mode */
+
+.slide .stepcurrent { color: black; }
+.slide .step        { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
+
+.slide {
+/*
+  background-image: -webkit-linear-gradient(top, blue, aqua, blue, aqua);
+  background-image: -moz-linear-gradient(top, blue, aqua, blue, aqua);
+*/
+}
+</style>
+
+<style media="screen">
+.slide             { border-top: 1px solid #888; }
+.slide:first-child { border: none;  }
+</style>
+
+<style media="print">
+.slide    { page-break-inside: avoid; }
+.slide h1 { page-break-after:  avoid; }
+.slide ul { page-break-inside: avoid; }
+</style>
+
+
+<!-- add js lib (jquery) -->
+<script src="js/jquery-1.7.min.js"></script>
+
+<!-- S6 JS -->
+<script src="js/jquery.slideshow.js"></script>
+<script src="js/jquery.slideshow.counter.js"></script>
+<script src="js/jquery.slideshow.controls.js"></script>
+<script>
+  $(document).ready( function() {
+    Slideshow.init();
+    
+    // Example 2: Start Off in Outline Mode
+    // Slideshow.init( { mode: 'outline' } );
+    
+    // Example 3: Use Custom Transition
+    // Slideshow.transition = transitionScrollUp;
+    // Slideshow.init();
+
+    // Example 4: Start Off in Autoplay Mode with Custom Transition
+    // Slideshow.transition = transitionScrollUp;
+    // Slideshow.init( { mode: 'autoplay' } );
+  } );
+</script>
+
+</head>
+<body>
+
+
+<div class="presentation">
+
+  <div class='slide cover'>
+  <table width="90%" height="90%" border="0" align="center">
+  <tr>
+  <td><div align="center">
+      <h1>作曲いかがですか??</h1>
+      </div>
+  </td>
+  </tr>
+      <tr>
+      <td><div align="right">
+          <name>Masataka Kohagura 25th April,2014</name>
+      </div></td>
+      </tr>
+  </table>
+  </div>
+
+
+  <div id="cover">
+    <h1>早速ですが</h1>
+    インターネットレーベル「ApheR Records」立ち上げました<br>
+
+    <a href="http://www.apherrecords.com/index.html">http://www.apherrecords.com/index.html</a>
+    <ul>
+      <li>
+      インターネットレーベルとは?? <br>
+      -> インターネット上で運営されているレコードレーベルのこと
+      </li>
+      <li>
+      レコードレーベルとは?? <br>
+      -> レコード会社のこと ( avex 、VICTOR など )
+      </li>
+    </ul>
+
+
+  </div>
+  <!-- add slides here; example -->
+
+  <div class='cover'>
+    <h1>なぜネットレーベルを??</h1>
+    <ul>
+      <li>
+      沖縄のDTM (DeskTop Music) 勢で何かしたかった。
+      </li>
+      <li>
+      ネットという性質上、日本全国どころか、海外勢とでも組むことができる。<br>
+      (しかし、敢えてこのレーベルは沖縄の人、沖縄に縁のある人で基本構成する予定。)
+      </li>
+      <li>
+      <font color="red">沖縄の作曲勢を増やしたい。</font>
+      </li>
+    </ul>
+  </div>
+
+
+  <div class='cover'>
+    <h1>ApheR Records 今までの活動内容</h1>
+    <ul>
+      <li>
+      メンバー募集
+      </li>
+      <li>
+      2014.3 作曲講座(音階やコードなどの基本理論)
+      </li>
+      <li>
+      2014.4 初コンピアルバム「GATHER」制作・公開
+      <a href="">http://www.apherrecords.com/index.html</a>
+      </li>
+      <li>
+      2014.5 おでかけライブ出展したかったな・・・(´;ω;`)
+      </li>
+    </ul>
+  </div>
+
+
+  <div class='cover'>
+    <h1>ApheR Records 今後の活動予定</h1>
+    <ul>
+      <li>
+      不定期に作曲講座します。(希望があればいつでも)
+      </li>
+      <li>
+      2,3 ヶ月に 1回ほどコンピアルバム制作予定
+      </li>
+      <li>
+      おでライに出展予定(7月 or 8月、来年1月)
+      </li>
+      <li>
+      <font color="red">来年春 or 秋に M3 に出展したい!!</font><br>
+      ※M3 : 東京で行われる音系専門のコミケみたいなイベント
+      </li>
+    </ul>
+  </div>
+
+
+  <div class='cover'>
+    <h1>DTM (DeskTop Music)とは??</h1>
+    <ul>
+      <li>
+      パソコンをメインで作曲すること(Computer Music とも呼ばれる)
+      </li>
+      <li>
+      デジタル音楽が主流 ( Trance、Techno、Minimal、Hardcore など)
+      </li>
+      <li>
+      <font color="red">Mac には GarageBand が付属!!</font>
+      </li>
+      <li>
+      iPad でもたくさんの作曲ツールやシンセがある。ボカロもあるよ!<br>
+      GarageBand<br>
+      <a href="http://www.apple.com/jp/ios/garageband/">http://www.apple.com/jp/ios/garageband/</a><br>
+
+      YAMAHA Mobile Music Sequencer<br>
+      <a href="http://jp.yamaha.com/products/apps/mobile_sequencer/">http://jp.yamaha.com/products/apps/mobile_sequencer/</a><br>
+
+      KORG Gadget<br>
+      <a href="http://www.korg.com/jp/products/software/korg_gadget_for_ipad/">http://www.detune.co.jp/korgm01d_jp.html</a><br>
+
+      </li>
+      <li>
+      3DS でもできるよ!!<br>
+      KOGR M01D (DL専用 税5% のときは 3,000円)<br>
+      <a href="http://www.detune.co.jp/korgm01d_jp.html">http://www.detune.co.jp/korgm01d_jp.html</a>
+      </li>
+
+      </li>
+    </ul>
+  </div>
+
+  <div id="cover">
+    <h1>宣伝</h1>
+    <img src=""> </img>
+  </div>
+
+</div> <!-- presentation -->
+</body>
+</html>