Firefox

皆さんはブラウザの履歴を戻ったり進んだり、
新しいタブでリンクを開いたりは、どの様に行っていましたでしょうか？

私は、戻るボタンや進むボタンをクリックしたり、
ランクを別タブで開く際はリンクを右クリック『新しいタブで開く』でした。

それが当たり前だと思っていました。

しかし、そんな常識を覆す最強のツールを見つけました！
その名も『Smooth Gestures』

何故今まで知らなかったのか？という程、とても便利です。
一度使ったら手放せません。

今回は、そんな『Smooth Gestures』の魅力について解説します。

1. 『Smooth Gestures』とは？
2. 『Smooth Gestures』のインストール
3. 各ブラウザでのマウスジェスチャー拡張機能

『捗る捗るマウスジェスチャーでブラウザ操作が超楽チン！』を続きを読む »

TwitterやFacebookのタイムラインの様に、
Google検索結果やブログのページングを『次へ』を押さずに自動で読み込んで、
スクロールに応じて下部に追加してくれる超便利拡張機能『AutoPager』のご紹介です。
私は、この『AutoPager』に出合ってから情報収集能力が3倍は跳ね上がったと感じています。

1. 情報収集が捗る『AutoPager』とは
2. 『AutoPager』のインストール

『 【3倍捗る】Google検索結果を先読みしてタイムライン状に表示する方法』を続きを読む »

WEBブラウザ内に表示されているもの全てのカラーコードを
取得する事の出来るアドオン『ColorZilla』のご紹介です。
WEBブラウザ内であれば、画像やWEBサイト内で表示されている対象の色を、
RGBとして10進数や16進数で確認、抽出する事が可能です。
ローカルの画像も、WEBブラウザへドラッグ&ドロップし、『ColorZilla』を使用する事で
簡単に画像の部分的な色情報を確認、抽出する事が出来ます。

今回は、そんな便利な『ColorZilla』について解説します。

1. 『ColorZilla』の入手と実行環境
2. 『ColorZilla』の機能
3. 『ColorZilla』の使用方法

『ブラウザ内の画像やサイトの色を抽出する方法！『ColorZilla』』を続きを読む »

ブラウザのデベロッパツールのコンソールへlogを出力する方法と、
その際の注意点や解決策についてソースコード付きで解説します。
最終的にはlog出力の完成形として、
IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きの
プラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。

JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、
今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。

しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。

そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへ
logを出力する事が可能となりました。

今回の記事では、そんなlog出力の方法と、Safari、ChromeやFirefox、各ブラウザでの互換吸収、IEへの対策方法等を
解説したいと思います。

alert()の様に、一回一回ボタンを押す必要も無く、HTML出力の様にレイアウト崩れを気にしたり、
ロギング環境を構築する手間も必要ありません。

今回解説するlog出力方法を身につければ、きっと今後のJavaScript開発が加速するはずです。

1. JavaScriptコンソールへlogを出力してみよう！
2. 他にもあるlog出力系便利メソッド！
3. consoleが使えないブラウザでもエラーが発生しない様にしよう
4. 長いオブジェクト名を短縮しよう
5. コンソールへのlog出力の有効・無効を設定しよう
6. log出力の完成形！IEエラー回避&console記述無し&デバッグ切り替え機能付き

『JavaScript開発のデバッグを加速するlog出力！』を続きを読む »