ウェッブサイトの表示速度を測定するフリーツール集 | ゆっくりと…
コンテンツの充実を図る、アクセシビリティに気を配る、サイトのレスポンスを上げる、どれをとってもまだまだのこのサイト。WordPressテーマinoveのカスタマイズを契機にCSS Spriteという技術を知ってから、まずはこの技術をもっと使ってレスポンスを上げよう！と考え、HTTPリクエストの削減効果と応答速度の変化を定量的に計ることができるツールを集めてみました。 一口にサイトの応答速度を計るといっても、予め何を計るべきかを決め、ツールが一体何を計っているのかを知っている必要があると思います。そこでクライアント〜サーバー間の回線速度は抜きに、 サーバーがWordPressのPHP処理を開始してからHTMLを生成し終えるまでの時間を計る。これにより処理負荷の重いプラグインの改善を図る。 ブラウザ（＝ユーザーエージェント）がHTML・CSS・Javascript・画像データなどをリクエストし
js-ctypes - ネイティブコードを呼び出す新しいカタチ
This is the presentation for js-ctypes at Firefox Developers Conference 2009 Tokyo. But this is Japanese prensetation.Read less
関数がどうやって呼ばれれているのか調べる - 地獄のネコブログ
関数がどこから呼ばれているのか知りたいときによく使うコード 関数のどこかに埋めて置くだけ 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
mooz deceives you
およそ一年前，元旦から 2011 01/01 - mooz deceives you という記事を書き，昨年の出来事と本年の抱負について語った．そこでは主に「学術的な方面でのインプットとアウトプットを行なう」「自分に対する投資を惜しまないこと」「本を読むこと」「静的型付け言語である程度大きな物を書く」「型推論の勉強と補完フロントエンドの作成」ということをあげたようだ．果たしてそれらは実行に移せていただろうか． この m10n では本年を振り返る体で，最近の脳内状況を吐き出していきたい（だらだらと書いたところ，予想以上に長くなってしまった）． 作成したもの 年月を顧みる上で外せないのは自身の書いたコードだろう．ここではそのマイルストーンの中から，何からの形式でウェブへ公開したものをとりあげ，想い出などを綴ってみることにする． percol no title canythin や zaw.zs
Firebugを拡張するアドオンをまとめてみた
Firebugを拡張するアドオンを紹介 Firecookie クッキーの編集や削除をする クッキーの変更に反応してログを吐いてくれる Software is hard | Firecookie NetExport 通信タブの記録をHTTP Archive 1.1 (HAR)形式で保存 通信タブの表示を画像としてクリップボードにコピー Firebug Autocompleter FirebugのCommand EditorにJavaScriptのコード補完機能をつける。 (Firebugにもデフォルトで補完機能はあるが、一行Command Lineにしか反応しない) Firescroll for Firebug “Auto-Scroll” 自動でFirebugのログをスクロール “Log to top” Firebugのログで上が最新になるようにするTweak Widerbug Firebu
GreaseMonkey の GM_xmlhttpRequest を順番に同期とりながら実行する - ドラゴンクエスト
GreaseMonkeyのGM_xmlhttpRequestで同期通信(モドキ) http://d.hatena.ne.jp/daftbeats/20070605 GreaseMonkey の GM_xmlhttpRequest は非同期通信なので、１つ目の通信が終わるのを待ってから２つ目の通信を開始する。といった時に困ってしまうことがよくある。 GM_xmlhttpRequest({ url: "http://ドコカ", onload: function(r) { GM_xmlhttpRequest({ url: "http://ドコカ", onload: function(r) { GM_xmlhttpRequest({ url: "http://ドコカ", onload: function(r) { alert("うひょー"); } }); } }); } }); 大抵、こんな感じに
あるＳＥのつぶやき: Ajax開発支援ツールまとめ
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ，解説記事2，正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
Experiments with audio, part X
I’m working with an ever growing group of web, audio, and Mozilla developers on a project to expose audio data to JavaScript from Firefox’s audio and video elements. Today we show you how much JavaScript can really do. Since my last post, quite a few new people have joined our group, a lot has changed in our implementation, and we’ve achieved a few things worth writing about. I also can’t keep th
Firefox 3.6 for developers - Mozilla | MDN
Firefox 3.6 では新規あるいは開発中のウェブ標準のサポート、性能の向上、ウェブユーザーと開発者にとってより良い体験が提供されます。このページは Firefox 3.6 で新しく利用出来るようになった機能に関する記事のリンクを提供します。 グラデーションの利用 Firefox 3.6 では background において、Mozilla が提案中の -moz-linear-gradient と -moz-radial-gradient プロパティのサポートが追加されました。 複数の背景 background プロパティ（および background-color、background-image、background-position、background-repeat、background-attachment）が複数の背景をサポートしました。これによりひとつのレイヤーの中で他に重
XMLHttpRequest の使用 - Web API | MDN
このガイドでは、ウェブサイトとサーバーの間でデータ交換をするために、 XMLHttpRequest を使用して HTTP リクエストを発行する方法を紹介します。 XMLHttpRequest のよくある使用例やもっと分かりにくい使用例も含まれています。 HTTP リクエストを送るには、 XMLHttpRequest オブジェクトを作成し、 URL を開いてリクエストを送信します。トランザクションが完了すると、オブジェクトには結果の HTTP ステータスコードやレスポンスの本文などの有益な情報が格納されます。 function reqListener () { console.log(this.responseText); } var oReq = new XMLHttpRequest(); oReq.addEventListener("load", reqListener); oReq.o
Firefox 3.5 for developers - MDC
Firefox 3.5 では数多くの新機能が導入され、また、幅広い種類のWeb 標準に対するサポートが追加および改善されます。この記事は主な変更点をカバーする記事へのリンクを伴う広範囲に及ぶ一覧を提供します。 HTML5 サポート Using audio and video in Firefox Firefox 3.5 では HTML5 の audio および video 要素がサポートされます。 Offline resources in Firefox Firefox 3.5 では HTML5 のオフラインリソース仕様をすべてサポートしています。 ドラッグ＆ドロップ HTML5 のドラッグ＆ドロップ API によって Web サイト内および Web サイト間のアイテムのドラッグ＆ドロップがサポートされます。これにより、拡張や Mozilla ベースアプリケーションに対してもより単純な A
XUL Apps > Tips > 選択範囲のリンクを収集する ～ DOM2 RangeのcompareBoundaryPointsの使い方 - outsider reflex
X-0031 選択範囲のリンクを収集する ～ DOM2 RangeのcompareBoundaryPointsの使い方 2005/4/2 TBEの「選択範囲のリンクを全てタブで開く」などの機能で利用している「選択範囲内のリンクを収集する」処理についての解説です。DOM2 RangeのcompareBoundaryPointsの使い方の解説を含んでいますので、そこだけ見てもOKです。 処理の流れ 選択範囲の取得と、対応するRangeオブジェクトの取得 Rangeの中に含まれるリンクを収集する その1：元のDOMツリーと切り離して処理する場合 その2：元のDOMツリーの中で処理する場合 DOMツリーの走査 そのノードがRangeの中にあるかどうかを調べる 実際の判別 部分選択されたリンクに対する特別な処理 部分選択された「最初のリンク」を選択範囲内に含める 「選択されているようには見えない」リ
Firefox でマルチメディアコンテンツを扱う - MDC
Firefox 3.5 では HTML 5 で新たに定義された audio 要素および video 要素への対応が行われました。これにより、 HTML 文書に簡単にマルチメディアコンテンツを埋め込むことが可能になります。現在、 Ogg 形式と WAV 形式のコンテンツしかサポートされていませんが、将来的には数多くの形式に対して対応が進む見込みです。 コンテンツの埋め込み コンテンツを HTML 文書に埋め込むのは非常に簡単です: <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" autoplay> Your browser does not support the <code>video</code> element. </video> 例えば、上記の例では Theora プロジェクトの web サイトにあるサンプルビデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Soundcloud Super +2: Downloader + Recommender for Greasemonkey
Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリングに成功 ネイティブプラグインは不要に？