Mercurial > hg > Members > taiki > slides
changeset 1:d3f740120b55
add new files
| author | taiki <taiki@cr.ie.u-ryukyu.ac.jp> |
|---|---|
| date | Tue, 16 Apr 2013 18:03:33 +0900 |
| parents | dd1c78c6398f |
| children | 7f4128b2369a |
| files | seminar2013/0326.html seminar2013/0402.html seminar2013/0409.html seminar2013/images/boot_order.graffle seminar2013/images/boot_order.jpg seminar2013/images/err_message01.png seminar2013/images/err_message02.png seminar2013/images/linux_before_kernel.graffle seminar2013/images/linux_before_kernel.jpg seminar2013/images/new_boot_order.jpg seminar2013/pm_kou.html |
| diffstat | 11 files changed, 2682 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/0326.html Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,417 @@ +<!-- +Google IO 2012 HTML5 Slide Template + +Authors: Eric Bidelman <ebidel@gmail.com> + Luke Mahé <lukem@google.com> + +URL: https://code.google.com/p/io-2012-slides +--> +<!DOCTYPE html> +<html> +<head> + <title>Presentation</title> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="chrome=1"> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> + <!--This one seems to work all the time, but really small on ipad--> + <!--<meta name="viewport" content="initial-scale=0.4">--> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel="stylesheet" media="all" href="css/default.css"> + <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../io2012slides/theme/css/phone.css"> + <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> + <script data-main="../io2012slides/js/slides" src="../io2012slides/js/require-1.0.8.min.js"></script> +</head> +<body style="opacity: 0"> + +<slides class="layout-widescreen"> + +<!-- + <slide class="logoslide nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo.png"></span> + </article> + </slide> +--> + + <slide class="title-slide segue nobackground"> + <aside class="gdbar"><img src="../images/concurrent.png"></aside> + <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> + <hgroup class="auto-fadein"> + <h1 data-config-title><!-- populated from slide_config.json --></h1> + <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> + <p data-config-presenter><!-- populated from slide_config.json --></p> + </hgroup> + </slide> + + <slide> + <hgroup> + <h2>研究目的</h2> + </hgroup> + <article> + <ul> + <li>動作が軽く、落ちにくいカーネルを実装する</li> + <li>ブートが最速で、コンパクトなカーネルを実装する</li> + <li>Codesegment と Datasegment をカーネルに実装するにあたって、メモリ管理の役割とどう合致するのかを検証する</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>今週の作業</h2> + </hgroup> + <article> + <ul> + <li>Linux 3.7.7 を読む</li> + <li>メモリ初期化のデバッグ</li> + <li>Fedora 18 で環境構築</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>Linux kernel</h2> + </hgroup> + <article> + <h3>初期化</h3> + <img src='images/linux_before_kernel.jpg'> + </article> + </slide> + + <slide> + <hgroup> + <h2>メモリ初期化のデバッグ</h2> + </hgroup> + <article> + <ul> + <li>GetMemoryMap は成功</li> + <li>EFI の処理を終わらせる、<br> + ExitBootServices がうまくいかない</li> + <li>ELILO ではない、EFIアプリケーションでは成功する</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2></h2> + </hgroup> + <article> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (with Subtitle Placeholder)</h2> + </hgroup> + <article> + <p>Press 'h' to highlight important sections of code (wrapped in <code><b></code>).</p> + <pre class="prettyprint" data-lang="javascript"> +<script type='text/javascript'> + // Say hello world until the user starts questioning + // the meaningfulness of their existence. + function helloWorld(world) { + <b>for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + }</b> + } +</script> +</pre> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (Smaller Font)</h2> + </hgroup> + <article class="smaller"> + <pre class="prettyprint" data-lang="javascript"> +// Say hello world until the user starts questioning +// the meaningfulness of their existence. +function helloWorld(world) { + for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + } +} +</pre> +<pre class="prettyprint" data-lang="css"> +<style> + p { color: pink } + b { color: blue } +</style> +</pre> +<pre class="prettyprint" data-lang="html"> +<!DOCTYPE html> +<html> +<head> + <title>My Awesome Page</title> +</head> +<body> + <p>Hello world</p> +<body> +</html> +</pre> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>Point I wanted to make #1</li> + <li>Point I wanted to make #2</li> + <li>Point I wanted to make #3</li> + <li>Example <a href="#">link</a> in notes.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Slide with Speaker Notes</h2> + </hgroup> + <article> + <p>Press 'p' to toggle speaker notes.</p> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>See this amazing link: <a href="http://www.google.com">link</a>.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Presenter Mode</h2> + </hgroup> + <article> + <p>Add <code><a href="?presentme=true" target="_self">?presentme=true</a></code> to the URL to enabled presenter mode. + This setting is sticky, meaning refreshing the page will persist presenter + mode.</p> + <p>Hit <code><a href="?presentme=false" target="_self">?presentme=false</a></code> to disable presenter mode.</p> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image</h2> + </hgroup> + <article> + <img src="../io2012slides/images/chart.png" class="reflect" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image (Centered horz/vert)</h2> + </hgroup> + <article class="flexbox vcenter"> + <img src="../io2012slides/images/barchart.png" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A (Smaller Text)</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article class="smaller"> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option B</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table class="rows"> + <tr> + <th>Header 1</th><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 2</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 3</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 4</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 5</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide Styles</h2> + </hgroup> + <article class="smaller"> + <div class="columns-2"> + <ul> + <li class="red">class="red"</li> + <li class="red2">class="red2"</li> + <li class="red3">class="red3"</li> + <li class="blue">class="blue"</li> + <li class="blue2">class="blue2"</li> + <li class="blue3">class="blue3"</li> + <li class="green">class="green"</li> + <li class="green2">class="green2"</li> + </ul> + <ul> + <li class="green3">class="green3"</li> + <li class="yellow">class="yellow"</li> + <li class="yellow2">class="yellow2"</li> + <li class="yellow3">class="yellow3"</li> + <li class="gray">class="gray"</li> + <li class="gray2">class="gray2"</li> + <li class="gray3">class="gray3"</li> + <li class="gray4">class="gray4"</li> + </ul> + </div> + <div class="centered" style="margin-top:2em"> + I am centered text with a <button>Button</button> and <button disabled>Disabled</button> button. + </div> + </article> + </slide> + + <slide class="segue dark nobackground"> + <aside class="gdbar"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <hgroup class="auto-fadein"> + <h2>Segue Slide</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + </slide> + + <slide class="fill nobackground" style="background-image: url(images/sky.jpg)"> + <hgroup> + <h2 class="white">Full Image (with Optional Header)</h2> + </hgroup> + <footer class="source white">www.flickr.com/photos/25797459@N06/5438799763/</footer> + </slide> + + <slide class="segue dark quote nobackground"> + <aside class="gdbar right bottom"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <q> + This is an example of quote text. + </q> + <div class="author"> + Name<br> + Company + </div> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Iframe</h2> + </hgroup> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide class="thank-you-slide segue nobackground"> + <aside class="gdbar right"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <h2><Thank You!></h2> + <p>Important contact information goes here.</p> + </article> + <p class="auto-fadein" data-config-contact> + <!-- populated from slide_config.json --> + </p> + </slide> + + <slide class="logoslide dark nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo_white.png"></span> + </article> + </slide> + + <slide class="backdrop"></slide> + +</slides> + +<script> +var _gaq = _gaq || []; +_gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); +_gaq.push(['_trackPageview']); + +(function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); +})(); +</script> + +<!--[if IE]> + <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> + <script>CFInstall.check({mode: 'overlay'});</script> +<![endif]--> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/0402.html Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,434 @@ +<!-- +Google IO 2012 HTML5 Slide Template + +Authors: Eric Bidelman <ebidel@gmail.com> + Luke Mahé <lukem@google.com> + +URL: https://code.google.com/p/io-2012-slides +--> +<!DOCTYPE html> +<html> +<head> + <title>Presentation</title> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="chrome=1"> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> + <!--This one seems to work all the time, but really small on ipad--> + <!--<meta name="viewport" content="initial-scale=0.4">--> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel="stylesheet" media="all" href="css/default.css"> + <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../io2012slides/theme/css/phone.css"> + <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> + <script data-main="../io2012slides/js/slides" src="../io2012slides/js/require-1.0.8.min.js"></script> +</head> +<body style="opacity: 0"> + +<slides class="layout-widescreen"> + +<!-- + <slide class="logoslide nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo.png"></span> + </article> + </slide> +--> + + <slide class="title-slide segue nobackground"> + <aside class="gdbar"><img src="../images/concurrent.png"></aside> + <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> + <hgroup class="auto-fadein"> + <h1 data-config-title><!-- populated from slide_config.json --></h1> + <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> + <p data-config-presenter><!-- populated from slide_config.json --></p> + </hgroup> + </slide> + + <slide> + <hgroup> + <h2>研究目的</h2> + </hgroup> + <article> + <ul> + <li>動作が軽く、落ちにくいカーネルを実装する</li> + <li>ブートが最速で、コンパクトなカーネルを実装する</li> + <li>Codesegment と Datasegment をカーネルに実装するにあたって、メモリ管理の役割とどう合致するのかを検証する</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>今週の作業</h2> + </hgroup> + <article> + <ul> + <li>Linux 3.7.7 を読む</li> + <li>メモリ初期化のデバッグ</li> + <li>Fedora 18 で環境構築</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>Paging 初期化のデバッグ</h2> + </hgroup> + <article> + <ul> + <li>Memory の状態を知るための GetMemoryMap は成功</li> + <li>EFI の処理を終わらせる、<br> + ExitBootServices がうまくいかない</li> + <li>ELILO ではない、EFIアプリケーションでは成功する</li> + <li>GDT LDT の登録はできる</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>いままでの Paging の設定</h2> + </hgroup> + <article> + <img src='images/boot_order.jpg'> + <h3>これだと許可されず、ページテーブルの最初のアドレスを格納する cr3 がいじれない。</h3> + </article> + </slide> + + + <slide> + <hgroup> + <h2>これから試す Paging の設定</h2> + </hgroup> + <article> + <img src='images/new_boot_order.jpg'> + <h3>こうすれば、UEFI の制限なくページテーブルが設定できるのでは……？<br> + Linux の EFI stub という起動の仕方ではこうしていた。</h3> + </article> + </slide> + + <slide> + <hgroup> + <h2>これからやること</h2> + </hgroup> + <ul> + <li>引き続き Paging の設定</li> + <li>うまくいったら User/特権 mode の切り替え</li> + </ul> + <article> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (with Subtitle Placeholder)</h2> + </hgroup> + <article> + <p>Press 'h' to highlight important sections of code (wrapped in <code><b></code>).</p> + <pre class="prettyprint" data-lang="javascript"> +<script type='text/javascript'> + // Say hello world until the user starts questioning + // the meaningfulness of their existence. + function helloWorld(world) { + <b>for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + }</b> + } +</script> +</pre> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (Smaller Font)</h2> + </hgroup> + <article class="smaller"> + <pre class="prettyprint" data-lang="javascript"> +// Say hello world until the user starts questioning +// the meaningfulness of their existence. +function helloWorld(world) { + for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + } +} +</pre> +<pre class="prettyprint" data-lang="css"> +<style> + p { color: pink } + b { color: blue } +</style> +</pre> +<pre class="prettyprint" data-lang="html"> +<!DOCTYPE html> +<html> +<head> + <title>My Awesome Page</title> +</head> +<body> + <p>Hello world</p> +<body> +</html> +</pre> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>Point I wanted to make #1</li> + <li>Point I wanted to make #2</li> + <li>Point I wanted to make #3</li> + <li>Example <a href="#">link</a> in notes.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Slide with Speaker Notes</h2> + </hgroup> + <article> + <p>Press 'p' to toggle speaker notes.</p> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>See this amazing link: <a href="http://www.google.com">link</a>.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Presenter Mode</h2> + </hgroup> + <article> + <p>Add <code><a href="?presentme=true" target="_self">?presentme=true</a></code> to the URL to enabled presenter mode. + This setting is sticky, meaning refreshing the page will persist presenter + mode.</p> + <p>Hit <code><a href="?presentme=false" target="_self">?presentme=false</a></code> to disable presenter mode.</p> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image</h2> + </hgroup> + <article> + <img src="../io2012slides/images/chart.png" class="reflect" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image (Centered horz/vert)</h2> + </hgroup> + <article class="flexbox vcenter"> + <img src="../io2012slides/images/barchart.png" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A (Smaller Text)</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article class="smaller"> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option B</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table class="rows"> + <tr> + <th>Header 1</th><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 2</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 3</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 4</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 5</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide Styles</h2> + </hgroup> + <article class="smaller"> + <div class="columns-2"> + <ul> + <li class="red">class="red"</li> + <li class="red2">class="red2"</li> + <li class="red3">class="red3"</li> + <li class="blue">class="blue"</li> + <li class="blue2">class="blue2"</li> + <li class="blue3">class="blue3"</li> + <li class="green">class="green"</li> + <li class="green2">class="green2"</li> + </ul> + <ul> + <li class="green3">class="green3"</li> + <li class="yellow">class="yellow"</li> + <li class="yellow2">class="yellow2"</li> + <li class="yellow3">class="yellow3"</li> + <li class="gray">class="gray"</li> + <li class="gray2">class="gray2"</li> + <li class="gray3">class="gray3"</li> + <li class="gray4">class="gray4"</li> + </ul> + </div> + <div class="centered" style="margin-top:2em"> + I am centered text with a <button>Button</button> and <button disabled>Disabled</button> button. + </div> + </article> + </slide> + + <slide class="segue dark nobackground"> + <aside class="gdbar"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <hgroup class="auto-fadein"> + <h2>Segue Slide</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + </slide> + + <slide class="fill nobackground" style="background-image: url(images/sky.jpg)"> + <hgroup> + <h2 class="white">Full Image (with Optional Header)</h2> + </hgroup> + <footer class="source white">www.flickr.com/photos/25797459@N06/5438799763/</footer> + </slide> + + <slide class="segue dark quote nobackground"> + <aside class="gdbar right bottom"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <q> + This is an example of quote text. + </q> + <div class="author"> + Name<br> + Company + </div> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Iframe</h2> + </hgroup> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide class="thank-you-slide segue nobackground"> + <aside class="gdbar right"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <h2><Thank You!></h2> + <p>Important contact information goes here.</p> + </article> + <p class="auto-fadein" data-config-contact> + <!-- populated from slide_config.json --> + </p> + </slide> + + <slide class="logoslide dark nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo_white.png"></span> + </article> + </slide> + + <slide class="backdrop"></slide> + +</slides> + +<script> +var _gaq = _gaq || []; +_gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); +_gaq.push(['_trackPageview']); + +(function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); +})(); +</script> + +<!--[if IE]> + <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> + <script>CFInstall.check({mode: 'overlay'});</script> +<![endif]--> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/0409.html Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,422 @@ +<!-- +Google IO 2012 HTML5 Slide Template + +Authors: Eric Bidelman <ebidel@gmail.com> + Luke Mahé <lukem@google.com> + +URL: https://code.google.com/p/io-2012-slides +--> +<!DOCTYPE html> +<html> +<head> + <title>Presentation</title> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="chrome=1"> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> + <!--This one seems to work all the time, but really small on ipad--> + <!--<meta name="viewport" content="initial-scale=0.4">--> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel="stylesheet" media="all" href="css/default.css"> + <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../io2012slides/theme/css/phone.css"> + <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> + <script data-main="../io2012slides/js/slides" src="../io2012slides/js/require-1.0.8.min.js"></script> +</head> +<body style="opacity: 0"> + +<slides class="layout-widescreen"> + +<!-- + <slide class="logoslide nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo.png"></span> + </article> + </slide> +--> + + <slide class="title-slide segue nobackground"> + <aside class="gdbar"><img src="../images/concurrent.png"></aside> + <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> + <hgroup class="auto-fadein"> + <h1 data-config-title><!-- populated from slide_config.json --></h1> + <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> + <p data-config-presenter><!-- populated from slide_config.json --></p> + </hgroup> + </slide> + + <slide> + <hgroup> + <h2>研究目的</h2> + </hgroup> + <article> + <ul> + <li>動作が軽く、落ちにくいカーネルを実装する</li> + <li>ブートが最速で、コンパクトなカーネルを実装する</li> + <li>Codesegment と Datasegment をカーネルに実装するにあたって、メモリ管理の役割とどう合致するのかを検証する</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>今週の作業</h2> + </hgroup> + <article> + <ul> + <li>Linux 3.7.7 を読む</li> + <li>メモリ初期化のデバッグ</li> + <li>Fedora 18 で環境構築</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>ELILO</h2> + </hgroup> + <article> + <h3>ELILO の中でのカーネル、という方針</h3> + <p> + 1.ExitBootServices<br> + 2.GDT/LDT を設定<br> + 3.別セグメントに飛ぶ<br> + 4.メモリの初期化 + </p> + </article> + </slide> + + <slide> + <hgroup> + <h2>エラーメッセージ</h2> + </hgroup> + <article> + <img src='images/err_message01.png'> + <img src='images/err_message02.png'> + </article> + </slide> + + <slide> + <hgroup> + <h2>これからやること</h2> + </hgroup> + <ul> + <li>引き続き Paging の設定</li> + <li>うまくいったら User/特権 mode の切り替え</li> + </ul> + <article> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (with Subtitle Placeholder)</h2> + </hgroup> + <article> + <p>Press 'h' to highlight important sections of code (wrapped in <code><b></code>).</p> + <pre class="prettyprint" data-lang="javascript"> +<script type='text/javascript'> + // Say hello world until the user starts questioning + // the meaningfulness of their existence. + function helloWorld(world) { + <b>for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + }</b> + } +</script> +</pre> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (Smaller Font)</h2> + </hgroup> + <article class="smaller"> + <pre class="prettyprint" data-lang="javascript"> +// Say hello world until the user starts questioning +// the meaningfulness of their existence. +function helloWorld(world) { + for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + } +} +</pre> +<pre class="prettyprint" data-lang="css"> +<style> + p { color: pink } + b { color: blue } +</style> +</pre> +<pre class="prettyprint" data-lang="html"> +<!DOCTYPE html> +<html> +<head> + <title>My Awesome Page</title> +</head> +<body> + <p>Hello world</p> +<body> +</html> +</pre> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>Point I wanted to make #1</li> + <li>Point I wanted to make #2</li> + <li>Point I wanted to make #3</li> + <li>Example <a href="#">link</a> in notes.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Slide with Speaker Notes</h2> + </hgroup> + <article> + <p>Press 'p' to toggle speaker notes.</p> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>See this amazing link: <a href="http://www.google.com">link</a>.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Presenter Mode</h2> + </hgroup> + <article> + <p>Add <code><a href="?presentme=true" target="_self">?presentme=true</a></code> to the URL to enabled presenter mode. + This setting is sticky, meaning refreshing the page will persist presenter + mode.</p> + <p>Hit <code><a href="?presentme=false" target="_self">?presentme=false</a></code> to disable presenter mode.</p> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image</h2> + </hgroup> + <article> + <img src="../io2012slides/images/chart.png" class="reflect" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image (Centered horz/vert)</h2> + </hgroup> + <article class="flexbox vcenter"> + <img src="../io2012slides/images/barchart.png" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A (Smaller Text)</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article class="smaller"> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option B</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table class="rows"> + <tr> + <th>Header 1</th><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 2</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 3</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 4</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 5</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide Styles</h2> + </hgroup> + <article class="smaller"> + <div class="columns-2"> + <ul> + <li class="red">class="red"</li> + <li class="red2">class="red2"</li> + <li class="red3">class="red3"</li> + <li class="blue">class="blue"</li> + <li class="blue2">class="blue2"</li> + <li class="blue3">class="blue3"</li> + <li class="green">class="green"</li> + <li class="green2">class="green2"</li> + </ul> + <ul> + <li class="green3">class="green3"</li> + <li class="yellow">class="yellow"</li> + <li class="yellow2">class="yellow2"</li> + <li class="yellow3">class="yellow3"</li> + <li class="gray">class="gray"</li> + <li class="gray2">class="gray2"</li> + <li class="gray3">class="gray3"</li> + <li class="gray4">class="gray4"</li> + </ul> + </div> + <div class="centered" style="margin-top:2em"> + I am centered text with a <button>Button</button> and <button disabled>Disabled</button> button. + </div> + </article> + </slide> + + <slide class="segue dark nobackground"> + <aside class="gdbar"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <hgroup class="auto-fadein"> + <h2>Segue Slide</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + </slide> + + <slide class="fill nobackground" style="background-image: url(images/sky.jpg)"> + <hgroup> + <h2 class="white">Full Image (with Optional Header)</h2> + </hgroup> + <footer class="source white">www.flickr.com/photos/25797459@N06/5438799763/</footer> + </slide> + + <slide class="segue dark quote nobackground"> + <aside class="gdbar right bottom"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <q> + This is an example of quote text. + </q> + <div class="author"> + Name<br> + Company + </div> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Iframe</h2> + </hgroup> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide class="thank-you-slide segue nobackground"> + <aside class="gdbar right"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <h2><Thank You!></h2> + <p>Important contact information goes here.</p> + </article> + <p class="auto-fadein" data-config-contact> + <!-- populated from slide_config.json --> + </p> + </slide> + + <slide class="logoslide dark nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo_white.png"></span> + </article> + </slide> + + <slide class="backdrop"></slide> + +</slides> + +<script> +var _gaq = _gaq || []; +_gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); +_gaq.push(['_trackPageview']); + +(function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); +})(); +</script> + +<!--[if IE]> + <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> + <script>CFInstall.check({mode: 'overlay'});</script> +<![endif]--> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/images/boot_order.graffle Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,491 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>ActiveLayerIndex</key> + <integer>0</integer> + <key>ApplicationVersion</key> + <array> + <string>com.omnigroup.OmniGraffle</string> + <string>139.16.0.171715</string> + </array> + <key>AutoAdjust</key> + <true/> + <key>BackgroundGraphic</key> + <dict> + <key>Bounds</key> + <string>{{0, 0}, {558.99997329711914, 783}}</string> + <key>Class</key> + <string>SolidGraphic</string> + <key>ID</key> + <integer>2</integer> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <key>BaseZoom</key> + <integer>0</integer> + <key>CanvasOrigin</key> + <string>{0, 0}</string> + <key>ColumnAlign</key> + <integer>1</integer> + <key>ColumnSpacing</key> + <real>36</real> + <key>CreationDate</key> + <string>2013-04-02 09:17:59 +0000</string> + <key>Creator</key> + <string>TaikiTAIRA</string> + <key>DisplayScale</key> + <string>1 0/72 in = 1 0/72 in</string> + <key>GraphDocumentVersion</key> + <integer>8</integer> + <key>GraphicsList</key> + <array> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>13</integer> + </dict> + <key>ID</key> + <integer>14</integer> + <key>Points</key> + <array> + <string>{186.00001319905866, 166.5}</string> + <string>{186.00001319905866, 197.25}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>4</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{115, 197.75}, {142, 57}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>13</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 Paging init}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{150.5, 435.125}, {71, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>ID</key> + <integer>12</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 ELILO kernel}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{168.5, 386.25}, {35, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>ID</key> + <integer>11</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 ELILO}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>5</integer> + </dict> + <key>ID</key> + <integer>10</integer> + <key>Points</key> + <array> + <string>{186.00001021895466, 344}</string> + <string>{186.00001021895466, 374.75}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>3</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>3</integer> + </dict> + <key>ID</key> + <integer>8</integer> + <key>Points</key> + <array> + <string>{186, 255.25}</string> + <string>{186, 286}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>13</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{130.5, 409.25}, {111, 65.75}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>6</integer> + <key>Shape</key> + <string>Rectangle</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{115, 375.25}, {142, 108}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>5</integer> + <key>Shape</key> + <string>Rectangle</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{115, 109}, {142, 57}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>4</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 Boot}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{115, 286.5}, {142, 57}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>3</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 EFI}</string> + </dict> + </dict> + </array> + <key>GridInfo</key> + <dict/> + <key>GuidesLocked</key> + <string>NO</string> + <key>GuidesVisible</key> + <string>YES</string> + <key>HPages</key> + <integer>1</integer> + <key>ImageCounter</key> + <integer>1</integer> + <key>KeepToScale</key> + <false/> + <key>Layers</key> + <array> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Layer 1</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>YES</string> + </dict> + </array> + <key>LayoutInfo</key> + <dict> + <key>Animate</key> + <string>NO</string> + <key>circoMinDist</key> + <real>18</real> + <key>circoSeparation</key> + <real>0.0</real> + <key>layoutEngine</key> + <string>dot</string> + <key>neatoSeparation</key> + <real>0.0</real> + <key>twopiSeparation</key> + <real>0.0</real> + </dict> + <key>LinksVisible</key> + <string>NO</string> + <key>MagnetsVisible</key> + <string>NO</string> + <key>MasterSheets</key> + <array/> + <key>ModificationDate</key> + <string>2013-04-02 09:24:09 +0000</string> + <key>Modifier</key> + <string>TaikiTAIRA</string> + <key>NotesVisible</key> + <string>NO</string> + <key>Orientation</key> + <integer>2</integer> + <key>OriginVisible</key> + <string>NO</string> + <key>PageBreaks</key> + <string>YES</string> + <key>PrintInfo</key> + <dict> + <key>NSBottomMargin</key> + <array> + <string>float</string> + <string>41</string> + </array> + <key>NSHorizonalPagination</key> + <array> + <string>coded</string> + <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAhOU051bWJlcgCEhAdOU1ZhbHVlAISECE5TT2JqZWN0AIWEASqEhAFxlwCG</string> + </array> + <key>NSLeftMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSPaperSize</key> + <array> + <string>size</string> + <string>{594.99997329711914, 842}</string> + </array> + <key>NSPrintReverseOrientation</key> + <array> + <string>int</string> + <string>0</string> + </array> + <key>NSRightMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSTopMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + </dict> + <key>PrintOnePage</key> + <false/> + <key>ReadOnly</key> + <string>NO</string> + <key>RowAlign</key> + <integer>1</integer> + <key>RowSpacing</key> + <real>36</real> + <key>SheetTitle</key> + <string>Canvas 1</string> + <key>SmartAlignmentGuidesActive</key> + <string>YES</string> + <key>SmartDistanceGuidesActive</key> + <string>YES</string> + <key>UniqueID</key> + <integer>1</integer> + <key>UseEntirePage</key> + <false/> + <key>VPages</key> + <integer>1</integer> + <key>WindowInfo</key> + <dict> + <key>CurrentSheet</key> + <integer>0</integer> + <key>ExpandedCanvases</key> + <array> + <dict> + <key>name</key> + <string>Canvas 1</string> + </dict> + </array> + <key>Frame</key> + <string>{{989, 640}, {693, 778}}</string> + <key>ListView</key> + <true/> + <key>OutlineWidth</key> + <integer>142</integer> + <key>RightSidebar</key> + <false/> + <key>ShowRuler</key> + <true/> + <key>Sidebar</key> + <true/> + <key>SidebarWidth</key> + <integer>120</integer> + <key>VisibleRegion</key> + <string>{{0, 0}, {558, 639}}</string> + <key>Zoom</key> + <real>1</real> + <key>ZoomValues</key> + <array> + <array> + <string>Canvas 1</string> + <real>1</real> + <real>1</real> + </array> + </array> + </dict> +</dict> +</plist>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/images/linux_before_kernel.graffle Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,471 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>ActiveLayerIndex</key> + <integer>0</integer> + <key>ApplicationVersion</key> + <array> + <string>com.omnigroup.OmniGraffle</string> + <string>139.16.0.171715</string> + </array> + <key>AutoAdjust</key> + <true/> + <key>BackgroundGraphic</key> + <dict> + <key>Bounds</key> + <string>{{0, 0}, {559.28001499176025, 782.8900146484375}}</string> + <key>Class</key> + <string>SolidGraphic</string> + <key>ID</key> + <integer>2</integer> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <key>BaseZoom</key> + <integer>0</integer> + <key>CanvasOrigin</key> + <string>{0, 0}</string> + <key>ColumnAlign</key> + <integer>1</integer> + <key>ColumnSpacing</key> + <real>36</real> + <key>CreationDate</key> + <string>2013-03-26 07:21:40 +0000</string> + <key>Creator</key> + <string>TaikiTAIRA</string> + <key>DisplayScale</key> + <string>1 0/72 in = 1 0/72 in</string> + <key>GraphDocumentVersion</key> + <integer>8</integer> + <key>GraphicsList</key> + <array> + <dict> + <key>Bounds</key> + <string>{{284, 31}, {159, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>12</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset128 HiraKakuProN-W3;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 \'83\'81\'83\'82\'83\'8a\'82\'d6\'82\'cc\'83\'43\'83\'81\'81\'5b\'83\'57\'82\'cc\ +\'8a\'84\'82\'e8\'93\'96\'82\'c4}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{284, 126}, {159, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>11</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset128 HiraKakuProN-W3;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 kernel thread \'8e\'c0\'8d\'73\'91\'4f\'82\'c9\'81\'41\'8f\'89\'8a\'fa\'89\'bb\'82\'aa\'95\'4b\'97\'76\'82\'c8\'95\'a8\'82\'f0\ +\'8f\'89\'8a\'fa\'89\'bb\'82\'b7\'82\'e9}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{284, 221}, {159, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>10</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset128 HiraKakuProN-W3;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 kernel thread \'82\'f0\'8a\'4a\'8e\'6e\'82\'b7\'82\'e9}</string> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>4</integer> + </dict> + <key>ID</key> + <integer>9</integer> + <key>Points</key> + <array> + <string>{207, 281.5}</string> + <string>{207, 315.5}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>5</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>5</integer> + </dict> + <key>ID</key> + <integer>8</integer> + <key>Points</key> + <array> + <string>{207.00001212916442, 186.5}</string> + <string>{207.00001212916442, 220.5}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>3</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>Head</key> + <dict> + <key>ID</key> + <integer>3</integer> + </dict> + <key>ID</key> + <integer>7</integer> + <key>Points</key> + <array> + <string>{206.99998136396502, 91.5}</string> + <string>{206.99998136396502, 125.5}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>Legacy</key> + <true/> + <key>LineType</key> + <integer>1</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>6</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{152, 31}, {110, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>6</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 head_64.S}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{152, 221}, {110, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>5</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 init/main\ +rest_init()}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{152, 316}, {110, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>4</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;\f1\fnil\fcharset128 HiraKakuProN-W3;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 kernel thread\ + +\f1 \'82\'aa\'8b\'4e\'93\'ae}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{152, 126}, {110, 60}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>3</integer> + <key>Shape</key> + <string>Rectangle</string> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370 +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc + +\f0\fs24 \cf0 init/main.c\ +start_kernel()}</string> + </dict> + </dict> + </array> + <key>GridInfo</key> + <dict/> + <key>GuidesLocked</key> + <string>NO</string> + <key>GuidesVisible</key> + <string>YES</string> + <key>HPages</key> + <integer>1</integer> + <key>ImageCounter</key> + <integer>1</integer> + <key>KeepToScale</key> + <false/> + <key>Layers</key> + <array> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Layer 1</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>YES</string> + </dict> + </array> + <key>LayoutInfo</key> + <dict> + <key>Animate</key> + <string>NO</string> + <key>circoMinDist</key> + <real>18</real> + <key>circoSeparation</key> + <real>0.0</real> + <key>layoutEngine</key> + <string>dot</string> + <key>neatoSeparation</key> + <real>0.0</real> + <key>twopiSeparation</key> + <real>0.0</real> + </dict> + <key>LinksVisible</key> + <string>NO</string> + <key>MagnetsVisible</key> + <string>NO</string> + <key>MasterSheets</key> + <array/> + <key>ModificationDate</key> + <string>2013-03-26 08:59:08 +0000</string> + <key>Modifier</key> + <string>TaikiTAIRA</string> + <key>NotesVisible</key> + <string>NO</string> + <key>Orientation</key> + <integer>2</integer> + <key>OriginVisible</key> + <string>NO</string> + <key>PageBreaks</key> + <string>YES</string> + <key>PrintInfo</key> + <dict> + <key>NSBottomMargin</key> + <array> + <string>float</string> + <string>41</string> + </array> + <key>NSHorizonalPagination</key> + <array> + <string>coded</string> + <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAhOU051bWJlcgCEhAdOU1ZhbHVlAISECE5TT2JqZWN0AIWEASqEhAFxlwCG</string> + </array> + <key>NSLeftMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSPaperSize</key> + <array> + <string>size</string> + <string>{595.28001499176025, 841.8900146484375}</string> + </array> + <key>NSPrintReverseOrientation</key> + <array> + <string>int</string> + <string>0</string> + </array> + <key>NSPrinter</key> + <array> + <string>coded</string> + <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAlOU1ByaW50ZXIAhIQITlNPYmplY3QAhZKEhIQITlNTdHJpbmcBlIQBKxNDYW5vbiBNRzMxMDAgc2VyaWVzhoY=</string> + </array> + <key>NSPrinterName</key> + <array> + <string>string</string> + <string>Canon MG3100 series</string> + </array> + <key>NSRightMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSTopMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + </dict> + <key>PrintOnePage</key> + <false/> + <key>ReadOnly</key> + <string>NO</string> + <key>RowAlign</key> + <integer>1</integer> + <key>RowSpacing</key> + <real>36</real> + <key>SheetTitle</key> + <string>Canvas 1</string> + <key>SmartAlignmentGuidesActive</key> + <string>YES</string> + <key>SmartDistanceGuidesActive</key> + <string>YES</string> + <key>UniqueID</key> + <integer>1</integer> + <key>UseEntirePage</key> + <false/> + <key>VPages</key> + <integer>1</integer> + <key>WindowInfo</key> + <dict> + <key>CurrentSheet</key> + <integer>0</integer> + <key>ExpandedCanvases</key> + <array> + <dict> + <key>name</key> + <string>Canvas 1</string> + </dict> + </array> + <key>Frame</key> + <string>{{480, 35}, {694, 922}}</string> + <key>ListView</key> + <true/> + <key>OutlineWidth</key> + <integer>142</integer> + <key>RightSidebar</key> + <false/> + <key>ShowRuler</key> + <true/> + <key>Sidebar</key> + <true/> + <key>SidebarWidth</key> + <integer>120</integer> + <key>VisibleRegion</key> + <string>{{0, 0}, {559, 783}}</string> + <key>Zoom</key> + <real>1</real> + <key>ZoomValues</key> + <array> + <array> + <string>Canvas 1</string> + <real>1</real> + <real>1</real> + </array> + </array> + </dict> +</dict> +</plist>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/seminar2013/pm_kou.html Tue Apr 16 18:03:33 2013 +0900 @@ -0,0 +1,447 @@ +<!-- +Google IO 2012 HTML5 Slide Template + +Authors: Eric Bidelman <ebidel@gmail.com> + Luke Mahé <lukem@google.com> + +URL: https://code.google.com/p/io-2012-slides +--> +<!DOCTYPE html> +<html> +<head> + <title>Presentation</title> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="chrome=1"> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> + <!--This one seems to work all the time, but really small on ipad--> + <!--<meta name="viewport" content="initial-scale=0.4">--> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel="stylesheet" media="all" href="css/default.css"> + <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../io2012slides/theme/css/phone.css"> + <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> + <script data-main="../io2012slides/js/slides" src="../io2012slides/js/require-1.0.8.min.js"></script> +</head> +<body style="opacity: 0"> + +<slides class="layout-widescreen"> + +<!-- + <slide class="logoslide nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo.png"></span> + </article> + </slide> +--> + + <slide class="title-slide segue nobackground"> + <aside class="gdbar"><img src="../images/concurrent.png"></aside> + <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> + <hgroup class="auto-fadein"> + <h1 data-config-title><!-- populated from slide_config.json --></h1> + <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> + <p data-config-presenter><!-- populated from slide_config.json --></p> + </hgroup> + </slide> + + <slide> + <hgroup> + <h2>PM 2.5 とは</h2> + </hgroup> + <article> + <ul> + <li>大気中に浮遊している 2.5 μm 以下の小さな粒子</li> + <li>髪の毛の太さの 1/30 程度の大きさ</li> + <li>肺の奥深くまで入りやすく、肺がん、呼吸/循環器系に影響があるかも</li> + <li>物の燃焼などによって直接排出されるもの</li> + <li>硫黄酸化物（SOx）、窒素酸化物（NOx）、揮発性有機化合物（VOC）等のガス状大気汚染物質が、主として環境大気中での化学反応により粒子化したもの</li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>PM2.5 [福岡県東区]</h2> + </hgroup> + <article> + <img src='pm_kou_images/hukuoka_higasiku.png'> + </article> + </slide> + + <slide> + <hgroup> + <h2>PM2.5 [熊本県益城]</h2> + </hgroup> + <article> + <img src='pm_kou_images/kumamoto_ekizyou.png'> + </article> + </slide> + + <slide> + <hgroup> + <h2>PM2.5 [東京都千代田区]</h2> + </hgroup> + <article> + <img src='pm_kou_images/tyoukyou_chiyoda.png'> + </article> + </slide> + + <slide> + <hgroup> + <h2>PM2.5 年間推移</h2> + </hgroup> + <article> + <img src='pm_kou_images/pm2.5_nenkansuii.png'> + </article> + </slide> + + <slide> + <hgroup> + <h2>PM2.5 参考サイト</h2> + </hgroup> + <article> + <ul> + <li><a href='http://guide.tenki.jp/guide/particulate_matter/'>気象協会</a></li> + <li><a href='http://soramame.taiki.go.jp/'>そらまめ君</a></li> + <li><a href='http://www.env.go.jp/air/osen/pm/info.html'>環境省</a></li> + </ul> + </article> + </slide> + + <slide> + <hgroup> + <h2>黄砂</h2> + </hgroup> + <article> + <ul> + <li>砂漠、乾燥地域の砂塵が強風を伴う砂嵐で上空に巻き上げられたもの</li> + <li>ぜんそくや花粉症を悪化させるおそれがある</li> + <li>微生物や細菌などが乗って飛来することもある</li> + <li>アレルギーや食中毒の原因にも</li> + </ul> + <p>wikipedia / <a href='http://www.nikkei.com/article/DGXNASGG21023_R20C13A3000000/'>日本経済新聞</a>参照</p> + </article> + </slide> + + <slide> + <hgroup> + <h2>気象庁</h2> + </hgroup> + <article> + <a href='http://vizlog.visualzoo.com/archives/2488'>黄砂の飛来は増えているのか？</a> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (with Subtitle Placeholder)</h2> + </hgroup> + <article> + <p>Press 'h' to highlight important sections of code (wrapped in <code><b></code>).</p> + <pre class="prettyprint" data-lang="javascript"> +<script type='text/javascript'> + // Say hello world until the user starts questioning + // the meaningfulness of their existence. + function helloWorld(world) { + <b>for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + }</b> + } +</script> +</pre> + </article> + </slide> + + <slide> + <hgroup> + <h2>Code Slide (Smaller Font)</h2> + </hgroup> + <article class="smaller"> + <pre class="prettyprint" data-lang="javascript"> +// Say hello world until the user starts questioning +// the meaningfulness of their existence. +function helloWorld(world) { + for (var i = 42; --i >= 0;) { + alert('Hello ' + String(world)); + } +} +</pre> +<pre class="prettyprint" data-lang="css"> +<style> + p { color: pink } + b { color: blue } +</style> +</pre> +<pre class="prettyprint" data-lang="html"> +<!DOCTYPE html> +<html> +<head> + <title>My Awesome Page</title> +</head> +<body> + <p>Hello world</p> +<body> +</html> +</pre> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>Point I wanted to make #1</li> + <li>Point I wanted to make #2</li> + <li>Point I wanted to make #3</li> + <li>Example <a href="#">link</a> in notes.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Slide with Speaker Notes</h2> + </hgroup> + <article> + <p>Press 'p' to toggle speaker notes.</p> + </article> + </slide> + + <slide> + <aside class="note"> + <section> + <ul> + <li>See this amazing link: <a href="http://www.google.com">link</a>.</li> + </ul> + <p><b>Remember to say this tag line!</b></p> + </section> + </aside> + <hgroup> + <h2>Presenter Mode</h2> + </hgroup> + <article> + <p>Add <code><a href="?presentme=true" target="_self">?presentme=true</a></code> to the URL to enabled presenter mode. + This setting is sticky, meaning refreshing the page will persist presenter + mode.</p> + <p>Hit <code><a href="?presentme=false" target="_self">?presentme=false</a></code> to disable presenter mode.</p> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image</h2> + </hgroup> + <article> + <img src="../io2012slides/images/chart.png" class="reflect" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Image (Centered horz/vert)</h2> + </hgroup> + <article class="flexbox vcenter"> + <img src="../io2012slides/images/barchart.png" alt="Description" title="Description"> + <footer class="source">source: place source info here</footer> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option A (Smaller Text)</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article class="smaller"> + <table> + <tr> + <th></th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th> + </tr> + <tr> + <td>Row 1</td><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 2</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 3</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 4</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <td>Row 5</td><td>placeholder</td><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Table Option B</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + <article> + <table class="rows"> + <tr> + <th>Header 1</th><td>placeholder</td><td class="highlight">placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 2</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 3</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 4</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + <tr> + <th>Header 5</th><td>placeholder</td><td>placeholder</td><td>placeholder</td> + </tr> + </table> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide Styles</h2> + </hgroup> + <article class="smaller"> + <div class="columns-2"> + <ul> + <li class="red">class="red"</li> + <li class="red2">class="red2"</li> + <li class="red3">class="red3"</li> + <li class="blue">class="blue"</li> + <li class="blue2">class="blue2"</li> + <li class="blue3">class="blue3"</li> + <li class="green">class="green"</li> + <li class="green2">class="green2"</li> + </ul> + <ul> + <li class="green3">class="green3"</li> + <li class="yellow">class="yellow"</li> + <li class="yellow2">class="yellow2"</li> + <li class="yellow3">class="yellow3"</li> + <li class="gray">class="gray"</li> + <li class="gray2">class="gray2"</li> + <li class="gray3">class="gray3"</li> + <li class="gray4">class="gray4"</li> + </ul> + </div> + <div class="centered" style="margin-top:2em"> + I am centered text with a <button>Button</button> and <button disabled>Disabled</button> button. + </div> + </article> + </slide> + + <slide class="segue dark nobackground"> + <aside class="gdbar"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <hgroup class="auto-fadein"> + <h2>Segue Slide</h2> + <h3>Subtitle Placeholder</h3> + </hgroup> + </slide> + + <slide class="fill nobackground" style="background-image: url(images/sky.jpg)"> + <hgroup> + <h2 class="white">Full Image (with Optional Header)</h2> + </hgroup> + <footer class="source white">www.flickr.com/photos/25797459@N06/5438799763/</footer> + </slide> + + <slide class="segue dark quote nobackground"> + <aside class="gdbar right bottom"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <q> + This is an example of quote text. + </q> + <div class="author"> + Name<br> + Company + </div> + </article> + </slide> + + <slide> + <hgroup> + <h2>Slide with Iframe</h2> + </hgroup> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide> + <article> + <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> + </article> + </slide> + + <slide class="thank-you-slide segue nobackground"> + <aside class="gdbar right"><img src="../io2012slides/images/google_developers_icon_128.png"></aside> + <article class="flexbox vleft auto-fadein"> + <h2><Thank You!></h2> + <p>Important contact information goes here.</p> + </article> + <p class="auto-fadein" data-config-contact> + <!-- populated from slide_config.json --> + </p> + </slide> + + <slide class="logoslide dark nobackground"> + <article class="flexbox vcenter"> + <span><img src="../io2012slides/images/google_developers_logo_white.png"></span> + </article> + </slide> + + <slide class="backdrop"></slide> + +</slides> + +<script> +var _gaq = _gaq || []; +_gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); +_gaq.push(['_trackPageview']); + +(function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); +})(); +</script> + +<!--[if IE]> + <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> + <script>CFInstall.check({mode: 'overlay'});</script> +<![endif]--> +</body> +</html>