TinyURL はリンク先を開く前に URL を確認できる
■ TinyURL はリンク先を開く前に URL を確認できる 人気のTwitterにセキュリティ問題、研究者が指摘 に URL 短縮サービスの事が書いてありましたが、だいたい TinyURL ですよね。これは私も気になってたので、ページ内に TinyURL があったら元の URL に戻す Greasemonkey を作ろうと思ったんですが、HEAD リクエストの返答がリダイレクト先のサイトの情報になってしまって、なんかめんどくさくなったので飽きました。 それで、TinyURL の仕様とか確認している時に気づいたんですが、2ch で言う所の ime.nu みたいな確認用のページを挟み込む設定があるようです。とりあえず、当面はこれでしのぐと良いでしょう。 以下からセッティング出来ます。 http://tinyurl.com/preview.php NEW って書いてあるから、まだ新しい機能な
マトリックス風 twitter
■ マトリックス風 twitter 名付けて matwitter ニコったー を見たら思い付いたから作っただけで、反省はしていない。 http://espion.just-size.jp/files/js/matwitter/matwitter.html デフォルトだと、オレのアカウント+フレンドのメッセージが流れます。あと Firefox でしか見てないから、IE とかだと動かないかも。 もしこれを自分のサイトに置きたいとかそういう奇特な人がいましたら、ご自由にどうぞ。 スクリプトすげえ短いので、マトリックス風に文字を流したい欲求があれば、使いまわしやすいかもね。 ていうか、マトリックスってこんな感じだったっけ？
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
ウェブブラウジングの履歴みたいなものを視覚的に表示する Greasemonkey スクリプト
■ ウェブブラウジングの履歴みたいなものを視覚的に表示する Greasemonkey スクリプト ※Greasemonkey は Firefox 用の拡張機能です。詳しくは Firefox まとめサイト で確認して下さい。 AccessCountBar.user.js その他のスクリプト ページの表示回数みたいなものを時間別にグラフにして表示するスクリプトです。どんな人に便利なのかさっぱりわかりません。ていうか、邪魔です。 こんな感じに表示されます。 左側が0時で一番右側が23時、赤い部分が現在の時刻のカウント数をあらわしています。1回ページをロードする度に、その時間帯のバーが1ピクセルずつ高くなっていき、過去24時間分の履歴が表示されるようになっています。バーにマウスを重ねると、そのバーがあらわす時間とカウント数を教えてくれます。 仕事をさぼってブラウジングばかりしていると、真ん中あたり
特定のタブの幅を縮めるFirefox用拡張機能 * FaviconizeTab
インストールするとタブのコンテキストメニューに「FaviconizeTab」と言うのが追加されるので、それをクリックするとタブの幅が favicon のサイズまで小さくなります。もう一回 FaviconizeTab をクリックすると元に戻るっていう寸法。 faviconizetab-1.0.6.xpi Firefox Add-ons (English page is here) Source code repository (github) 過去のバージョンなど こんな感じ。 Google Calendar とか Remember the milk とか常駐しておきたいタブが増えてきたんだけど、常駐タブのせいでタブ幅が狭くなるのは癪なので作りました。こいつをインストールしておけばタブバーがすっきりして快適です。 ライセンスは MIT ライセンスを採用しているので、他の拡張への取り込みなど、
livedoor Reader でフォルダとレートを共存させる Greasemonkey 用スクリプト
■ livedoor Reader でフォルダとレートを共存させる Greasemonkey 用スクリプト livedoor Readerの不満点をいくつか 大体自分と同じだなーとか思いつつ眺めていた。 それで、フォルダ管理しつつフォルダの中身をレート順にするっていうのは Greasemonkey スクリプトで解決可能なので紹介します。作ったの結構前なので良く覚えてないですが、多分こんな感じでいけるかと。 with(unsafeWindow) { Subscribe.Controller.prototype.sort = function(){ var tmp = Config.sort_mode.split(':'); var key = tmp[0]; var option = tmp[1]; this.model.list.sort_by(key); if(option == "re
はてなブックマークに追加する時に一緒に注目エントリも表示するよ、Greasemonkey で
■ はてなブックマークに追加する時に一緒に注目エントリも表示するよ、Greasemonkey で ※Greasemonkey は Firefox 用の拡張機能です。詳しくは Firefox まとめサイト で確認して下さい。 HatebRelated.user.js その他のスクリプト はてなブックマークにブックマークする時に、ブックマークしようとしているサイトの注目のエントリを一緒に表示します。こんな感じ。 ブックマーク大好きっ子にお勧め。 注目のエントリじゃなくて人気エントリを表示したい場合は17行目のsort=hotをsort=countに変更したりすればOK。後で はてなグリースモンキー に投稿してみようかなー。 → 掲載された ちなみにこのスクリプトはMITライセンスです。 ところで、この注目とか人気エントリって JSON は無かったよね？JSON 対応してれば、FEEDParse
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
カーソル位置のセルの上端と横端をハイライトする JavaScript
■ カーソル位置のセルの上端と横端をハイライトする JavaScript 好評の、読み込ませるだけで動く JavaScript シリーズの5段目くらいです。このシリーズもたまってきたので、そのうちまとめます。 Excel とかの表計算ソフトって選択しているセルの列番号や行番号がハイライトされたりしてますよね？table タグ上であれと同じものを実現する JavaScript を書いてみました。 こんなようなテーブルを作らなくちゃいけない事になりそうなんだけど…。 実際には15×20くらいはあるので、チェックを入れる時にすごく使い辛そうですよね。なので、カーソルの位置がわかりやすくなるようにハイライト出来たら便利だろうと思ったんです。 実際の動作サンプル rowspan とか colspan を使って複雑にしていると、上端とか横端の位置を取得するのがやたらと面倒になってくるので、画面上のセル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
