[B! javascript] jksyのブックマーク

jksy id:jksy

javascriptに関するjksyのブックマーク (17)

Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を﹁Jetpack Feature﹂といいます。これは、以下の2つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
jksy 2009/05/23
firefox

javascript

addon

amachang
リンク
タイムテーブルを実装するための便利なJavaScriptライブラリ『today's timetable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
jksy 2008/10/23
あとで試す

web制作

javascript
リンク
yukobaのブログ
yukobaのブログ
jksy 2008/07/30
興味深い

javascript

performance

programming

ruby
リンク
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
jksy 2008/06/04
おもしろそう

javascript

*webデザイン
リンク
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 では、キャッシュ
jksy 2008/06/02
何かに使えそう。

ie

javascript

tips
リンク
正規表現の確認ができるエディタを作ってみた。 - 考え得る最高を常に行う
正規表現の練習くらいにしか役に立たないですが作ってみました。特徴リアルタイムで確認ができる。XHTMLとJavascriptで作ったので保存すればローカルで使える。 JavaScriptで実装してるので一部使えない表現有り。正規表現エディタあとがき最近ブログを更新してないので数ヶ月前に作ったやつを手直したものです。Firefox2(MAC)とIE7では動くの確認しました。あまり詳しくないんですが各ブラウザに多少、正規表現の実装が違う気がします。 patternを空にすると選択範囲がおかしくなるのを修正。
jksy 2008/04/30
javascript

正規表現
リンク
わーい＼（＾o＾）／ Scheme もどきを JS で書いたよー！ - IT戦記
昨日の夜のこと（1000 人スピーカープロジェクトの打ち上げが終わって、解散後、数名でサイボウズラボに寄り道） id:amachang: あー今日は楽しかったねー（レゴみたいなおもちゃで遊びながら） id:nishiohirokazu: うんー楽しかったねー（レゴみたいなおもちゃで遊びながら） id:amachang: yuum3 や yad-EL さんが言ってたみたいに SICP 読んでみたいなー id:yukoba: …黙々… id:amachang: ところで yukoba さん、さっきから何やってんの id:yukoba: え？ Scheme 作ってる（超笑顔） …レゴみたいなおもちゃポロリ id:amachang & id:nishiohirokazu: えー！抜け駆けずるいー！！！＞＜ id:amachang: おれも作る＞＜！ id:nishiohirokazu: えっえ
jksy 2008/01/21
神すぎる。俺も俺も。

javascript

Scheme
リンク
僕 Lisp
僕が作った僕 Lispです JavaScript 1.8 (Firefox 3) でしか動かないので注意してね＞＜テストコード (define ( 出力 JavaScript による実装 var tokenize = function(source) source.match(/\"(?:[^"])*\"|\|[^\|]*\||(\)|$|\s+|[^\($\s]+)/gm).filter(/^[^\s]/); var parse = function(tokens) { var list = [], token; while ((token = tokens.shift()) && token != ')') list.push((token == '(') ? parse(tokens) : (token[0] == '"') ? token.substring(1, token
jksy 2008/01/21
神すぎる

javascript

lisp
リンク
JSProxy - AS3 から意識せずに JS を操作 - 川o・-・）＜2nd life
http://github.com/hotchpotch/as3rails2u/tree/master/src/com/rails2u/bridge/JSProxy.as AS3 から HTML の特定要素の内容を取得したり JS のメソッドを引数つけて呼び出したり、値をセットしたりがめんどくさくなってきたので作ってみました。 JSProxy.proxy もしくは new JSProxy() で JSProxy のインスタンスを作り、適当にプロパティを呼び出していって(この時点ではスタックにどういう処理を行うかを書いてるだけ)、最後JSを本当に叩いて値を取得やメソッド呼び出しを行いたいときは、プロパティの頭に $ をつけます。 // アラート関数を実行 JSProxy.proxy.$alert('foo'); // body の本文を取得 var body:String = JSProxy
jksy 2007/12/13
actionscript

flash

javascript
リンク
Collection & Copy - HTMLを生成する
JavaScript毎日、調べ物をして、コードを書いて、ルービックキューブやってます。サーバー側とクライアント側のHTML部分、またですが、コンセプトコードを書いてみました。HTMLを、こんな感じ、html(body({bgcolor:'gray'}))、に書きます。関数が要素、オブジェクトが属性、配列でこれらのまとまりも表せる、というMochiKit類似のラインで考えています。ファイルの上半分はこんな感じです。Html Builder.tagに、h4やbrなどのHTML生成関数をくっつけてます。使うコードはこんな感じです。isと、okはテスト関数です。withを使って、沢山あるHTML関数を、グローバルに落とさないようにしてます(遅くなるかな...?)。update(this, Html Builder.tag)で、状況によってはグローバルに下ろしちゃうと速くなると思います。 Moch
jksy 2007/12/12
javascript

template

html
リンク
JavaScript で簡単にスタックトレースを取るテクニック
Firebug を使うと console.trace(); これだけでスタックトレースを取ることが出来ます。でも、 XUL の開発とか、人のブラウザで Firebug が入ってない時とかは出来ないので、そういう時は、 alert(Error().stack); これだけで出来ます。まあ Firefox only ですが。
jksy 2007/12/09
firefox

javascript

programming
リンク
InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入
function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } このbackgroundLoadはIDの配列を引数に取り、その各IDに対して上で定義したgetArticleWithCacheを呼び出します。これでIDに対応する記事のデータがキャッシュされます。そして読み込んだ記事の子記事のIDに対してbackgroundLoadを再帰的に呼び出すことで、ツリー全体をキャッシュすることができます。ここまですべてうまくいっているように見えます。しかし、一度でもAjax開発を経験したことのある方ならば、これではうまくいかないということはすでにおわかりだと思います。これまでの例で
jksy 2007/12/05
javascript

