ブラウザのスクロール量を取得するには？ | Diaspar JournalThis domain may be for sale!
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
[JS]jQueryのプラグイン33+1選 -2009年6月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Image Rotator スタイリッシュな画像ギャラリー。 GalleryView インターフェイスが豊富な画像ギャラリー。 Sl
プログラマのためのJavaScript (3)：参照について考えてみる - 檜山正幸のキマイラ飼育記 (はてなBlog)
案の定、JavaScrip界隈でも用語法は混乱してますねー。僕は、言葉使いには割と神経質なほうで、用語の整理を試みたり造語をしたりして、……それでよけい混乱を助長したり、と、そんなことを以前の私的メモでも書きました（「あー、用語法は難しい！」）。 今回も「どうしようかなー」と悩んだ末、説明の方便として、用語の整理（若干の造語を含む）はすべきと判断しました。今回は「即値型」という言葉を導入して説明します。基本的なところから話をはじめます。つまんないかも知れないけど、JavaScriptの奇妙さに立ち向かうためには基礎固めも必要かもよ。 ●コンピュータが扱うデータは所詮メモリブロック コンピュータで扱えるデータは、結局のところ、メモリ内の特定の場所（特定のアドレス）からはじまる特定の長さ（つうか、幅つうか、サイズつうか）を持つ領域です。これをメモリブロックと呼んでおきましょう。 メモリブロック
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
関数がどうやって呼ばれれているのか調べる - 地獄のネコブログ
関数がどこから呼ばれているのか知りたいときによく使うコード 関数のどこかに埋めて置くだけ try{(0)()}catch(e){alert(e.stack)} 結果はこんな感じ ("baa",1)@chrome://liberator/content/options.js:136 ("baa",(void 0))@chrome://liberator/content/options.js:105 ("=","baa",(void 0),false)@chrome://liberator/content/options.js:286 setAction([object Array])@chrome://liberator/content/options.js:515 ([object Array],false,-1,[object Object])@chrome://liberator/co
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
8KB JavaScriptマリオもコードリーディングしたけど…… - aike’s blog
14KB JavaScriptマリオを作ったJacob Seidelinさんが自らの記録を更新しました。今度は8KBです。 8 kilobytes of Mario JavaScriptをPNGに埋め込んでるそうです。何を言ってるのかまるで分かりませんね。とりあえず前回と同じように読んでいきましょう。 m.js 324B m.png 7.7KB JavaScriptのソースは３行です。頭がおかしくなりそうです。読みやすいように適当に改行とインデントを入れるとこんな感じ。これで全文です。 var o = new Image(); o.onload = function() { var r = "", s = 119, c = document.createElement("canvas"); c.width = c.height = c.style.width = c.style.heigh
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
Emacs での JavaScript 開発は js2-mode で決まり！ | フッ君の日常
いままで、Emacs での JavaScript開発には javascript.el を使っていたんだけど、これがシンタックスハイライト（しかも、ショボイ・・・）ぐらいしか機能がなくて、全然満足してなかった。 で、いい加減、良さげな elisp が無いかなー、とか思って探したら、js2-mode なんてものを見つけた。これ、スゴイ。 Stevey's Blog Rants: js2-mode: a new JavaScript mode for Emacs js2-mode: Google Code パッと目についた特徴をあげると、シンタックスハイライトが正確 javascript-mode では色がぐちゃぐちゃになるソース（例えば、prototype.js）でも、きれいに色をつけてくれる。再帰降下パーサを使ってるらしい。JavaScript の不規則なインデントに対応している タブを押す
Higher-Order JavaScript [和訳]
by Sean M. Burke A JavaScriptish companion to Mark-Jason Dominus's Higher-Order Perl http://hop.perl.plover.com/ ~ Under Construction, Obviously ~ HOJ.0: Functional JavaScript Reviewed HOJ.0: 関数的な JavaScript の復習 For a general review of JavaScript, I think that the best work available is the first third or so of the book Javascript: The Definitive Guide http://www.oreilly.com/catalog/jscript4/. (Th
IE の Ajax (XMLHTTP) で、通信が行われたかキャッシュが使われたかを判定する方法 - IT戦記
どうやら 以下の方法で判定することができるようです。 // リクエストオブジェクトを作る var req = new ActiveXObject('Microsoft.XMLHTTP'); // フラグの準備 var sended = false; // readystatechange イベントを待つ req.onreadystatechange = function() { if (req.readyState == 4) { // キャッシュに存在しない場合 if (sended) { alert('loaded'); } // キャッシュに存在する場合 else { alert('cached'); } } }; // 通信開始 req.open('GET', 'hoge'); req.send(); // フラグを立てる sended = true; 解説 IE では、キャッシュ
「JavaScript の勉強」について個人的に: Days on the Moon
「JavaScript の『本気』な勉強 - daily dayflower」での質問に横から勝手に答えちゃいます。 初学者の入り口として既存のライブラリを使うのは どちらかというと望ましい。ブラウザのイベント周りの非互換性など、JavaScript と関係ない部分で悩まずにすむのは便利だと思います。 (初学者であれ) JavaScript の仕様に沿ったメカニズムについて 学習すべきである。いきなり ECMAScript 仕様を読めというつもりはありませんが、体系的な学習はしたほうがいいかと。 DOM 構築後のスクリプト実行についてどう教える? ライブラリを使うならそのライブラリの機能を使って、使わないなら body 要素の内容の終端に script 要素をおくか、もしくは load イベントのイベントリスナで。 自分で書く場合 自家製ライブラリを利用している。今度このブログのレイアウト
文字列処理の性能に関する考察 - blanket log
行数の数え方 - Days on the Moon たいへん興味深い結果。いろいろ気になったので、もう少し突っ込んで実験してみました。 実験 1Mバイトの文字列で2通り試してみました。(単位はミリ秒) (A)1000文字ごとに改行 (B)1文字ごとに改行 charAt 2167 2195 Array 1648 (469) 1674 (453) split 5 530 match 14 781 match (sentinel) 16 777 indexOf 3 979 replace 15 327 Arrayの括弧内の数値は、split後のループの時間のみを計測したもの 実行環境は spidermonkey 1.6 考察 個々の性能は、対象となる文字列によって変わってきます。 indexOf 改行が非常に多い場合(B)は、indexOfを使った実装の性能がガクッと下がります。 これは考えてみ
Firebug ではじめる JavaScript - IT戦記
とてもいい記事だと思います。 http://gihyo.jp/dev/feature/01/firebug JavaScript を勉強したい人はどうぞ やっぱり、雑誌の記事より Web 連載のほうが価値が高いなあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
[JS]mootoolsの軽量版のJavaScriptフレームワーク -moo.rd
setExpression - Thousand Years
dev.iralog.net is Expired or Suspended.