|
0
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
5 <title>2st,July</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 2nd July,2014</name>
|
|
|
107 </div></td>
|
|
|
108 </tr>
|
|
|
109 </tr>
|
|
|
110 </table>
|
|
|
111 </div>
|
|
|
112
|
|
|
113
|
|
|
114
|
|
|
115 <div id="cover">
|
|
|
116 <h1>私は誰</h1>
|
|
|
117 <p>
|
|
|
118 琉球大学工学部情報工学科卒業
|
|
|
119 </p>
|
|
|
120 <p>
|
|
|
121 琉球大学大学院 理工学研究科 情報工学専攻 1年次(M1)
|
|
|
122 </p>
|
|
|
123 <p>
|
|
|
124 並列信頼研(河野研)所属
|
|
|
125 </p>
|
|
|
126 <p>
|
|
|
127 IGDA琉球大学(最近設立した)
|
|
|
128 </p>
|
|
|
129 <p>
|
|
|
130 古波倉 正隆
|
|
|
131 </p>
|
|
|
132 <p>
|
|
|
133 twitter : @masamasa_massa
|
|
|
134 </p>
|
|
|
135 <ul>
|
|
|
136 <li>
|
|
|
137 趣味 : ゲーム(音ゲ、RPG、というかなんでも)、作曲
|
|
|
138 </li>
|
|
|
139 </ul>
|
|
|
140 <a href="http://www.masakoha.com/">わたしのホームページ</a>
|
|
|
141 <a href="http://www.apherrecords.com/">ApheR Records</a>
|
|
|
142 <!--
|
|
|
143 <img src="images/GATHER.png" height=300 width=300 align=center><br>
|
|
|
144 -->
|
|
|
145 </div>
|
|
|
146
|
|
|
147 <div id="cover">
|
|
|
148 <h1>私の研究(卒論)</h1>
|
|
|
149 <p>
|
|
|
150 Title : Cerium による並列処理向け I/O の実装
|
|
|
151 </p>
|
|
|
152 <p>
|
|
|
153 Cerium : 当研究室が開発している並列プログラミングフレームワーク
|
|
|
154 </p>
|
|
|
155 <p>
|
|
|
156 世の中の PC のほとんどはマルチコアである。そのマルチコアを最大限に活かすためには、かなりの苦労が強いられるが、それらを簡単に実装できるのが Cerium。
|
|
|
157 </p>
|
|
|
158 <p>
|
|
|
159 並列計算を行うときの処理時間は、I/Oの時間がほとんどである。
|
|
|
160 </p>
|
|
|
161 <p>
|
|
|
162 malloc -> read , mmap , blocked read
|
|
|
163 </p>
|
|
|
164 <p>
|
|
|
165 並列計算を行うときの最適な読み込み方法は何か
|
|
|
166 </p>
|
|
|
167 </div>
|
|
|
168
|
|
|
169 <div id="cover">
|
|
|
170 <h1>IGDAとは</h1>
|
|
|
171 <p>
|
|
|
172 IGDA : International Game Developers Association (国際ゲーム開発者協会)は、ゲーム開発者の国際NPOである。
|
|
|
173 </p>
|
|
|
174 <p>
|
|
|
175 全世界で122の支部 ( Chapter ) と、12の学生支部 (Academic Chapter) が存在する。
|
|
|
176 </p>
|
|
|
177 <p>
|
|
|
178 2年半前から沖縄でも開催されはじめた GameJam<br>
|
|
|
179 ->基本的には IGDA が開催することが多い
|
|
|
180 </p>
|
|
|
181 <h1>IGDA琉球大学</h1>
|
|
|
182 <a href="http://igda.cr.ie.u-ryukyu.ac.jp/">IGDA琉球大学公式サイト</a>
|
|
|
183 <p>
|
|
|
184 アジア初の学生支部!
|
|
|
185 </p>
|
|
|
186 <p>
|
|
|
187 IGDA 琉球大学は、様々なゲーム制作イベントを通して、沖縄の社会人クリエイターと学生クリエイターが交流できる場を提供できるように務める。
|
|
|
188 </p>
|
|
|
189 <p>
|
|
|
190 様々な異業種間の交流により、様々な分野に興味を引き出せたらと思います。
|
|
|
191 </p>
|
|
|
192 <p>
|
|
|
193 また、琉球大学だけでなく、沖縄国際大学、県立芸大や専門学校など沖縄の学校と連携をとり、学生クリエイターの交流を図り、ゲーム製作に必要な知識や情報を共有していきたい。
|
|
|
194 </p>
|
|
|
195 <!--
|
|
|
196 <img src="images/GATHER.png" height=300 width=300 align=center><br>
|
|
|
197 -->
|
|
|
198 </div>
|
|
|
199
|
|
|
200 <div id="cover">
|
|
|
201 <h1>GameJam</h1>
|
|
|
202 <p>
|
|
|
203 2日間(30時間前後)でゲームを作るイベント
|
|
|
204 </p>
|
|
|
205 <p>
|
|
|
206 沖縄では5,6回ほど開催されている。
|
|
|
207 </p>
|
|
|
208 <p>
|
|
|
209 私自身はサウンド担当としてほぼ参加。
|
|
|
210 </p>
|
|
|
211 <p>
|
|
|
212 学生だけのプレゲームジャムをしたところ、社会人などのプログラム経験者がいないときついつらい。(社会人がほしい)
|
|
|
213 </p>
|
|
|
214 <p>
|
|
|
215 沖縄では Unity を使用することは多い。
|
|
|
216 </p>
|
|
|
217 <!--
|
|
|
218 <img src="images/GATHER.png" height=300 width=300 align=center><br>
|
|
|
219 -->
|
|
|
220 </div>
|
|
|
221
|
|
|
222 <div id="cover">
|
|
|
223 <h1>福島 GameJam</h1>
|
|
|
224 <p>
|
|
|
225 2014/08/02 (Sat) 09:00 - 08/03 (Sun) 17:00
|
|
|
226 </p>
|
|
|
227 <p>
|
|
|
228 琉球大学工学部1号館321教室 50名規模(予定)
|
|
|
229 </p>
|
|
|
230 <p>
|
|
|
231 Summer Time Studioさん、株式会社ブリブサーさん、Unity Japan さんに協力依頼。
|
|
|
232 </p>
|
|
|
233 <p>
|
|
|
234 これからアプリカラボさんや、琉球GONZOさんの社員の方々にも告知する予定。
|
|
|
235 </p>
|
|
|
236 <!--
|
|
|
237 <img src="images/GATHER.png" height=300 width=300 align=center><br>
|
|
|
238 -->
|
|
|
239 </div>
|
|
|
240
|
|
|
241 <div id="cover">
|
|
|
242 <h1>琉球大学情報工学科での取り組み</h1>
|
|
|
243 <p>
|
|
|
244 ie-GameLab<br>
|
|
|
245 琉大祭に向けて、B1(20名),B2(10名),B3(14名)各学年がゲームを作ろうという流れができてる。
|
|
|
246 </p>
|
|
|
247 <p>
|
|
|
248 情報工だからプログラムしないといけないというわけではなく、他の才能を引き出すような形。
|
|
|
249 </p>
|
|
|
250 <p>
|
|
|
251 Unity 勉強会も行われている。作曲講座もする予定。
|
|
|
252 </p>
|
|
|
253 <p>
|
|
|
254 ニコニコゲームフェスタなどのコンテストにも出したいよね!!
|
|
|
255 </p>
|
|
|
256 </div>
|
|
|
257
|
|
|
258
|
|
|
259 </div> <!-- presentation -->
|
|
|
260 </body>
|
|
|
261 </html>
|