library

プログラミング

マルチスレッド
リンク
excanvas.js でクロスブラウザ canvas を使ってみた。 - IT戦記
excanvas.js は Google が作ったjsライブラリで、これを使うとIEでも canvas 要素が使えるようになる。VML に canvas のインタフェースを持たせた感じです。ためしに使ってみた。。。 http://sample.ecmascript.jp/20060531.html …しかし excanvas.js まだまだ互換性が足りない。 Firefox の canvas でアニメーションをさせるのが重すぎる。 Firefox リークしまくり。やっぱり、まだまだ先の技術なのかなー。とはいえ、VML、SVG、canvas で何が出来て、何が出来ないのかをしっかり理解しておきたい。絶対何かに使えるはず！リンク canvas http://www.whatwg.org/specs/web-apps/current-work/#scs-dynamic VML h
jksy 2007/11/28
javascript
リンク
表示の遅い JavaScript を JavaScript で何とかしたい！
外部 JavaScript を読み込む方法 JavaScript を利用して外部の JavaScript を読み込む方法は、いろいろ考えられます︵ref: JavaScriptな日々 | 外部JavaScriptファイルの動的・静的ロードの方法︶。今回は、表示までに時間がかかるスクリプト︵おそらく document.writeが原因︶のせいで、ページ全体の表示が遅くなる、という問題にしぼって考えてみます。問題のページ次のようなページがあって、heavy.js の表示が遅く、その後に続く <div></div> がなかなか出てこない、という状況。これを何とか解消したいので﹁あーだこーだ﹂いうことにします。 <html> <head></head> <body> <div id="heavi_div"> <script type="text/javascrip
jksy 2007/11/28
javascript

ajax
リンク
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記﹁何者か﹂に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました︵﹁何者か﹂ = 酒……︶。 prototype.jsを10KBにする方法の続き︵.htaccessをスマートに使う︶ : 亜細亜ノ蛾に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する正真正銘、Prototype︵“prototype-1.4.0.js”︶を10キロバイト︵10,453 bytes︶に圧縮して、しかも︵当たり前ながら︶動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが﹁各種JavaScriptファイル圧縮サービス﹂、という人も多いでしょう。しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした︵他は
jksy 2007/11/28
ajax

apache

javascript
リンク
prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う）
2006-11-26T00:53:01+09:00 追記いろいろ問題がありました︵またか……︶。記事を修正し、新しくサンプルページ︵prototype.jsをgzip圧縮して利用するテスト︵Safari 対応版︶︶を作りました。ありがたや！ prototype.jsを10KBにする方法 : 亜細亜ノ蛾は思っていた以上に反響︵というかブクマ︶があって、うれしい限り。 ──といいたいところですが、なんというか、自分は return false ってなんスか？というひと︵JavaScript 解ってない︶なので、もうちょっと﹁それは違うよ﹂という批判記事が読みたいような。──スンマセンね、ツン照れというか天の邪鬼なので。 .htaccess をスマートに使うそんな中で、今回はいいモン仕入れて来たよー、というハック︵むしろ基本テク？︶。 Accept-Encoding にgzip が含
jksy 2007/11/28
ajax

javascript
リンク
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
jksy 2007/11/24
javascript

jQuery
リンク
1