website/howto.html in sgl-0.4.0 vs website/howto.html in sgl-1.0.0
- old
+ new
@@ -1,134 +1,146 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
- <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- 便利情報
- </title>
- <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
-<style>
-
-</style>
- <script type="text/javascript">
- window.onload = function() {
- settings = {
- tl: { radius: 10 },
- tr: { radius: 10 },
- bl: { radius: 10 },
- br: { radius: 10 },
- antiAlias: true,
- autoPad: true,
- validTags: ["div"]
- }
- var versionBox = new curvyCorners(settings, document.getElementById("version"));
- versionBox.applyCornersToAll();
- }
- </script>
-</head>
-<body>
-<div id="main">
-
- <h1>便利情報</h1>
- <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
- <p>Get Version</p>
- <a href="http://rubyforge.org/projects/sgl" class="numbers">0.4.0</a>
- </div>
- <p>Ruby初心者のための，知ってると便利に使える情報です．</p>
-
-
- <h2>コメントアウトを活用する</h2>
-
-
- <p>ある行だけ実行しないようにしたいが，消してしまいたくはないというとき，
-コメントアウトという方法がある．行の最初に<code>#</code>を入れると，その行だけを
-実行しないようにできる．</p>
-
-
- <p>コメントアウトを活用することはとても大事だ．プログラムをかいてみてうま
-く動かなくなったときは，その行を消してしまうのではなくコメントアウトす
-ることによって，情報を保存しつつ動作させないようにする．なにをやったら
-うまくいかなかったのかを記録として残すようにすることが大事である．</p>
-
-
- <h2>notepadの使い方: コピー&ペースト</h2>
-
-
- <ul>
- <li>コピーしたい領域をマウスをドラッグして反転させる．</li>
- <li>Ctrlを押しながらCを押す．その領域がコピーバッファに入る．</li>
- <li>挿入したいところにカーソルを合わせ，Ctrlを押しながらVを押すとペーストされる．</li>
- </ul>
-
-
- <h2>notepadの使い方: ショートカットキー</h2>
-
-
- <ul>
- <li>Ctrl+Sで，ファイルをセーブする．</li>
- </ul>
-
-
- <h2>コマンドプロンプトの使い方</h2>
-
-
- <ul>
- <li>上キーを押すと，一つ前のコマンドを表示する．同じコマンドを繰り返す時に便利．</li>
- <li><code>dir</code>で，現在のディレクトリーにあるファイルの一覧を表示する．</li>
- <li><code>dir *.rb</code>で，ファイルの終わりに<code>.rb</code>がついたファイル一覧を表示する．
- <ul>
- <li>このコマンドでちゃんとセーブされているかを確認する．</li>
- </ul></li>
- </ul>
-
-
- <h2>Rubyとは?</h2>
-
-
- <p>sglはオブジェクト指向スクリプト言語Rubyを基盤として用いている．もしプ
-ログラミング言語としてのRubyを学びたい場合は直接Ruby についての本を参
-照する．</p>
-
-
- <ul>
- <li><a href="http://www.ruby-lang.org/ja/">Ruby</a></li>
- </ul>
-
-
- <p>下記の書籍をおすすめする．</p>
-
-
- <ul>
- <li><a href="http://www.amazon.co.jp/dp/4274066428/etocom05-22">プログラミングRuby 第2版 言語編</a></li>
- <li><a href="http://www.amazon.co.jp/dp/4274066436/etocom05-22">プログラミングRuby 第2版 ライブラリ編</a></li>
- </ul>
-
-
- <h2>OpenGLとは?</h2>
-
-
- <p>OpenGLとはグラフィックを描画するためのプログラミングにおける方法の一つ
-である．sglはグラフィック描画の仕組みとして内部的にOpenGLを使っている．
-もしsglの提供するグラフィックを超えてグラフィックを使いたい場合は，直
-接OpenGLを使うこともできる．</p>
-
-
- <p>OpenGLの使い方は，下記のテキストをおすすめする．</p>
-
-
- <ul>
- <li><a href="http://www.exa-corp.co.jp/solution/UBIQ/OpenGL/index.shtml">OpenGLプログラミングコース</a>
- <ul>
- <li><a href="http://www.exa-corp.co.jp/solution/UBIQ/OpenGL/OpenGL-text-091.pdf">OpenGLプログラミングテキスト</a></li>
- </ul></li>
- </ul>
- <p class="coda">
- 25th June 2007<br>
- </p>
-</div>
-
-<!-- insert site tracking codes here, like Google Urchin -->
-
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>
+ 便利情報
+ </title>
+ <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
+<style>
+
+</style>
+ <script type="text/javascript">
+ window.onload = function() {
+ settings = {
+ tl: { radius: 10 },
+ tr: { radius: 10 },
+ bl: { radius: 10 },
+ br: { radius: 10 },
+ antiAlias: true,
+ autoPad: true,
+ validTags: ["div"]
+ }
+ var versionBox = new curvyCorners(settings, document.getElementById("version"));
+ versionBox.applyCornersToAll();
+ }
+ </script>
+</head>
+<body>
+<div id="main">
+
+ <h1>便利情報</h1>
+ <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
+ <p>Get Version</p>
+ <a href="http://rubyforge.org/projects/sgl" class="numbers">1.0.0</a>
+ </div>
+ <p>Ruby初心者のための，知ってると便利に使える情報です．</p>
+
+
+ <h2>コメントアウトを活用する</h2>
+
+
+ <p>ある行だけ実行しないようにしたいが，消してしまいたくはないというとき，
+コメントアウトという方法がある．行の最初に<code>#</code>を入れると，その行だけを
+実行しないようにできる．</p>
+
+
+ <p>コメントアウトを活用することはとても大事だ．プログラムをかいてみてうま
+く動かなくなったときは，その行を消してしまうのではなくコメントアウトす
+ることによって，情報を保存しつつ動作させないようにする．なにをやったら
+うまくいかなかったのかを記録として残すようにすることが大事である．</p>
+
+
+ <h2>notepadの使い方: コピー&ペースト</h2>
+
+
+ <ul>
+ <li>コピーしたい領域をマウスをドラッグして反転させる．</li>
+ <li>Ctrlを押しながらCを押す．その領域がコピーバッファに入る．</li>
+ <li>挿入したいところにカーソルを合わせ，Ctrlを押しながらVを押すとペーストされる．</li>
+ </ul>
+
+
+ <h2>notepadの使い方: ショートカットキー</h2>
+
+
+ <ul>
+ <li>Ctrl+Sで，ファイルをセーブする．</li>
+ </ul>
+
+
+ <h2>コマンドプロンプトの使い方</h2>
+
+
+ <ul>
+ <li>上キーを押すと，一つ前のコマンドを表示する．同じコマンドを繰り返す時に便利．</li>
+ <li><code>dir</code>で，現在のディレクトリーにあるファイルの一覧を表示する．</li>
+ <li><code>dir *.rb</code>で，ファイルの終わりに<code>.rb</code>がついたファイル一覧を表示する．
+ <ul>
+ <li>このコマンドでちゃんとセーブされているかを確認する．</li>
+ </ul></li>
+ </ul>
+
+
+ <h2>課題の注意点</h2>
+
+
+ <p>課題はいずれもwindowサイズなどは自由．課題例は100,100のサイズになって
+いるが，より大きいwindowサイズを選択してもよい．</p>
+
+
+ <p>ファイル名は必ず指定のものにし，Z:に保存する．指定のファイル名のファイ
+ルが保存されているかどうかで課題提出を判定する．ファイル名が違う場合は
+提出してないことになってしまうので，注意する．</p>
+
+
+ <h2>Rubyとは?</h2>
+
+
+ <p>sglはオブジェクト指向スクリプト言語Rubyを基盤として用いている．もしプ
+ログラミング言語としてのRubyを学びたい場合は直接Ruby についての本を参
+照する．</p>
+
+
+ <ul>
+ <li><a href="http://www.ruby-lang.org/ja/">Ruby</a></li>
+ </ul>
+
+
+ <p>下記の書籍をおすすめする．</p>
+
+
+ <ul>
+ <li><a href="http://www.amazon.co.jp/dp/4274066428/etocom05-22">プログラミングRuby 第2版 言語編</a></li>
+ <li><a href="http://www.amazon.co.jp/dp/4274066436/etocom05-22">プログラミングRuby 第2版 ライブラリ編</a></li>
+ </ul>
+
+
+ <h2>OpenGLとは?</h2>
+
+
+ <p>OpenGLとはグラフィックを描画するためのプログラミングにおける方法の一つ
+である．sglはグラフィック描画の仕組みとして内部的にOpenGLを使っている．
+もしsglの提供するグラフィックを超えてグラフィックを使いたい場合は，直
+接OpenGLを使うこともできる．</p>
+
+
+ <p>OpenGLの使い方は，下記のテキストをおすすめする．</p>
+
+
+ <ul>
+ <li><a href="http://www.exa-corp.co.jp/solution/UBIQ/OpenGL/index.shtml">OpenGLプログラミングコース</a>
+ <ul>
+ <li><a href="http://www.exa-corp.co.jp/solution/UBIQ/OpenGL/OpenGL-text-091.pdf">OpenGLプログラミングテキスト</a></li>
+ </ul></li>
+ </ul>
+ <p class="coda">
+ 30th June 2007<br>
+ </p>
+</div>
+
+<!-- insert site tracking codes here, like Google Urchin -->
+
+</body>
+</html>