タグ

JavaScriptとfirefoxに関するbsheepのブックマーク (11)

  • FirefoxのsetTimeoutの実装 - bits and bytes

    Firefoxのソースコードを追っているうちに、たまたま1年遅れで IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 の裏側がどうなっているかがわかったので、その話を。 タイマーの管理方法 そもそもjavascriptからsetTimeoutを呼ぶと、どういう仕組みで指定した時間後に渡した関数が呼び出されるようになっているのでしょう。Linuxであればsleepのように一定時間後にawakeするという処理は、タイマーリストによって管理されています。カーネルの中にN jiffies(LinuxのOS内時間の単位はjiffyと呼ぶそうです)経過後に実行することリストがあって、カーネルが4msごとに毎回タイマーリストをチェックしてやることがあったときにはそれを実行しています。 FirefoxもLinuxと同じようにタイマーリストみたいな

  • Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌

    Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった!という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか?見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す

  • Firebugについてまとめ - monjudoh’s diary

    随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた

    Firebugについてまとめ - monjudoh’s diary
  • FirefoxのtrunkにSelectors APIが搭載された! - 素人がプログラミングを勉強していたブログ

    function _$$(selector) $A(document.querySelectorAll(selector)); function $A(obj) Array.slice(obj); _$$('a[href]'); こんな感じに動く。すごい。返り値がNodeListだからdocument.evaluateより使いやすいかもしれない。 関数名を$$ではなく_$$にしているのは、Firebug上で実行したときにFirebugにもとからあった関数をうまく上書きできないため。 Selectors APIについては IE8 で実装された Selectors API とは何か? - IT戦記に詳しく載っている。 あと、Firefoxのほうは、:visitedも取得できるみたい。 _$$(':visited')

    FirefoxのtrunkにSelectors APIが搭載された! - 素人がプログラミングを勉強していたブログ
  • いまさら人に聞けない Firebug tips - bits and bytes

    2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、もうひとつ、ソースコードにしか書かれてなさそうなやつを発見しました。$$1と$$2です。 自分はFirebugを使っていて、ときどきconsole.logで出したオブジェクトのプロパティを引数にして関数を呼んだりしたい、ということがあったけどできなくて困ってたんですが$$1でそういうことができるようになりました。 たとえば

  • Lifehacker:Firefoxアドオンの作り方 - ITmedia Biz.ID

    多少のプログラミング経験があれば、Firefoxアドオンを作るのはそんなに難しくない。自作アドオンを作るためのハウツーを紹介する。 ここで自家製Firefoxアドオンをリリースし始めて以来、何人ものユーザーから「Firefoxアドオンを作るのは難しいの?」という問い合わせを受けた。多少プログラミングの経験がある人なら、その答えは「そんなに難しくない」だ。 Firefoxアドオンの中身はJavascript――ブックマークレットや従来のWebページで使われている、あまりミステリアスではない言語――とXUL(「ズール」と発音する)というマークアップ言語だ。独自のアドオンを作るには、ある程度のJavascriptのノウハウとXMLファイルの快適な編集、それからお気に入りのブラウザを思いのままにすることへの健全な好奇心が必要だ。 わたしがWeb上のフリーチュートリアルを使ってFirefoxアドオン

    Lifehacker:Firefoxアドオンの作り方 - ITmedia Biz.ID
  • IT戦記 - ActionScript の勉強会で話してキタ!

    この勉強会でしゃべってきました! http://www.wcan.jp/index.php?ID=92 名古屋ということで、ちょっと遠かったですが行って良かったです。めっちゃ楽しかった ^^ 資料を置いておきます。 ※左右キーでページ送りできます。一気にページ送りをしたいときは、スクロールバーでしてください。 ※印刷スタイルがものすごい中途半端です。(発表までに間に合わずorz)すみません。 http://usrb.in/amachang/static/wcan200701/ 今回の趣旨 まだ ActionScript 始めたばっかりで、とにかく勉強会に参加したかった。というのと、東京以外でのコミュニティってどんなものなのかなあと思って参加してみました。 名古屋の人はやさしいなあと思いました。 参考 http://un-q.net/2007/01/actionscript_2.html

    IT戦記 - ActionScript の勉強会で話してキタ!
  • 最速インターフェース研究会 :: Developer Enviroments Conference で発表してきました

    [Mona] 勝手にmakeでMonaの開発効率を上げよう 昨日のDevelopment Environment Conferenceで最速の中の人がCSSを編集したら即座にブラウザに反映するってのをデモしていて「待ち時間が少ない方が効率が良い」的な話をしていました。 僕みたいなLLでない人は、冷静に考えると開発時間の10%位はビルドに要していて、しかも Development_Environment_Conference 9月8日(金)に「秋葉原ダイビル」にて開催された「Development_Environment_Conference」へ行ってきました。開場時刻は18時30分からとなっていましたが、迷子になって遅れてしまうのは嫌なので約30分程早く「JR秋葉原駅」に到着しました。少し早すぎたかな?と思っていたのですが、ビルのエレベーター内で「はてなのnaoya氏」率いる開催者軍団に遭

  • Blog - Mikula Beutl - SEO Consulting

    This guide is the safest way to do a domain switch, you get all you need to change a blocked domain. What is a user flow and a user journey? There’s a macro view of a customer experience that we can analyze and partially control.

    Blog - Mikula Beutl - SEO Consulting
  • IT戦記 - CSS の勉強会をしました

    2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat

    IT戦記 - CSS の勉強会をしました
    bsheep
    bsheep 2007/01/18
    javascriptとCSSで横スクロールスライド
  • 最速インターフェース研究会 :: ライブドアのテクノロジーセミナーでしゃべってきました

    昨晩はライブドアで開催されたテクノロジーセミナーで「Technologies for UI」という題でプレゼンをやりました。 発表資料はpdfhtmlで公開する予定ですが、とりあえずテキストだけ先にアップしておきます。 http://ma.la/files/livedoor/seminar2006/seminar.txt プレゼンツールがFirefox専用だったりするので、これも少し手直しして公開予定です。 こういう機会があるたびにプレゼンツールを作ってるような気がします。 ---- 追記:12/15 ライブドアのtechblogの方に発表資料をアップしました。 http://blog.livedoor.jp/techblog/paper/ldtech2006/ 上下カーソルキーでページをめくれます。

  • 1