初心者がブラウザーでデバッグするための基礎知識
4月に新入社員としてWeb制作会社やSIerに入社した方も、開発業務に携わるようになり、HTML／CSS／JavaScriptを使ったフロントエンド開発を始めた方も多いかと思います。HTML／CSS／JavaScriptはWebブラウザーの上で動かせるので、気楽に開発が始められる半面、「デバッグが難しい」「不具合原因の特定が難しい」「どこにミスがあるのか分からない」というような話をよく聞きます。 そんなときに役に立つのがブラウザーに付属している「開発者ツール」です。「開発者ツール」を上手に使うと、不具合の原因特定を効率的に行えます。以下のように現行の全ての主要なブラウザー（Mozilla Firefox／Google Chrome／Microsoft Internet Explorer／Apple Safari）は「開発者ツール」を持っています。ブラウザー自体が無料ですので、もちろんこれら
Firefox Developer Tools | MDN
Overview A Glossary of Common Terms A Quick Guide to Mozilla Applications Getting Started Getting Set Up To Work On The Firefox Codebase Working On Firefox Working on Firefox Bug Handling Firefox User Guide Firefox DevTools User Docs The Core Tools Page Inspector Web Console JavaScript Debugger Network Monitor Performance Panel Responsive Design Mode Accessibility inspector Application panel More
Venkman | MDN
Venkman は、Mozilla の JavaScript デバッガのコードネームで、Firefox、Netscape 7.x/9.x、SeaMonkey といった Mozilla ベースのブラウザに強力な JavaScript デバッグ環境を提供することを目指しています。なお、同じ Gecko ベースのブラウザでも、K-Meleon 等には含まれていません。Venkman は、2001 年 10 月以降 Mozilla のリリースの一部として提供されているほか、XPI 形式の 拡張機能 パッケージとしても入手できるようになっています。 Venkman 入門 JavaScript デバッガを Web 開発に利用するための概要を説明するとともに、いくつかの実例をご紹介します。 Venkman のブレークポイントの使い方 この記事では、JavaScript におけるブレークポイントの説明と、
Firefox22が「asm.js」採用へ、JavaScriptがネイティブアプリに近い実行速度まで高速化
By Nathan E Photography 2013年6月にリリース予定のFirefox22に搭載されるJavaScriptエンジン「OdinMonkey」に、JavaScriptプログラムをネイティブコード速度の2倍程度の実行時間で済むように最適化するJavaScriptサブセットである「asm.js」が採用されることが発表されました。既に現時点で利用可能となっているFirefox22のNightlyビルドでは初期設定で「オン」となっており、どれぐらい高速化するかが各種デモとともに体験できます。 asm.js in Firefox Nightly | Luke Wagner's Blog https://blog.mozilla.org/luke/2013/03/21/asm-js-in-firefox-nightly/ 実際にasm.jsがどのようなものかというFAQも用意されてい
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
各種ブラウザーで Java (applet) を無効にする方法
こちら（米国）では、見つかった Java のセキュリティホール（＋それを利用した実際のアタック）が大問題になり、米国政府が「ただちに Java を無効にするように」と声明を出し（参照）、全国ニュースでも大きく取り上げられている。 実質的な危険があるのは Java applet なのだが、Java と Java applet の違いの分からない報道機関は、大々的に「Java が危険」と報道しており、Sun Microsystems を買収して Java を入手した Oracle にとっては大きなブランドイメージの損失だ。Oracle は火曜日には５６カ所のセキュリティホールを塞いだパッチを提供するそうだが、そんなパッチでは、今回作られてしまった「Java は危ない」というイメージは拭えない。 どのみち、Java applet にはほとんど価値がないので、これを機会に無効にする人も多いようだ（
Mozilla Re-Mix: 2012年12月時点で最もダウンロードされているFirefoxアドオンベスト30
Firefoxを使う最も大きな理由の一つは、豊富なアドオンを使って様々な機能を手に入れることができるということでしょう。 現時点で30億回以上ダウンロードされているこのアドオンの中には、誰もが真っ先に入れるようなメジャーなアドオン、決して手放すことができないアドオンというものがあると思います。 そこで今回は、そんなポピュラーなアドオンの中から、2012年12月時点で最もダウンロードされている人気アドオンの上位30個を簡単な機能説明とともにご紹介したいと思います。 長年のユーザーには説明不要なものばかりですが、最近Firefoxを使い始めたという方や、来年はFirefoxを積極的に利用しようという方の参考になればと思います。 それではAMOダウンロード数ランキング上位30件を30位から順にご紹介いたします。 *同種のアドオン、現行バージョンではすでに動作しないアドオンなどはランキング外とさせ
ボーダーで三角形などを作るときにはtransparentではなくrgba()で
よくCSSのボーダーを使った三角形の作り方が紹介されていますが、あれに使われている透明なボーダーのことで少し。 たとえば、こういうHTMLとCSSで三角形を作るとしましょう。よく見るタイプだと思います。 <div class="test1"></div>.test1 { width: 0; height: 0; border-width: 0 200px 200px 0; border-style: solid; border-color: transparent transparent #eee transparent; }こっちでもいいです。好みで。 .test1 { ... border-color: transparent; border-right-color: #eee; }CSS Triangle 1 見えづらいかもしれませんが、直角三角形になっていますね。 ただし、Fire
Firefox最新版リリース！ タブレット向けの機能も
Monazilla Japanは28日深夜（日本時間）、タブブラウザー「Firefox」をバージョンアップし「Firefox 15.0」を公開した。主な改善点は下記のとおり。 メモリー管理の改善。アドオンの使用や長時間のブラウジングを続けた際のメモリー使用量が大幅に削減される 開発者（デベロッパー）向けツールの強化。JavaScript デバッガー、レスポンシブデザインビュー、レイアウトビューなど また、これに伴いAndroid版にも新機能の追加とリニューアルされた部分がある。タブレットにも最適化されたとのことで、Android版のほうが修正点が多い。なお、最新版はGooglePlay（こちら）からダウンロードできる。 Android向けFirefoxはスマートフォン限定だったが、タブレット向けのUIを搭載 Android標準ブラウザーのブックマークと履歴をインポートできる Firefox
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
すごい！単なるテーブルを検索、ソート、グラフ化に対応するFirefoxアドオン·TableTools2 MOONGIFT
社内システムではテーブルがよく使われます。レポートも同様です。そんな一覧データを並び替えたいと思ったり、加工したいと考えるときは多いはずです。プログラマーが機能実装してくれれば良いですが、それが臨めないならTableTools2で独自に拡張してしまいましょう！ 配布はAdd-ons for Firefoxにて行っています。 インストールします。インストール後、一度再起動が必要です。 任意のテーブルでコンテクストメニューが表示されます。 テーブルのデータを使ってグラフを描くことができます。 棒グラフなど、複数のグラフに対応しています。 検索フィルタをつけたりできます。 列を消したり、テーブルの結合や比較もできます。 TableTools2ではテーブルを解析するため、theadやtbodyできちんとテーブルが表現されている必要があります。またソートは日付や数値、英語名などが対応しているので日本
FirefoxとChromeって実際どっちがいいの？ | ライフハッカー・ジャパン
ライフハッカー編集部 御中 長年Firefoxを使い続けて来たFirefoxファンです。（もともとライフハッカーのおすすめで使い始めました）。 しかし最近になってGoogle Chromeもかなり優秀なブラウザになってきたように思えます。 実際のところ、ChromeとFirefox、どちらのブラウザを私は使うべきなのでしょうか？ 教えて下さい。 ブラウザブラザーより ブラウザブラザー さま お便りありがとうございます。ちょうど最近、同じような質問が数多く私たちのもとに送られてきているところなのでかなりタイムリーな質問であるかと思います。 Google Chromeの成長ぶりは目覚ましく、再起動が不要なアドオンインストールや、一つのタブが原因でブラウザ全体がクラッシュしてしまうことを防ぐプロセスの分離など、多くのFirefoxユーザが問題視すらしていなかったような問題をGoogle Chro
【レビュー】Firefox 4.0のメモリ消費をお手軽チューニング、Firefoxアドオン「タブグループマネージャー」 | パソコン | マイコミジャーナル
最初は快適であったFirefox 4.0も使っているうちに、その速度があたりまえになり、遅さを感じることも少なくない。3.xと比較してメモリ消費量が増え、ほかのアプリケーションと併用すると重たくなったといった声も聞かれる。そこで、実際にFirefox 4.0はどの程度、メモリを消費しているのかを検証し、ファインチューニングとまではいかないが、その対策を考えてみたい。まず、今回測定を行ったPCは以下のとおりである。 CPU：Intel Core 2 Duo E6600 2.4GHz Memory：DDR2 1GB * 4 M/B：Asus P2B-VM HDD：SATA 80GB Graphics：GeForce 9800GT OS：Windows 7 32bit版 メモリの消費量は、タスクマネージャの[プロセス]タブの表示で測定した。当然のことながら、環境によっては異なる結果となる可能性が
【Firefox】JSONViewは神拡張【Google Chrome】 - 射撃しつつ前転 改
JSONViewを知らない人が社内でいっぱいいたので、これは宣伝すると他にも幸せになれる人がたくさん居るだろう、ということで宣伝してみる。 近年、JSON形式でウェブAPIを作成する機会が増えてきた。しかし、JSONで出力された場合、日本語の文字列はエスケープされる実装が多く(仕様的にはエスケープしてもしなくてもどっちでもいい)、結果を目視で確認することができなくて困るということがよくある。 そのため、JSON APIをたたいてパースして出力するだけのスクリプトをわざわざRubyで書く、というようなことを繰り返していた（前に書いたスクリプトを探すよりも新しく書いたほうが早いのだが、それでもAPIを調べ直したりで3分ぐらいはかかる）のだが、JSONViewという拡張を使うことで、ブラウザ上でのJSONを、XML風に見やすく整形してくれることがわかった。以下のスクリーンショットに、JSONVi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browse beaten
PC
http://japan.internet.com/busnews/20111221/11.html
『Firefox 7』でURLを短縮させない方法 | ライフハッカー・ジャパン
メモリ使用量が減少し、大幅にスピードアップした『Firefox 7』 | ライフハッカー・ジャパン
集中モードのときの鉄則「ブラウザのタブは2つまで」 | ライフハッカー・ジャパン