Mercurial > hg > Members > masakoha > masa
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>