2010年にお世話になった、10個のお薦めGreasemonkeyスクリプト
2011年になってもうだいぶ経ってしまいましたが、恒例(?)の「昨年お世話になったシリーズ」をやりたいと思います。「2010年にお世話になった、10個のお薦めFirefoxアドオン(おまけ10個)」「2010年にお世話になった、10個のお薦めStylish用CSS」と併せて3本立てです。本エントリでは、2010年にお世話になった Greasemonkey スクリプトをご紹介します。
| AutoPagerize | 複数ページにわかれているときに自動で次のページを表示してくれる |
| ChkPasswd | と表示してパスワードを隠すマスク「●●●●●●」を一時的に外す |
| Lightboxer | 画像の拡大表示を便利に。どこでもLightbox |
| LongURL Mobile Expander | 短縮前の URL を表示 |
| Amazon Lowest Price Checker | Amazon 商品ページでより安い売り手がいたら教えてくれる |
| Amazon TOC Preview | Amazon 商品ページで書籍の目次を上のほうに表示してくれる |
| google calendar age adder | 毎年繰り返しのイベントに対し、何年目か表示してくれる。何歳の誕生日かわかる |
| Favicon with Google Reader | Google Reader の記事横にページのファビコンを表示してくれる |
| Google Reader Add-on Scripts | Google Reader でリスト表示しているとき、マウススクロールだけで読み進めていける |
| GoogleReader plus Hatena | Google Reader の記事横にはてなブックマーク数を表示してくれる |
Amazonへのリンクの横にブクログへのリンクを追加するGreasemonkeyスクリプト「Add To-Booklog Links」を書いた
![[画像] 110207_add-to-booklog-links](http://www.kagitaku.com/diary/images/110207_add-to-booklog-links.png)
JavaScript の勉強と自分の必要を兼ねて、「Add To-Booklog Links」という Greasemonkey のスクリプトを書いてみました。機能は、ウェブページ中の Amazon へのリンクの横にブクログへ追加するリンクを作成するというものです。以下で手に入ります。
» Add To-Booklog Links for Greasemonkey
動作確認は、Firefox 3.6.13、Chrome 9.0.597.84 で行いました。たぶん動くと思います。
……続きを読む »
JavaScript のお勉強でストップウォッチを作ってみた
JavaScript を勉強する機会があったので、ストップウォッチを作ってみました。
タスク名を入力する欄があり、現在時刻、経過時間と一緒に記録することができるので、「あのタスクに何分くらいかかったか記録しておきたい」というときに使えるかもしれません。もしくは、カップ麺を食べる際のお供にどうぞw
![[画像] JavaScriptによるストップウォッチ](http://www.kagitaku.com/diary/images/100708_js-stopwatch.png)
便利そうなjQueryプラグイン10選
» ユニークで使えそうなjQueryプラグイン10個:phpspot開発日誌
便利そうな jQuery プラグイン10個が紹介されています。
↓の2つなんかは実際に使ってみたいところです。
Captify1
画像の下部に半透明の背景付きキャプションを表示。アニメーションしていい感じFavico2
リンクに自動でfaviconを付けてくれる
- 1 URL は <http://masterfidgeter.com/projects/captify/> で合っていると思うのですが、なぜかアクセスできません。
- 2 こちらも <http://blog.liviuholhos.com/javascript/add-a-favicon-near-external-links-with-jquery> にアクセス不能です。
CSS3セレクタ非対応ブラウザでも対応ブラウザと同じ動作を実現するJavaScriptライブラリ
» 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた – latest log
CSS3 セレクタに対応していないブラウザ(e.g., IE6)でも対応ブラウザと同じ動作を実現してくれるという JavaScript ライブラリのようですが、ちゃんと動けば非常にすばらしいですね!
ブラウザによって使える CSS セレクタが違うというのはウェブマスターにとっては悩みの種です。でもこれさえあれば問題は解決ですね。
いやー、ありがとうございます。
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png)





![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)