Mercurial > hg > Members > masakoha > seminar
comparison 2015/0407.html @ 18:460e16421d19
add 0407.html
author | Masataka Kohagura <kohagura@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Tue, 07 Apr 2015 18:00:32 +0900 |
parents | 2014/Nov04th.html@ff03dd29fd52 |
children | 7aa4d115e792 |
comparison
equal
deleted
inserted
replaced
17:ff03dd29fd52 | 18:460e16421d19 |
---|---|
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
5 <title>seminar</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 <div class="presentation"> | |
94 | |
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>IGDA 連絡事項</h1> | |
101 </div> | |
102 </td> | |
103 </tr> | |
104 <tr> | |
105 <td><div align="right"> | |
106 <name>Masataka Kohagura 30th September,2014</name> | |
107 </div></td> | |
108 </tr> | |
109 </tr> | |
110 </table> | |
111 </div> | |
112 --> | |
113 <div id="cover"> | |
114 <h1>研究目的</h1> | |
115 <ul> | |
116 <li> | |
117 当研究室では並列プログラミングフレームワーク Cerium にてプログラミングを行っている。 | |
118 </li> | |
119 <li> | |
120 Cerium で正規表現を実装して、既存の物よりも高速化する。 | |
121 </li> | |
122 <li> | |
123 Cerium が並列処理にとって有用であることを証明する。 | |
124 </li> | |
125 </ul> | |
126 </div> | |
127 | |
128 <div id="cover"> | |
129 <h1>これからやるべきこと</h1> | |
130 <ul> | |
131 <li> | |
132 様々な grep を調べる(実装、速度 etc...) | |
133 </li> | |
134 <li> | |
135 grep の実装 | |
136 </li> | |
137 </ul> | |
138 </div> | |
139 | |
140 <div id="cover"> | |
141 <h1>様々な grep</h1> | |
142 <ul> | |
143 <li> | |
144 BSD grep (Mac OSX default) | |
145 </li> | |
146 <li> | |
147 GNU grep (ggrep) | |
148 </li> | |
149 </ul> | |
150 </div> | |
151 | |
152 | |
153 <div id="cover"> | |
154 <h1>とりあえず</h1> | |
155 <ul> | |
156 <li> | |
157 a*b を実装する。 | |
158 </li> | |
159 <li> | |
160 マッチングした行を結果として返す。 | |
161 </li> | |
162 </ul> | |
163 </div> | |
164 | |
165 <div id="cover"> | |
166 <h1>明後日東京に行ってきます</h1> | |
167 <ul> | |
168 <li> | |
169 2014/10/25,26 OcuFes(東京) | |
170 </li> | |
171 <li> | |
172 2014/11/29,30 Oculus GameJam 2014 | |
173 </li> | |
174 <li> | |
175 2015/01/24,25 Global GameJam 2014 | |
176 </li> | |
177 </ul> | |
178 </div> | |
179 | |
180 | |
181 <div id="cover"> | |
182 <h1>イベント一覧</h1> | |
183 <ul> | |
184 <li> | |
185 2014/10/25,26 OcuFes(東京) | |
186 </li> | |
187 <li> | |
188 2014/11/29,30 Oculus GameJam 2014 | |
189 </li> | |
190 <li> | |
191 2015/01/24,25 Global GameJam 2014 | |
192 </li> | |
193 </ul> | |
194 </div> | |
195 <!-- | |
196 <div id="cover"> | |
197 <h1>prog</h1> | |
198 <ul> | |
199 <li> | |
200 | |
201 </li> | |
202 | |
203 <pre> | |
204 <code> | |
205 typedef struct SDL_AudioSpec { | |
206 int freq; /** DSP frequency samples per second */ | |
207 Uint16 format; /** Audio data format */ | |
208 Uint8 channels; /** Number of channels: 1 mono, 2 stereo */ | |
209 Uint8 silence; /** Audio buffer silence value (calculated) */ | |
210 Uint16 samples; /** Audio buffer size in samples (power of 2) */ | |
211 Uint16 padding; /** Necessary for some compile environments */ | |
212 Uint32 size; /** Audio buffer size in bytes (calculated) */ | |
213 void (SDLCALL *callback)(void *userdata, Uint8 *stream, int len); | |
214 void *userdata; | |
215 } SDL_AudioSpec; | |
216 </code> | |
217 </ul> | |
218 </pre> | |
219 <img src="./images/sqrWave.png" width="50%" height=""> | |
220 </div> | |
221 | |
222 --> | |
223 | |
224 </div> <!-- presentation --> | |
225 </body> | |
226 </html> |