前回お茶を濁して、腐ってしまうほど時間が空いてしまったが、再開。
今回は、Init関数の実装パターンⅠ。
早速コード
<script type="text/javascript">
function init(){
var header = $('header');
header.style.backgroundColor = "#00ff00";
header.innerHTML = "カイトの練習帳";
var main = $('main');
main.innerHTML = '<div id="menu">メニュー用だよ</div><div id="report">記事が書かれるよ</div>';
var footer = $('footer');
footer.style.backgroundColor = "#00ff00";
footer.innerHTML = "Copyright © Kaito .All Right Reserved.";
}
</script>
今回このコードでは、header部とfooter部に文字を表示し、色をつけた。
また、main部をメニュー部分と記事部分とにさらに分けた。
これを前回のとくっつけて表示してみると、｢おい、俺(私)この緑色やだ。変えて｣と言われるに違いない。
でも色を変更するだけでも、色々と大変だ。ましてや、プログラムの中に言葉は書きたくない。要検討だね。
次回、設定は設定。ロジックはロジック。
2009年6月15日月曜日
2009年6月11日木曜日
2009年5月17日日曜日
Modern C++ Design
遂に、買いました。買ってしまいました。
デザインパターンやSTLは、中級コース。大人の階段に一段上ってしまったよ。
上りきれなくて、階段踏みはずして大怪我しないよう、受身の技術を磨いておくべきだったかな。
ギャングに対抗する、優秀な警官になれるよう頑張りたいな。
デザインパターンやSTLは、中級コース。大人の階段に一段上ってしまったよ。
上りきれなくて、階段踏みはずして大怪我しないよう、受身の技術を磨いておくべきだったかな。
ギャングに対抗する、優秀な警官になれるよう頑張りたいな。
2009年3月6日金曜日
ProcessingとJava
ProcessingがJava1.6のruntimeを持っていたので、ジェネリクス部分書いてみたらなんと、構文エラーが発生した。1.4までの書き方じゃないと、コンパイルが通らないとオフィシャルに書いてあった。残念。
1.4→1.5も大変だし、1.5→1.4も大変。Processingも頑張って1.6程度のに対応して欲しいな。1.4のサポート期限切れちゃうしね。
最後に、Processing.jsは面白そうだが重そうだ。
1.4→1.5も大変だし、1.5→1.4も大変。Processingも頑張って1.6程度のに対応して欲しいな。1.4のサポート期限切れちゃうしね。
最後に、Processing.jsは面白そうだが重そうだ。
2009年3月4日水曜日
Javascriptでブログライクを作る5
今回は、お茶濁し部分。
ブログライクのメイン部分のソースコードを書いてみた。
以下のソースコードを拡張子がhtmlとなっているファイルに文字コードをutf-8にして保存すればどうなっているか確認できる。まあ、ほとんど骨格だけなので、何も表示されないんだよね。
ここから
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head><title>カイトのブログ2</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="basic.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function init(){}
</script>
</head>
<body>
<noscript style="font-size:larger">このページはJavascriptを使っていますので、一部見ることのできない状態になっています。Javascriptの設定を変更してください。</noscript>
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
<script type="text/javascript">
init();
</script>
</body>
</html>
ここまで
ここで、basic.jsは、xmlを読み込む関数が入っているjavascriptファイルである。
xmlファイルを読み込むには、良くある手法を行う必要がある。
Googleで｢javascript XMLHttpRequest ActiveXObject｣で調べて欲しい。
何度も書いてるが、何も表示されないことが正しいのだが、ブログは文字を表示してなんぼなものである。
次は、表示するための位置を決めるinit関数を書くぞ。
ブログライクのメイン部分のソースコードを書いてみた。
以下のソースコードを拡張子がhtmlとなっているファイルに文字コードをutf-8にして保存すればどうなっているか確認できる。まあ、ほとんど骨格だけなので、何も表示されないんだよね。
ここから
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head><title>カイトのブログ2</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="basic.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function init(){}
</script>
</head>
<body>
<noscript style="font-size:larger">このページはJavascriptを使っていますので、一部見ることのできない状態になっています。Javascriptの設定を変更してください。</noscript>
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
<script type="text/javascript">
init();
</script>
</body>
</html>
ここまで
ここで、basic.jsは、xmlを読み込む関数が入っているjavascriptファイルである。
xmlファイルを読み込むには、良くある手法を行う必要がある。
Googleで｢javascript XMLHttpRequest ActiveXObject｣で調べて欲しい。
何度も書いてるが、何も表示されないことが正しいのだが、ブログは文字を表示してなんぼなものである。
次は、表示するための位置を決めるinit関数を書くぞ。
2009年2月15日日曜日
拡張現実の使い方メモ
どうも、やりたいことを覚えていられないのでメモを残しておく。
・拡張現実の実装方法
1. ARToolやARTagなどで識別するプログラム作成
2. サーバとGPS(現在位置を出力する装置)と見ている方向を出力する装置(例：電脳コイル)
この1.で識別する画像の精度が上がった未来でやりたいこと
プログラム言語『シール』を作る。
図形(色、形)に予め、プログラムの基本文法と豊富な出力方法を定義しておく。
カメラがこれら複数の図形の一塊を認識することにより、カメラと連動するインタプリタが各図形通りに実行しプログラムが動作する。
この図形群の一部をシールで上書き(ある図形を別の図形に変える)することで楽しい事が起こるに違いない。
・拡張現実の実装方法
1. ARToolやARTagなどで識別するプログラム作成
2. サーバとGPS(現在位置を出力する装置)と見ている方向を出力する装置(例：電脳コイル)
この1.で識別する画像の精度が上がった未来でやりたいこと
プログラム言語『シール』を作る。
図形(色、形)に予め、プログラムの基本文法と豊富な出力方法を定義しておく。
カメラがこれら複数の図形の一塊を認識することにより、カメラと連動するインタプリタが各図形通りに実行しプログラムが動作する。
この図形群の一部をシールで上書き(ある図形を別の図形に変える)することで楽しい事が起こるに違いない。
2009年2月12日木曜日
Javascriptでブログライクを作る4
『5．ファイルは、xml形式』と書いたが何のファイルだ、と久しぶりに見るとそう思う。
ファイルとは、各保存が必要な情報を纏めておくところで、今回は次のものが当てはまるだろう。
・タイトル
・内容
・日時
・紐付けられたタグ
及び
・タグ一覧
記事の内容は、どの程度で１ファイルにするかは後回しにして、タグ一覧を1ファイルにすることは問題なかろう。
これらをxml形式で保存することを5番は掲げていたのであろう。
ここからは、3－①について
タグのレベル分け
タグは任意の階層を持ち、記事は任意の階層のタグを紐付けることが可能にする。
要は、タグは樹形図的な(tree)体系をとる。
これを実現するためのxmlの書き方は
子タグA1 親タグA
親タグA (root)
という形になるだろう。
メモ終り
ファイルとは、各保存が必要な情報を纏めておくところで、今回は次のものが当てはまるだろう。
・タイトル
・内容
・日時
・紐付けられたタグ
及び
・タグ一覧
記事の内容は、どの程度で１ファイルにするかは後回しにして、タグ一覧を1ファイルにすることは問題なかろう。
これらをxml形式で保存することを5番は掲げていたのであろう。
ここからは、3－①について
タグのレベル分け
タグは任意の階層を持ち、記事は任意の階層のタグを紐付けることが可能にする。
要は、タグは樹形図的な(tree)体系をとる。
これを実現するためのxmlの書き方は
という形になるだろう。
メモ終り
登録:
投稿 (Atom)
