javascriptの最近のブログ記事

大型本って書いてますが、プログラミングのシリーズでしょうか。

PHP1 はじめてのPHPプログラミング (CD-ROM付)

JavaScript1 はじめてのプログラミングとJavaScriptの基礎 (CD-ROM付)

Ruby1 はじめてのプログラミング (CD-ROM付)

どんな本だろう？

本書は、JavaScript言語の「良いパーツ」に注目し、良質なコードを書くためのポイントを示唆する書籍です。

http://www.oreilly.co.jp/books/9784873113913/

jQueryのAccordionの他にアコーディオンはたくさんあるようだ。
最初に思いついたのはSpryだったがコードが嫌いなのでダメ。
使っている人はいるのかなぁ？

○prototype.jp
http://stickmanlabs.com/accordion/

○mootools
http://mootools.net/docs/Plugins/Accordion

○Adobe Spry
http://labs.adobe.com/technologies/spry/samples/
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html

アコーディオンの動きを使いたくて、jQueryで無いかなぁと検索してみると All About がヒットしたので見てみるとダウンロード先やソースコードの解説がありました。

でも、ひとつひとつをダウンロードしたり設置するのは面倒である。

どこぞにまとまったファイルは無いのか？

あった！

http://dev.jquery.com/browser/trunk/plugins/accordion/jquery.accordion.zip

jQuery

http://jquery.com/

jQuery UI

http://ui.jquery.com/

jQuery UI Accordion

http://docs.jquery.com/UI/Accordion

独習シリーズの「JavaScript」が出るようです。

PHPは持っていますが、これはどうでしょう？

DOMやらAjaxやら...。基礎を身につけよう。

独習JavaScript

JavaScriptでオブジェクト指向とは・・・。

クラスベースではなく、プロトタイプベースと言うことらしい。

var myClass = function(){
　　this.value = "プロパティ";
};

myClass.prototype = {
　　myMethod : function(){document.write("メッソド");}
};

var myInstance = new myClass();

myInstance.myMethod();

こんな書き方も

function myClass(){
　　this.value = "プロパティ";
}

var myInstance = new myClass();

document.write(myInstance.value);

さて、使うことがあるのだろうか。

IE6の透過PNGが灰色に表示される対策として。

AlphaImageLoaderの場合

http://support.microsoft.com/kb/294714/ja

IE7.jsの場合

http://code.google.com/p/ie7-js/

IE PNG Fixの場合(IE PNG Fix Alpha 2が登場したらしい)

http://www.twinhelix.com/css/iepngfix/

どんどん透過PNGを使うべきか。

「web creators」に掲載されていたJavascriptライブラリのスライダーです。

有名な「Mootools」ですか。有名なんだ...。

http://demos.mootools.net/Slider

特集はスクロール系が多いなぁ。

「Web Designing」で紹介されていた「processing.js」について調べてみる。

元はprocessingと言うアート/デザインのためのプログラミング環境と言うことらしいが、その機能をJavascriptにしてしまったようだ。

前にBlogに書いたときは、それほど気にしていなかったけどJavascriptになったとなると気になります。

Demoがたくさんあるので基本てきな使い方はわかるが、肝心の「processing」が書けないと意味がないですね・・・。

初期設定ファイルinit.jsはAjaxとかで外部ファイルでも良いのかな？canvas要素の直前の兄弟ノードのテキストを読み込むスクリプトのようです。
「Web Designing」では違う方法でコードを取得していた。

window.onload = function(){
　　var canvas = document.getElementsByTagName("canvas");
　　for ( var i = 0; i < canvas.length; i++ ){
　　　Processing( canvas[i], canvas[i].previousSibling.textContent );
　　}
};

問題は同じp要素内にscript要素とcanvas要素があるけど、間に改行が入ってもNGのようで、改行なしで直後に要素を記述する必要がある。

<script type="application/processing">
コード
</script><canvas></canvas>

Web Designingを見るとcanvasについて書いていたので調べてみる。

• http://www.html5.jp/canvas/index.html
• http://developer.mozilla.org/ja/docs/HTML:Canvas

IEでも「Explorer Canvas」ライブラリを使えば機能が使えるのですね！
でも、使うかなぁ...。

画像を使ったアニメーション