『DOM Scripting 標準ガイドブック』を読んだ - blog.8-p.info
まえに人におすすめされて少しだけ借りて読んだ DOM Scripting: Web Design with JavaScript and the Document Object Model という本があって、それの日本語訳の『DOM Scripting 標準ガイドブック』が売っていたので買って読んだ。初版が2007年6月なので、最近出た本じゃないです。 文法まわりは微妙 2章の JavaScript の文法に対する記述はあんまりうなづけないところがある。変数名が snake_case なのは趣味の問題だけどたぶん lowerCamelCase のほうが多数派。 配列を var beatles = Array("ジョン", "ポール", "ジョージ", "リンゴ"); とするほうが [] より「良い」(p.33) とも思えないし、連想配列がほしいときに {} じゃなくて var lennon
DOM Tetris - EOF
更新履歴 Version 1.3 (2005-11-20) キー連続入力問題を解決 キーバインドを少々変更 Version 1.2 (2005-11-13) 経過時間表示を実装（但し最長 23:59:59 まで。以降は 00:00:00 にリセットされる） メッセージをあらかじめ XHTML ファイル内に記述させる TetrisEvent クラスの events プロパティを non-static なものにする（新しい TetrisEvent を生成しても値を共有することがない） Version 1.1 (2005-11-11) 経過時間・取得スコアによるブロックの加速を実装 DOM ツリー構造を変更 TetrisGame オブジェクト新設 TetrisNextBlock オブジェクト新設 Version 1.0 (2005-11-09) 公開
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
はてなブログ | 無料ブログを作成しよう
（娘５歳８ヶ月）娘の好物と年長さん１学期のお弁当記録 娘をただ微笑ましく見つめていただけなのに……（夫） こっこの最近の好物は「にんじんしりしり」と納豆を混ぜて食べること。 我が家のしりしり＆納豆好きといえばまず夫ですが、夫は卵入りのしりしりが好きで、こっこはにんじんとツナのしりしりが好き。わたしはどっち…
JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
[#JavaScript] HTML to XHTML
HTML to XHTML © 2006 Magicant / 0.4.1 (2006-11-29) HTML 4 ソースを XHTML 1.0 ソースに変換します。 入力 変換元 (HTML ソース) 設定 省略された終了タグを空白類の前に補う 操作 出力 変換結果 (XHTML ソース) 情報 変換結果を W3C の Validator でチェック ソースを表示 パース木を表示 属性を表示しない アウトラインを表示 説明 HTML 4.0 または HTML 4.01 でマークアップされた文書を XML 1.0 に基づく XHTML 1.0 文書に変換します。 また、ISO-HTML (ISO/IEC 15445:2000) でマークアップされた文書を HTML 4.01 Strict 文書とみなして XHTML 1.0 Strict
AI Tetris
AI は独自に開発したもので、Next 表示ありなら平均数万行でゲームオーバーになります。 (ちなみに人間が普通にプレイした場合、数万行消すには 50 時間以上かかります) 関連情報 他の人が作った JavaScript テトリス 7 lines programming - テトリス 7 lines programming - テトリス (Web Archive) 39 文字 × 7 行で書かれた JavaScript によるテトリス。 限られた環境でしか動きませんが、プログラムの短さに脱帽です。 QPON テトリス 横 8 列ですが、デモプレイがなかなかうまく出来ています。
#JavaScript Index
#JavaScript について #JavaScript は JavaScript で書かれたプログラムの集まりです。 一部は実験目的のために作ったものなので、詳しい説明をつけていませんが、ご了承下さい。 原則として JavaScript に対応した HTML 文書ブラウザでの動作を想定して作ってあります。 一部は JavaScript プログラムとして独立して書かれているので他の環境でも動きます。 © 2006-2007 Magicant / 更新 2007-08-04 / 初出 2006-01-02
最速インターフェース研究会 :: HTMLドキュメントを解析して特徴的なループを見つけるBookmarklet
- 全てのDOMノードを列挙する - ノードは次のように文字列化される。 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 直前の階層までは添え字つき、最後のノードはタグ名のみにする。 class名、id名は排除する。各々のサイトのルールで記述されたruleよりも タグのネスト構造の方が変化に強いし機械的に抽出しやすいのではないか？ 出現回数でソートする。li要素2-5はループであることが分か
/my/cssQuery/
cssQuery() version 2.0.2 getElementsByTagName? Pah! Introduction cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors. All CSS1 and CSS2 selectors are allowed plus quite a few CSS3 selectors. Usage Syntax elements = cssQuery(selector [, from]); where selector (required) is a valid CSS selector and from (optional) is a document, elem
最速インターフェース研究会 :: JavaScriptでPythonのsetみたいなの
http://la.ma.la/misc/js/set/ Pythonのset型をjsに移植してみた。setってのは要素が重複しないリスト。 http://www.python.jp/doc/release/lib/types-set.html 配列として扱いたいケースが多いように思うのでArrayを拡張してSetのメソッドを加える感じで作った。制約付きの配列、みたいな感覚で扱えるように。addやupdateを使わずにpushを使って要素を追加すると重複してしまう(pushも上書きすればいいけど、直接値を代入されたらどうせ防げない)。なので厳格ではない。格納できるのはstringとnumberとboolean型のみ。でもエラーが出るわけでもない。そこら辺いい加減なので作り直すかも。 用途としてはAさんとBさんとCさんがブックマークしてるURLとか、にも関わらずあなたがブックマークしてないU
Fizz-Buzz in JavaScript: Days on the Moon
一部で Fizz-Buzz 問題がはやってるみたいで。私が anarchy golf の FizzBuzz 用に JavaScript で書いたのは以下の 58 バイト。ここにいたるまでには 2 分どころではない時間がかかってるけど。 for(i=0;i++<100;)print((i%3?"":"Fizz")+(i%5?"":"Buzz")||i) 今のところ JavaScript の最短は 56 バイト。どうすれば縮められるのかさっぱり思いつかない。 ちなみに、anarchy golf をやるときには大体以下のような変換をしていた。 変換前 変換後 差
DOM Level 2/3 標準技術をMSIEで使う(XML読み込みとXPath) @ ぽかぽかWeb研究室
XML 文書読み込みの準備 XML 文書を読み込んで DOM オブジェクトとして扱うためには、 MSIE では ActiveXObject, Mozilla では createDocument() メソッドを使い、 XML 文書を格納するための「箱」を用意する必要があります。 本来はMSIE/Mozilla いずれでも document.implementation.createDocument が使えるようにすれば良いのですが、 イベント定義の時と同様の方法は使えないため、ここでは、次善策として、 document.Implementation.createDocument() メソッドが使えるようにしたいと思います。 注意 MSXML 2.5 以前(WinIE 5.5SP2以前に同梱)では XPath がフルサポートされていないため、(関数を用いた)複雑なXPathを使おうとするとスク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefoxで外部呼出しjavascriptを禁止する方法 | R14
はてなブログ | 無料ブログを作成しよう
http://freeserver.name/~eof/storehouse/software/tetris/tetris.html
URIエンコード（URLエンコード） | Diaspar Journal
キーワードポップアップ - はてなグリースモンキー
Karl Landström's Pages