その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
JavaScript YHC – Userscripts.org 長文をスライドショー形式で読むテキストリーダーです。デモビデオ(1分半)は以下。kotorikoさんの『捨松定吉』を、ランダムフィルタをかけて読んでいます。 機能説明ウィンドウ右下のGreasemonkeyメニューから[YHC]を選びスタートさせます。先に文章の一部を選択している場合はその部分を、そうでない場合は対象となる部分をマウスで指定します。 操作は主にキーで行います。 キー機能Esc終了↓ or S再生開始/停止→ or J or Space次のスライド 再生中はスピードアップ← or K前のスライド 再生中はスピードダウンGジャンプHome先頭のスライドEnd最後のスライド ↓キーで再生を開始して、→キーで再生速度を少し速くして、速すぎたら←で遅くして。気になるところに戻りたい場合は、↓で止めて、←→で移動して手動
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is available for Firefox as an add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's compon
FlashやJava、Silverlightをはじめ、ブラウザ上でリッチなインタフェースを提供するフレームワークは増えつつある。Ajaxはクライアント側でインストールする手間がいらない反面、実現できる機能が限定的になってしまう。3Dを表現するのが難しかったり、マシンパワーを過剰に消費する傾向にある。 GoogleのRIAに対する答えがNative Clientか？ 各プラットフォームがそれを克服するためのプラグインを提供してきた。そしてGoogleの出してきた答えがNative Clientだ。 Native Clientは修正BSDライセンスの下で公開されるオープンソース・ソフトウェアで、何とX86バイナリをそのままブラウザ上で実行してしまうという代物だ。 Native ClientはFirefox向けのプラグインを提供している（アドオンではないので注意）。Windows、Mac OSX
このアドオンは、Firefoxのタブをツリー形式で扱う機能を提供します。 現在のタブから開かれた新しいタブは、自動的に現在のタブの「子」としてツリー構造に組み込まれます。 このようにして作られた「枝」は「親」タブに表示されている「▼」マークをクリックすると簡単に折り畳むことができますので、大量のタブがある場合でも混乱しなくて済みます。 また必要に応じて、ツリーをドラッグ＆ドロップで編集することもできます。 こうして構築されたタブのツリーは、視覚化されたWebブラウズの履歴のように振る舞います。 例えば、ある話題の検索結果を見たい時には検索結果のリンクを新しい子タブとして開いていくことになるでしょう。詳しく調べるために孫タブ・ひ孫タブを開いていくこともできます。このようにどんどん情報を深掘りしていっても、閲覧履歴がツリーとして目に見える形で残されていれば、自分の現在位置を見失う事はありません
XSSとかSQLインジェクションとかをチェックするために、フォームの入力項目にスクリプトとかを入力するのが面倒だったので。 こんなん作りました。 Xss Check Helper http://yuroyoro.com/greasemonkey/xsscheckhelper.user.js 機能 ページ内のフォームコントロール(input[text,checkbox,radio],textfield,select)のvalueを指定した値に強制的に書き換えるスクリプトです。 たとえば、以下のようなcheckboxがあったとして、 <input type="checkbox" name="test_check" value="1"/>このスクリプトをかますと <input type="checkbox" name="test_check" value="<b>TestValue</b>"/>
フォトライフはすぐにいっぱいになっちゃうし、tumblrだと横幅制限が厳しくてキャプチャとして意味をなさないし、Flickrしかないなと思ってはいたものの Flickr のも欲しい。と、強く念ずる。 :: H & A :: tumblr を見てから3ヶ月を経てようやくFlickrにアップロードするバージョンを作りました。3ヶ月前、ちょうどTomblooでMochiKitのDeferredに感動したあとの12月に途中まで作ってたけどどうでもいいところでつまずいてそのまま放置してたのをOSXだとFirefox3beta4からFlashも映るのに刺激されて完成させました。Firefox3beta4+OSXだとこのスクリプトでFlashの部分もキャプチャが撮れます。WindowsはFirefox3beta5でもまだできるようにならないみたいです。残念。でもそのうちなるっぽい。 Download
YSlowに関する説明はこちらを参考にしていただくとして。 MOONGIFT: » サイトのパフォーマンス向上を目指そう「YSlow」:オープンソースを毎日紹介 http://www.moongift.jp/2007/10/yslow/ サイトの診断結果 簡単に言えば、Yahoo! Inc.が提供しているFirefoxアドオンで、サイトのパフォーマンスチェックができるソフトウェアになります。今日バージョンアップしたようで、Firefox3に対応しました。 サイトがGZipを使っているか、外部JavaScriptの読み込みをどこで行っているか、リクエストした数、データサイズ等が一覧で見られるようになっています。この結果に応じてシステムを改善していけば、パフォーマンスが向上するであろうという指針になっています。 リクエスト数 開発者の方はもちろん、サイト管理者にとっても見逃せないツールです。ネ
ページのソースをもっと見やすくしたい。 そんなあなたにおすすめなのが、『View Source Chart』。HTMLソースをネストでグラフィカルに表示するFirefoxアドオンだ。 『View Source Chart』は、ページのソースをタグごとに見やすく表示してくれる。背景色や点線、実線で区別してくれたり、タグをクリックすると折り畳んでくれたりする。 インストール後、右クリックのメニューから「View Source Chart」を選ぶことで使える。 思ったよりもソースが見やすくて快適だ。 HTMLソースをネストでグラフィカルに表示、チェックして使っていきたいですね。 スカルリングのことで頭がいっぱいです。。
Gmailを高速にする方法 管理人 @ 7月 26日 07:30am Gmail（Gメール） Gmailはとても便利なウェブメールですが、問題はデスクトップのメールソフトに比べてスピードが遅い点でしょう。 しかし、設定を変更するだけで、少しはスピードを上げることができます。 毎日利用するなら、改善しておきましょう。 チャット機能廃止 Gmailのチャット機能を使わないなら、Gmailの画面下の方に表示されるGmail の表示形式で、「通常の HTML 形式 (チャット機能なし) 」を選択。 Google トーククライアントを使っている人におすすめです。 ウェブクリップを非表示 「設定＞ウェブクリップ」で「ウェブ クリップを受信トレイの上に表示」のチェックをはずします。 （ウェブクリップはGoogle スポンサー リンク、Gmail のヒントなどが表示される機能です。） 抜粋非表示 「設定＞
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」 2007年08月03日- Dust-Me Selectors Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. 使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」。 インストールするとFirefoxの右下に次のようなアイコンが表示されます。 クリックすると、次のように、表示中のページで使われていないCSSセレクタを表示してくれます。 (ファイル名、行数も表示してくれます) サイトを作っていると、CSSが次々と肥大化して使わないCSSもそのまま、ということがありますが、このツールを使えば不要なC
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
Better Gmailは、最高のGmailユーザースクリプトを1つのFirefox拡張機能としてまとめたものだ。これを使ってGmailをパワーアップする方法を紹介する。 【この記事は、2007年4月17日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 先日、ジーナがFirefoxの拡張機能「Better Gmail」をリリースした。最高のGmailユーザースクリプトを、管理しやすい1つの拡張機能にまとめたものだ。この拡張機能を使うのであれ、Greasemonkeyスクリプトを使うのであれ、これらのアドオンはGmailを全く新しい強力な電子メールにしてくれる。 問題は、Better Gmailが与えてくれる機能を使いこなすには、自分が何をやっているのか知っていなければならないということだ。そこで今回は、Better GmailとほかのGmailアドオンを
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ 管理人 @ 5月 15日 03:37am Firefox 当サイトでも多用する「Greasemonkey」という単語。 直訳すると「整備士」。 Greasemonkeyを使えば便利になるらしい。 でも、Greasemonkeyって一体何なんでしょう？ このページでは、Greasemonkeyについて、 初心者にも分かりやすいように、簡潔にまとめています。 目次 Greasemonkeyとは インターネットブラウザ「 Firefox 」でユーザースクリプトを実現するための拡張機能（Add-on）の1つ。 Firefoxにインストールすると、サイト閲覧者側（利用者側）で、サイトの体裁を整えることができます。 しかし、Greasemonkey単体では、何も機能しません。 Greasemonkeyにユーザースクリプトをインスト
FireShot Pro - Capture + Annotate Full Webpage Screenshots captures entirely, edits and saves your webpages. The newest FireShot Pro Full Webpage Screenshot version (currently 0.98.90) supports even early betas up to Firefox 51 and it is available for downloading from FireShot: Full Webpage Screenshots + Annotations home. Chrome version: https://chrome.google.com/webstore/detail/capture-webpage-sc
Greasemonkeyの過去においてのセキュリティ上の問題の解説。 Greasemonkeyだけに限らず、JavaScriptによるユーザ拡張を作成している全ての方に対して一読の価値があるドキュメントだと思われます。 原文：O'Reilly Media - Technology and Business Training Greasemonkeyの共通な落とし穴を避ける Greasemonkeyのセキュリティの歴史があなたの今にどう影響するのか (著) Mark pilgrim "Greasemonkey Hacks"の著者 2005/11/11 昔々、あるところにセキュリティホールがありました。（これは普通のおとぎ話ではないからそのまま読んでください。） Greasemonkeyのアーキテクチャは最初に書かれて以来大幅に変更されてきた。Version0.3は初めて広範囲に人気を得たバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
