第1回 Firebugの基礎知識と、Firebugを使った開発のメリット | gihyo.jp
Firefox 3とFirebugで始めるJavaScript開発 第1回Firebugの基礎知識と、Firebugを使った開発のメリット はじめに このたび、Firefox 3＋Firebugについての連載を書かせていただきます、堀と申します。普段は仕事でJavaScriptやPHPを用いたフロントエンドの開発を行いながら、個人でRoppongi.JSという、JavaScriptのイベントの企画・主催をしております。 この連載では、Firefox 3のリリースに備えて、現在提供されているFirefox 3のベータ版とFirebugによるJavaScriptの開発手法について解説していきます。 第1回はFirefox 3ベータ版とFirebugのインストールから、Firebugによって、どのようなことが行えるようになるかについて簡単に概略を説明していきます。 Firebugとは Fir
Mozilla Developer Center
オープンなウェブは、開発者に素晴らしい機会をもたらします。これらの技術を最大限に活用するには、それらの使い方を知る必要があります。以下に、ウェブ技術のドキュメントへのリンクがあります。 ウェブ開発者ガイド ウェブ開発者ガイドでは、目標やニーズに合ったウェブ技術を使用するのに役立つ、実践的な手引きのコンテンツを提供しています。 ウェブ開発者向けチュートリアル HTML、CSS、JavaScript、Web API の学習を段階的に進めるためのチュートリアルです。 アクセシビリティ ウェブサイトを使用する人に何らかの制約があっても、できるだけ多くの人が使用できるようにすることです。 パフォーマンス コンテンツをできるだけ早く利用できるように、操作できるようにすることです。 プライバシー ユーザーの個人データの保護です。 セキュリティ データ漏洩やデータ盗難、サイドチャンネル攻撃、クロスサイトス
Firebug :: Add-ons for Firefox
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
英単語をダブルクリックで英英辞典を検索する Bookmarklet と Greasemonkey - IT戦記
先に言っておきますが。Firefox 専用です。。。。 自分用に作ったんですが、なかなか便利なので公開します。 このブックマークレットを実行し、そのページ内の英単語をダブルクリックすると自動で英英辞典を検索してくれます。 javascript:document.addEventListener('dblclick',function(){var t=document.getSelection();if(t.match(/^[\w\d_\-\. ]+$/))location.href = "http://dictionary.cambridge.org/results.asp?searchword="+t;},false);void(0); Greasemonkeyはここから インストール ちなみに document.selection.createRange(); とかを使えば IE にも
Firefoxを瞬殺するたった3文字のブラクラ - IT戦記
(追記)皆様のコメントやブクマでの指摘によると FireBug + FIrefox2.0 で発生するようです。 ここに落ちなくする設定方法が書いてあります。 http://d.hatena.ne.jp/mhrs/20061030/p1 自己責任でお願いします。 JavaScriptに以下のコードを書く #1#信じられない人はURL欄に javascript:#1# どうやら SpiderMonkey のソースに JS_HAS_SHARP_VARS というのがあり、そこらへんで落ちてるっぽい。 この謎の仕様 SHARP_VARS って何なんだろ。有識者の方、教えてください。 SHARP_VARS 続報 どうやら、JavaScriptでは以下のように値を保持することができるようだ。 #1=[1,2,3]; #2={hoge: 'fuga'};これらを参照するときに #1#; #2#;とするらし
Firefox2.0 で既存サイトが動かなくなった件について - IT戦記
とりあえず style.hasOwnProperty がまずいらしい こんな感じで書いてたコードがうまくいかなくなりました。 if (this.widget.style.hasOwnProperty('opacity')) { Element.setStyle(this.widget, { opacity: 0 }); } else if (this.widget.style.hasOwnProperty('MozOpacity')) { Element.setStyle(this.widget, { '-moz-opacity': 0 }); } このコードを二回実行すると一回例外を起こす。 document.body.style.hasOwnProperty('opacity'); 気を付けましょう。
Ajax うきうき Watch 第14回 IE7とFirefox 2への利用者の大移動は起こるか？
Google Docs & Spreadsheets この連載の第9回 巨大化するAjaxライブラリをシンプルにする新たな流れで、Google Spreadsheetsを紹介していますが、その段階ではまだまだ実験的なサービスという印象が強かったものです。しかし、ワープロ機能と併せ、正式なサービス（英語版）としてやって来ました。これがGoogle Docs & Spreadsheetsです。 これは、Webブラウザ上で動作するワープロと表計算ソフトです。つまり、対応するWebブラウザさえあれば、「インストール」という手順抜きで、どのパソコンからでも使用できます。保存するファイルも、Googleのサーバに置かれる仕掛けなので、データファイルを持ち歩く必要すらありません。しかし、HTML、 Word、 OpenOffice、 PDF等の形式で文書ファイルをダウンロードすることも容易であり、作成し
JavaScriptのメモリリークを検出するFirefox拡張「Leak Monitor」:phpspot開発日誌
Leak Monitor :: Mozilla Add-ons :: Add Features to Mozilla Software JavaScriptのメモリリークを検出するFirefox拡張。 Firefox用のメモリリーク検出用機能拡張である、Leak Monitorをインストールするといろんなところでメモリリークが起きていることが検出できます。 script.aculo.us でさえ、prototype.js の影響によって次のようなメモリリークが出てしまう模様。 JavaScriptの場合、マニュアルなどが整備されておらず、ブラウザごとに仕様が違うため、 何を対策すべきか、といったことがよく分からなかったりしますが、この拡張があれば、少なくともFirefoxの場合においてはメモリリークを防げそうですね。 関連エントリ WebデザイナーのためのFirefoxエクステンション20
最速インターフェース研究会 :: FirefoxでJSONPのロードされるタイミングを調べてみた
Firefoxでのスクリプト読み込みの同時実行について http://d.hatena.ne.jp/shinichitomita/20061013/1160707042 を読んで。 Opera以外は読み込み順に実行されるよね、と思ってたんだけど、どうも違うみたいなので、わかりやすいようにサンプルを作ってみた。 http://la.ma.la/misc/sleep/ ウェイト入れてレスポンスを返すCGIを書いてロード。0,1,2,3って順番で表示されるはずだ、と思って実験してみたらSafariでしかうまくいかなかった。 色々試してみたけど、 - Safari: 並列リクエストされてロードされた順に実行。 - Firefox: 並列リクエストされるけど実行順は固定。 - IE: 並列リクエストされて実行順はほぼ固定？応答が遅いと後回しにされてるような気がする。 - Opera: 並列リクエスト
「Firefoxの0-day脆弱性」はガセネタだった? | スラド
昨日掲載された「FirefoxにJavaScript処理に関する 0-day の脆弱性」 という記事だが、CNET Japan の続報 や本家記事 Firefox Zero-Day Code Execution Hoax? によると、実際にはマシンの乗っ取りは出来なかった、とのこと。この脆弱性を公開した Spiegelmock 氏は Mozilla のWebサイトへの投稿の中で、 「このコードでできたのは、Firefoxをクラッシュさせることと、システム資源を消費しつくすことだけだ。これで誰かのコンピュータを乗っ取り、任意のコードを実行するには至っていない」と告白している。同氏は「話を面白くしたいと思って、あのような話をしてしまった」と謝罪しているとのこと。また「30の未修正脆弱性を知っている」としたことについても、もう一人の Wbeelsoi 氏が言っていた事であり Spiegelmoc
FirefoxにJavaScript処理に関する 0-day の脆弱性 | スラド
あるAnonymous Coward曰く、"本家で記事になってますが、Firefox に JavaScript の取り扱いについて深刻なセキュリティホールがあるそうです(CNET Japanの記事)。9月30日のToorCon ハッカーカンファレンスのプレゼンテーション での Mischa Spiegelmock 氏ならびに Andrew Wbeelsoi 氏のコメントによると、 攻撃者は対象クライアントのFirefoxに対し、悪意ある JavaScript コードを含む Web Page へ誘導することで、コンピュータを乗っ取ることができるとのこと。現在のところ patch などは無い 0-day の脆弱性のようです。" (10月4日追記) CNET Japan の続報 によると、この脆弱性で コンピュータを乗っ取ることは出来ない とのこと。 この脆弱性を発表した Mischa Spie
FirefoxのJavaScript実装に脆弱性--迅速な対応が困難な場合も
サンディエゴ発--オープンソースブラウザ「Firefox」について、2人のハッカーが米国時間9月30日午後、JavaScriptの扱いに関する重大な脆弱性があると指摘した。 Mischa Spiegelmock氏とAndrew Wbeelsoi氏は当地で開催されたToorConハッカーカンファレンスで、悪意あるJavaScriptを含むウェブページを作成するだけで、ブラウザを実行しているコンピュータを乗っ取ることができると説明した。この脆弱性は、Windows、Apple ComputerのMac OS X、Linux上のFirefoxに影響するという。 普段はブログ企業SixApartで勤務しているSpiegelmock氏は「Internet Explorerは、誰でも知っているように、あまりセキュアではない。しかしFirefoxも、かなり危険なのだ」と述べ、脆弱性の悪用に必要な攻撃コー
秋元@サイボウズ研究所プログラマーBlog 訪問者が入れているFirefox extensionを検知するJavascript
chrome:プロトコルで Firefox Extension が持っている画像などをアクセスすることで、その Firefox である extension がインストールされているかどうかを判定できるらしい。 実際のデモはこちら(自分の使ってる拡張機能を知られたくない人は押さないこと) 著名な extension ごとのチェック対象画像のリストを整理している人もいた。 リンクが訪問済かどうかをCSSの属性からチェックする技法がちょっと前に話題になったけど、いろいろ考えるもんだ。 # こちらは、 あなたのWeb2.0度判定テストやHatebu::Addiction(はてブ中毒度)などで使われている。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
