Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
Firefox & HTML5
Developing Windows 8 Apps with HTML and JavaScript - Codebits 2012C. Augusto Proiete
Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」:phpspot開発日誌
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
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年にしてみました。 す
FirePHPがますます便利になっている件:phpspot開発日誌
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、１行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php
快適なWeb開発環境を構築する、Firefoxアドオン10選
快適なWeb開発環境を構築する、Firefoxアドオン10選：エンジニアがお薦めする 現場で使えるツール10選（2）（1/5 ページ） ITエンジニアの方であれば一度は使ってみたことがあるFirefoxだが、いまひとつ使いこなせていない人や標準のInternet Explorer（IE）に戻ってしまった人もたくさんいるだろう。 FirefoxといえばオープンソースのWebブラウザとしてIEをしのぐ勢いでWebブラウザのシェアを獲得してきている。2008年6月には「Firefox 3」になり、レンダリングエンジンも高速化されて注目を集めた。そんなFirefoxの最大の魅力は、何といっても拡張機能である豊富なアドオンが公開されていることだ。 アドオンを組み合わせて自分が使いやすいWebブラウザ環境をつくることができる。これがFirefoxの楽しみ方の1つでもある。しかし実際には、あまりにも多く
Firefox 3を使ってsessionStorageを試す - builder by ZDNet Japan
ゼロトラストに向けた道のりを支援 自社のセキュリティの課題を浮き彫りにし M365の各機能で対応 次期自治体ネットワーク強靭化へ ガイドライン改定でデジタル化を推進 利便性向上への取り組み方をポイントで解説 未来のセキュリティイノベーターへ 初のオンライン開催となったSecHack365 20年度成果発表 から見えてきた新たな兆し データの散在と非常率運用がネック 企業のDXをITが妨げる喜劇を回避するために キーマンが明かすデータ管理基盤の重要性 IDaaSって何？ Identityマスターへの道4回目は ID管理ををシンプルにする方法を紹介 連載！プロが語るストレージ戦略 第三回：コンテナ環境におけるストレージ 意外と知られていない重要性を詳解する その先へ データ活用が変わる ビジネスは新しい舞台へ M365 活用のセキュリティ対策 急激に進んだリモートワークに対応する ゼロトラスト
ローカルへのデータの保存を可能にするDOM Storage - builder by ZDNet Japan
2種類のDOM Storage DOM Storageはブラウザがローカルに持つストレージにデータを保存することができる仕組みである。従来、ウェブアプリケーションが何らかのデータを永続化するにはCookieを利用するか、そうでなければサーバ側のストレージに保持しておく必要があった。DOM Storageよって、そのような様々な情報をローカル側に保存しておくことができるようになる。 Firefoxではこの機能をFirefox 2の頃からサポートしているが、現在ではHTML 5のドラフトに正式に採用されているため、IE4やSafari4など他のブラウザでも同じ機能をサポートするようになった。すなわち、これまでFirefoxでしか利用できなかったDOM Storage対応のサイトが別のブラウザでも利用できるようになったというわけだ。 DOM StorageはWindowオブジェクトの属性として定
モジラ、「Ubiquity」のロードマップ案を発表--Firefoxプラグインの枠を超えるか - builder by ZDNet Japan
Mozillaは、ユーザーインターフェースプロジェクト「Ubiquity」の新版に向けたロードマップ案を発表した。Ubiquityは、ユーザーが作成したショートカットをウェブ上の情報とマッシュアップすることを目指すものだ。この計画では、インターフェースの徹底的な見直しのほか、UbiquityをMozillaの「Firefox」および「Thunderbird」と統合し、さらにユーザーのデスクトップとも統合するという、大きな目標を掲げている。 Firefoxの場合、早ければバージョン3.2（2009年中にリリース予定）の時期に、Ubiquityとの統合が（テスターだけでなく）誰でも利用できるようになる見込みだ。ロードマップによると、Firefoxはアップグレード時にUbiquityの機能をロケーションバーの「Awesomebar」に組み込むので、ユーザーはオンとオフを切り換えるための新しいキー
Firebugと合わせて使いたいパフォーマンス分析ツール「YSlow」 - builder by ZDNet Japan
エッジからハイブリッド環境まで 考えられる全てのインフラ基盤を検証可能 Lenovoハイブリッドクラウド検証センター Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する！ 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ゼロトラスト対策3つのポイント ニューノーマル時代に必須なゼロトラスト セキュリティの始め方 ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 激変するビジネス環境の中でのDX モダン
Firefoxの必携アドオン10選 - IT業界を生き抜く秘密10箇条 - ZDNet Japan
あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を節約し、ブラウザの使い勝手を向上させるような、筆者お気に入りのFirefoxアドオンを紹介している。 Firefoxには、アドオンという追加機能をインストールできるというとても素晴らしい能力がある。そして、アドオンにはさまざまなものが用意されているのだ。ブラウザの見た目を少しだけ変更するというものもある一方で、ウェブ閲覧に欠かせないというものも数多くある。あなたがどのような目的でウェブ閲覧を行うかにかかわらず、キラーアドオンというものが存在しているのだ。本記事では、私のお薦めアドオンを10個紹介している。 ＃1：Morning C
モジラ、Firefoxプラグイン「Ubiquity」を公開--手軽なマッシュアップが可能に - builder by ZDNet Japan
Mozillaは米国時間8月26日、Webと言語を結びつけてユーザーがもっと早く簡単に一般的なWebタスクを実行できるようにする、実験的なブラウザプラグインをリリースした。 Aza Raskin氏（AppleのMac開発者の1人であるJef Raskin氏の息子である）が作成した「Ubiquity」は、普通の言葉を使ってWebサービスを操作できるコマンドラインインターフェース。Mozillaのサイトに掲載された26日の投稿によれば、この無料の「Firefox」プラグインでは、「既存のオープンなWeb APIを使ってユーザー生成型のマッシュアップ」を作成でき、「つまり、ウェブ開発者だけでなく、誰もがニーズに合わせてWebを編集できる。どのページを見ていようと、何をしていようと関係ない」という。 Mozillaが考える課題は以下の通り。 マッシュアップは役に立つ場合もあるが、静的なため、Web
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
Lifehacker：Firefoxアドオンの作り方 - ITmedia Biz.ID
多少のプログラミング経験があれば、Firefoxアドオンを作るのはそんなに難しくない。自作アドオンを作るためのハウツーを紹介する。 ここで自家製Firefoxアドオンをリリースし始めて以来、何人ものユーザーから「Firefoxアドオンを作るのは難しいの？」という問い合わせを受けた。多少プログラミングの経験がある人なら、その答えは「そんなに難しくない」だ。 Firefoxアドオンの中身はJavascript――ブックマークレットや従来のWebページで使われている、あまりミステリアスではない言語――とXUL（「ズール」と発音する）というマークアップ言語だ。独自のアドオンを作るには、ある程度のJavascriptのノウハウとXMLファイルの快適な編集、それからお気に入りのブラウザを思いのままにすることへの健全な好奇心が必要だ。 わたしがWeb上のフリーチュートリアルを使ってFirefoxアドオン
Firefoxで情報をカンタン・ベンリに整理する - builder by ZDNet Japan
ScrapBook ScrapBookはWebページのコピーをローカルに保存したり、保存したページにメモなどを挿入したりといった機能を持つアドオンだ。 表示したページを画像やJavaScriptなどを含めてそのままローカルのディレクトリに取り込むことができる。この拡張を活用すれば、インターネットで調べ物をして得た情報を簡単に保存、整理しておくことが可能。一度保存したページはオフラインでも閲覧できるため、あらかじめ調べておいた内容を電車などでの移動中に参照するといった使い方もできる。 既にScrapBookを情報整理ツールとして活用している方も多いであろう。今回は基本機能の紹介の前に、ウェブアプリケーション開発での応用例を考えてみよう。 ウェブ開発にも応用 ScrapBookの持つ機能は、使い方によっては単にWebページを保存するというだけでなく、ウェブアプリケーション開発にも応用することが
| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個
2008年07月09日 もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個 Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上で、HTMLのコーディングが視覚的にできてしまうDW要らなくなるソフト ■Codetch.com :: Home ■インストール ◆ブログエディタ『ScribeFire Blog Editor』 Wordpressなどのブログに投稿する機能を持ったエディタです。 ■ScribeFire - Fire Up Your Blogging! ■インストール ◆簡単なアプリ開発『The Pencil
よりよいウェブ開発者になるためのFirefox 3のアドオン10選 - builder by ZDNet Japan
みんなが使うMySQLの企業活用 なぜ有償サポートがあったほうが良いのか？ 有名テクノロジー企業もOracleに頼む理由 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する！ 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 DX推進を阻害する3つの要因 プロフェッショナルが語る データ分析・データ活用の実現 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か？ ヘルプデスク業務の週休4日制を考える ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を
サーバーエンジニアが入れておくと便利なFirefoxアドオン７選 - Unix的なアレ
サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptやCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。 https://addons.mozilla.org/ja/firefox/addon/1843 Yslow firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。 expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。 https://addons.mozilla.org
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA