JavaScriptのデバッグのコツと技 | POSTD
以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E
ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionはウェブ開発者のために作られたブラウザで、作成・テスト・サイズの変更といった開発のワークフローで必要とされる機能をすべて持っているものです。さらに、専用のアドオンをインストールすれば、Firefox Developer Editionを操作するだけで他のブラウ
FirefoxOSについてなんとなく調べてみた - hyoromoのブログ
「HTML5で書けるプラットフォームだよ、お兄ちゃん☆」て印象しかなくKEON端末を買ってしまったので、今回調べてみたのでその事をサラッと書きます。 概要 HTML5とMozilla製独自APIを利用することでアプリ開発が出来るWebOS。 Mozillaはどうしたいの？ 公式サイトを引用すると以下の様なフレーズが目につきます。 独占的モバイルプラットフォームからの解放 開発者のための機会 消費者の自由 「HTML5+Mozilla製独自APIだから開発楽ちんだよ、お兄ちゃん☆」特定のプラットフォームに特化しなくてもWebサイト作るノリでアプリつくっちゃいなよ。的な感じなのでしょう。 コア処理をHTML5で書けるようなのでFirefoxOS向けだけではなく、他WebOSやWebサイト向けにも流用できる為、それによりユーザが欲しいアプリも開発者が提供してくれやすいのでわ。という事なのでしょう
Firefox 22 に使用フォントが確認できる Font Inspector が搭載
現在、Aurora （プレベータ版） がリリース済みの Firefox 22 ですが、Web コンソールに新機能として、Web ページで指定されているシステムフォントや Web フォントの一覧を確認したり、特定の要素に指定されているフォントを確認したりできる、「Font Inspector」 が搭載されています。 Font Inspector は 「Inspector」 の中に、Fonts というタブが追加されるのでそこから確認できます。 その他 Web コンソールの強化も ついでに Web コンソールも色々と強化されていて、Web ページのパフォーマンス計測ツールが統合されたり、 デバッガも UI が変更されて使いやすくなっています。Firefox 21 以前は確認、編集したいリソースをプルダウンメニューから選択してっていう UI だったのですが、Firefox 22 からは、サイドの一
Sass（+ Compass）：Firebug やデベロッパーツールで SCSS の該当行を表示
Sass（+ Compass）：Firebug やデベロッパーツールで SCSS の該当行を表示 2013.03.04 | この方法お勧めです！ | 制作あるある | 覚えておきたい こんにちはピンクです。確定申告の季節ですね！青色申告の私は毎年この時期、宿題を溜めてしまった夏休み最終日の小学生のようになっています…。 さて、Sass ネタです。 Firefox の Firebug や、Chrome のデベロッパーツールで要素のスタイルを確認すると、どのスタイルシートの何行目に記述があるか分かるようになっています。 上図は Firebug で適当にとったキャプチャです。「スタイルシート名.css」の n 行目に記述があるよー、と書いてありますね。デフォルトではここは .css の何行目か、しか見てくれません。 Sass（.scss）で書いて表示確認をして「ああ～ここ少し調整したいな…」なん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
