タグ

Webとaddonに関するHeavyFeatherのブックマーク (25)

  • Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!! - 週刊アスキー

    『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない格的な作図を行なえる。

    Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!! - 週刊アスキー
  • 便利な人には便利なChromeの拡張機能 33+1コ | gaspanik weblog

    皆さんの普段使いのWebブラウザはなんですか? ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。 そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33+1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。 いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしまし

    便利な人には便利なChromeの拡張機能 33+1コ | gaspanik weblog
  • Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com

    Google Chrome拡張機能格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能

    Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com
  • Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC engineers' blog

    羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox体のツールバーに「要素を調査」ボタン Fi

    Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC engineers' blog
  • Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ

    最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 題は HttpFox ではなく、Fiddler についてです。 Fiddler

    Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
  • デザイナー・デベロッパーのためのGoogle Chromeエクステンション17 – creamu

    Google Chrome拡張機能を探している。 そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステンション集です。 便利そうなのが揃っているので、いくつかご紹介しますね。 Eye Dropper サイトから色を抽出できるカラーピッカー Aviary Screen Capture スクリーンショットを撮れるアドオン Chrome Sniffer 見ているページで使われているフレームワークやCMSを表示してくれる The Lorem Ipsum Generator Lorem Ipsumのダミー文字を生成してくれるアドオン Chrome SEO インデックス数、バックリンク数などを表示してくれるSEOツール IE Tab

  • Webデザイナ向けFirefoxエクステンション19 | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F

  • JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT

    Webアプリケーションが増えるに従って、JSONフォーマットを利用する機会も増えてきた。だがJSONファイルの扱いはそれほど良くなく、Firefoxの場合ダウンロードのダイアログが開いてしまう。それにシステム向けに改行なしで作られているケースが多く閲覧には不向きだ。 JSONフォーマットをFirefox上で閲覧できる 今後さらに利用が進んでいくと思われるだけに、扱い勝手が悪いのは問題だ。そこで使ってみたいのがJSONViewだ。 今回紹介するオープンソース・ソフトウェアはJSONView、Firefox上でJSONファイルを閲覧できるようにするFirefoxアドオンだ。 JSONViewをインストールした状態でJSONファイルを開くとダウンロードダイアログが開かず、そのままソースが見られるようになる。キー、文字列、数値とそれぞれハイライト化されて表示されるので分かりやすい。配列やハッシュの

    JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT
  • ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン

    こんにちは! のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと@テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Google製サイト高速化Firefoxアドオン「Page Speed」を試してみました:phpspot開発日誌

    Page Speed Home Google製サイト高速化Firefoxアドオン「Page Speed」というのがリリースされたようで試してみました。 同様のFirefoxアドオンである、Yahoo!製のYSlowがあったりますが、後から出ただけあってYSlowにない便利機能なんかもあるみたいなので併用してもいいかも。 インストールすると、「Page Speed」、「Page Speed Activity」がタブに追加されました。 Analyze ボタンでページの検証が始まります。 検証結果画面。アイコン付きでYSlowより見やすいかも。 ここに表示される警告を直していけばページの高速化が簡単にできますね。 見出しをクリックすると解説ページに移動できます。 ブラウザベースのキャッシュをもうちょっと使うように、ということでメッセージが表示されました。 ブラウザキャッシュに対応するには、apa

  • Firefoxをセキュアに--お勧めアドオン10選

    文:Don Reisinger(Special to CNET News.com) 翻訳校正:村上雅章・野崎裕子 2009-06-03 08:00 ウェブサーフィンを安全に行うということは極めて重要であるものの、安全さと快適さは時に相反する場合がある。しかしFirefoxのユーザーであれば、セキュリティを強化するアドオンをインストールしておくことで、ワームやハッカー、フィッシング詐欺といった脅威に備えることができるのだ。 ただし、こういったアドオンをインストールしたからと言って、絶対に安全であるとは言いきれないという点は述べておく必要がある。信頼できるサイトのみを訪問し、出所の不明なファイルをダウンロードしないということを常に心がけてほしい。 #1:BetterPrivacy BetterPrivacyを使用することで、有効期限が長く、削除されないトラッキングクッキーの脅威から身を守ること

    Firefoxをセキュアに--お勧めアドオン10選
  • ブロガーのための「Firefox」アドオン--記事作成を効率化する15種

    「Firefox」のユーザーでありブロガーである筆者は少し前に、効率を上げる最善の方法は便利なFirefoxアドオンを見つけることだと気付いた。 さまざまなFirefoxの拡張機能を試して、ブログ記事の作成をより効率良く行える15の優秀な拡張機能を見つけ出した。 Firefox拡張機能 Apture Editor:「Apture Editor」を使うと簡単に、文脈に関係した画像、ビデオ、リファレンスガイド、リンクなどをブログに追加することができる。読者がAptureのリンクが設定された言葉にマウスを合わせるとボックスが立ち上がり、事前に選んだ関連メディアを表示する。読者がアイテムをクリックすると新しいウィンドウが開いて、そのメディアの情報元を表示する。これはブログ記事にさらなる価値を付加する素晴らしい方法だ。 Clipmarks:「Clipmarks」はテキスト、画像、ビデオなどウェブペー

    ブロガーのための「Firefox」アドオン--記事作成を効率化する15種
  • firefox 3が遅くなった→ SQLite reindexで解決&高速化 - しおそると

    Firefox 3を使っていて、起動が異様に遅くなっていて困っていました。 今回、どうやら解決した模様なので備忘録までに記載します。 Firefox 3にバージョンアップしてから、メインで利用しているPCで Firefox の起動が遅くて仕方がない、ipv6検索を無効にするとか試してみたけどもかわず、という状態でした。 だいたい同じAdd-onを 他のPCにも入れて利用していますが、そちらははそう遅くはないので、プロファイル系かあ、までは切り分けしてそのまま利用しておりました。 プロファイル再作成、面倒ですしね。 で、ふと思い立って Firefox 3 で利用している、SQLite データ群をかたっぱしから Reindex したら、 昔のスピードが再現しました。はやい! 改善:2つ 1)起動が速くなった(起動に1-2分かかる→すぐ起動。劇的に改善。) 2)サイト表示もはやい。 cookie

  • 国内外の大量のテレビ放送をブラウザ上で再生「TV-FOX」 | 教えて君.net

    「TV-FOX」は、世界中のテレビ番組を見られるFirefox用のアドオンだ。欧米はもちろんのこと、アジアから東欧、南米、アフリカ諸国まで、世界中のテレビのチャンネルが登録されている。日では、SonetTVやFNNNewsなど15のチャンネルが登録されているぞ。 内容は最新のニュース番組やミュージッククリップなどが中心。難しい設定は不要で、チャンネルを選択するだけで、番組の放送が開始されるぞ。なお、再生にはWMPプラグインが必要になるのであらかじめ導入しておこう。 ■Firefoxでテレビ番組を無料で見る ・TV-FOX ・WMPプラグイン インストールするとFirefoxにツールバーが追加される。青いアイコンをクリックすると国別にチャンネルが表示される

  • ASCII.jp:絶対入れたいFirefoxアドオン最強50選

    初心者から上級者まで、今使うべきアドオン50を徹底紹介 次世代ブラウザー、Firefoxの魅力は快適な動作速度(関連記事)だけではなく、ユーザーの好みに合わせて機能を拡張できる「アドオン」の存在だ。とはいえ5000以上もあふれるアドオンの海から自分に合ったものを選ぶのは至難のワザ。まずは鉄板の定番アドオンを導入し、そこから自分仕様にカスタマイズしていきたい。 そこで今回は使用シーンに合わせ、筆者が勧める50のアドオンを徹底的に紹介。インストールしたばかりのFirefox初心者はもちろん、Greasemonkey(グリースモンキー、詳しくは後述)を使いこなしている上級者にもぜひ使ってもらいたいものを集めてきた。

    ASCII.jp:絶対入れたいFirefoxアドオン最強50選
  • NoScriptの全面譲歩で決着 - Mozilla Flux

    予想外にあっけない幕切れだった。NoScript 1.9.2.6がリリースされ、1.9.2.4で問題になっていたホワイトリストは自動的に削除されるようになった。そして、二度と追加されることはない。NoScriptの作者Giorgio Maone氏は、公式サイトのほか、自己のブログにも謝罪文を掲載した(『Dear Adblock Plus and NoScript Users, Dear Mozilla Community』)。 大きな反響をいただき、台湾からのトラックバックさえあった『Adblock Plus vs. NoScript』の続報である。筆者は対立が長引くと見ていたのだが、わずか数日でNoScriptが全面的に譲歩する結果となった。Maone氏の謝罪文には経緯も説明されているので、まずはそれを見てみよう。 NoScript作者から見た争いの経緯 やはり今回の争いの発端はEasy

    NoScriptの全面譲歩で決着 - Mozilla Flux
  • モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ

    こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【1】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行

    モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
  • Mozilla Re-Mix: ケーブルもチューナーも無しで世界中のテレビチャンネルを試聴できるFirefoxアドオン「TV-FOX」

    PCテレビを見ることができるようになってからずいぶん経ちますが、最近では光ファイバーを使ったテレビ放送なども利用できるようになり、ますますPCでのテレビ視聴が充実してきています。 しかし、こうした放送を視聴するには、契約や月額料金などが必要となる上、専門チャンネルなども個別に契約しなければ視聴することができません。 また、光ファイバー経由のサービスを使わず放送を視聴したい場合は、アナログ・地デジチューナーなども必要となります。 こうしたことからテレビ視聴環境の導入を見送っている方も多いと思いますが、Firefoxに「TV-FOX」というアドオンをインストールしておけば、ちょっとしたケーブルテレビで見るような放送ならタダで好きなだけ見ることができるようになります。 「TV-FOX」は、Firefoxに常駐するツールバーから、世界各国の数千チャンネルのテレビ放送を無料で視聴することができると

  • 快適な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つでもある。しかし実際には、あまりにも多く

    快適なWeb開発環境を構築する、Firefoxアドオン10選