OTCHY.NET

最近、新しく PC をセットアップする機会があり、FireFox とそのエクステンションのインストールを行いました。
エクステンションを追加するのに毎回毎回、「エクステンション名入力」→「検索」→「ジャンプ」→「インストール」とするのが面倒だったので、自分用メモの意味も込めて、一覧化しておきます。
これで次からは、「ジャンプ」→「インストール」だけで済むので楽ちんです。

で、リストを書き出してて気づいたんですが、自分用リストとは言え、ほぼ Web 開発向けのお勧めエクステンションリストになっていたので、そんなタイトルにしました。
が、この手のページは世に溢れてますね・・・。
Fx エクステンションまとめのまとめをやって、人気エクステンションを探し出すとか、誰かやらないでしょうか。

Web 開発向け

• Firebug
  言わずとしれた、高機能開発ツール。HTML/CSS/JavaScript の解析とデバッグに大活躍。今やこれ無しの Web 開発は考えられません。
• IE Tab
  FireFox の中で直接 IE コンポーネントを使った表示が出来るツールです。ちょっと IE での表示を確認したい時に便利。FireFox と別のタブで開いて、ぽちぽちタブを切り替える事で、微妙なレンダリングの違いをチェックするのが楽になります。レンダリングの違いにそこまでこだわるかどうかは、色々主義主張が分かれるところですが。
  IE でしか正常に表示されない時代遅れのサイトの表示にも活躍。
• Live HTTP Headers
  HTTP ヘッダを FireFox 上で確認できるツール。gif だの css だのにログが埋もれてしまう時は、ちゃんとフィルタリング機能を使いましょう。変なページで変なデータがやりとりされてないかのチェックにも使えたりします。Google ツールバーとかって裏で結構通信してるんですよね。
• User Agent Switcher
  その名の通り、ユーザエージェントを切り替える事が出来るツールです。ユーザエージェントが絡む処理の時に、簡単にテストをする事が出来ます。携帯専用サイトに PC から潜り込みたい時にも使えたり使えなかったり。IP 制限されてるとだめですね。
• Web Developer 日本語版
  FireBug を導入する前まで、同種の目的で大活躍してた解析ツールです。今はだいぶ日陰の存在…。とはいえ、特定の機能をぽちっと無効化したり、フォームの hidden 値をさくっと書き換えたり、ウィンドウサイズをさっと変更したり、まだまだ使えるので未だ現役です。

ユーティリティ

• DownThemAll!
  元々はページ内の画像などを一括&分割 DL するためのツールですが、リンク先の一括ダウンロード機能と、有用なフィルタリング機能のおかげで、よそのページを解析するのにも役立ちます。
• Gogle Toolbar
  検索窓の履歴やサジェスト、検索タイプの追加、「上へ」ボタン、Google ブックマーク連携、Gmail 連携あたりを使ってます。検索ワードでページ内を検索できるボタンも地味に便利ですね。
• Greasemonkey
  ツールと言うより、プラットフォーム的なあれ。使い慣れたユーザスクリプトが手放せないため必須です。
• Tab Scope
  タブにオンマウスでページのサムネイルを表示するツール。サムネイル上でもスクロールさせたり、リンクをクリックできたりするのは驚異。常に閉じるボタンが表示されるので、タブを開きすぎた時にサムネイルをざっと確認して閉じる。という操作をするために導入してます。
• TwitterFox
  常に開いているブラウザで、そのまま Twitter できる優れもの。インターフェースもよく考えられていて邪魔にならないです。あと開発者が日本人の方です。

必須じゃないけど入れてもいいかも

• popIn
  開いているそのページのまま、検索したり翻訳したり色々出来るツールです。バージョンが上がって、適用しない URL が指定できるようになったので、状況によって感じてたウザさを感じなくて済むようになりました。
• SQLite Manager
  FireFox は内部的に SQLite を使ってブックマークや履歴の管理をしています。その SQLite の管理ツールです。本来はいろんな事が出来るツールなのですが、FireFox の起動が重たくなってきた時に、SQLite をスリム化するためだけに使用しています。

とりあえず常用しているのはこんなもんでしょうか。
他にもお勧めがありましたら是非ご紹介下さい。

URLに入力するシンプルなタイマー で紹介されていたシンプルなタイマーを、さらにシンプルに使うためのブックマークレットです。
以下のリンクをブックマークレットとして登録して、クリックすれば簡単にタイマーを起動できます。

ブックマークレットを起動するとダイアログが立ち上がるので、そこに書いてあるコメントを参考に、設定したい時間を入力します。

タイマーとしての精度は、推して知るべしって感じですが、カップ麺作るような使い方なら十分実用的かと思います。お試しあれ！

シンプルタイマー

下記は読みやすく整形したソースです。

javascript:(
  function(){
    var s=prompt('Y=year M=month D=day h=hour m=minute s=secondnex) 1D12h 1h45m 1m20s','');
    var f=function(s){
      var r='http://e.ggtimer.com/';
      for(var i=0;i<s.length;i++){
        switch(s.charAt(i)){
          case'Y':r+='years';break;
          case'M':r+='months';break;
          case'D':r+='days';break;
          case'h':r+='hours';break;
          case'm':r+='minutes';break;
          case's':r+='seconds';break;
          default:r+=s.charAt(i);
        }
      }
      return r;
    };
    if(!s.match('^[0-9YMDhms]+$')){
      alert('UnknownFormat!')
    }else{
      open(f(s),null)
    }
  }
)();

どうも最近、ブックマークレットづいてるなぁ。

タイトルは釣りです（ぉ
というか、正確にはログインしないでニコ動を見るためにも使える、別の目的のブックマークレットです。

ニコニコ動画のアカウントを持ってはいるのですが、もともと ROM でしか使用しない上に、普段からログインしているわけではありません。
紹介されていたリンク先がニコ動だったりして、「あ、これ見たい」と思ったけども、わざわざログインするのが面倒、みたいな時に使っています。

というか、ROM 専門なら、アカウントはもう要らないかもって感じですね。

ではご紹介。
下記のリンク先をブックマークレットとして登録してクリックすると、今開いているページのはてブのページが開きます。
本来だったらそれだけの機能なのですが、ニコ動の各動画のページを開いて、ID/パスワードの入力を求められているような状況で、ブックマークレットを起動してみて下さい。
今のはてブとニコ動の仕様上、ニコ動のはてブページを開くと、その場でログインしないまま動画が再生できます。

はてブを開く

javascript:location.href='http://b.hatena.ne.jp/entry/'+location.href

はてブページを確認するために簡単なブックマークレットを書いたら、意外なところで役に立ったというお話でした。

参考

ブックマークレットとは

ちょっと携帯から Twitter に投稿してみたいと思って、色々と方法を調べてみました。
携帯用の Web インターフェースや、メールから投稿できるもの、専用アプリなどいろいろあったのですが、どれもいまいち自分のニーズにしっくりきません。

• よく分からんサービスに ID とかパスワードを預けたり送ったりするのは不安だ
• 単につぶやきたいだけだから、多機能である必要はない
• そもそもパケホじゃないので、なるべく無駄なパケットは使いたくない

なので、自分のニーズにしっくりくるものを自作することにしました。
もちろん、PHP やら Perl やらを使ってごりごりやることも出来るんですが、簡単に (x)HTML だけで事が済みそうだったので、HTML だけで作成することに決定。

HTMLソース

下記の xhtml ソースを任意の名前で文字コードを UTF-8 として保存し、任意のサーバにアップします。
携帯からアクセスして、「投稿」ボタンを押すと、最初は BASIC 認証が聞かれるので、Twitter で使用している ID とパスワードを入力します。
以上で Twitter への投稿は完了です。

ひたすら軽く軽くシンプルにをモットーとして作られているので、投稿結果の処理が入っていません。(というか、HTML だけでそこまで出来ません。)
投稿後は端末上で「未対応のフォーマット」的なエラーになるかと思います。
アップしたページを画面メモなりお気に入りなりで携帯に保存しておけば、必要最小限のパケットで、Twitter に投稿することが可能です。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
    <title>モバT</title>
</head>
<body>
<div>モバT</div>
<form action="http://twitter.com/statuses/update.xml" method="POST">
<input type="text" name="status" /><input type="submit" value="投稿" />
</form>
</body>
</html>

制限事項

UTF-8 ＋xhtml が読めない端末だと使用できません。最近の 3G 携帯なら特に問題ないでしょう。
BASIC 認証に対応していない端末では使用できません。これも最近のものなら特に問題ないようです。
au では使用できません。ページのエンコードが UTF-8 であっても、フォームの送信は Shift_JIS で行うという謎仕様のせいです。

参考ページ

• Twitter API 仕様書 (勝手に日本語訳シリーズ)
• 携帯電話でのベーシック認証
• 【携帯サイト制作】第五回 auでutf-8のページからformで日本語を渡すと文字化けorz

このブログを RSS リーダで購読してくれている、ごくごく少数の方々にお礼の意味を込めて (？) RSS リーダでのタグ付けについて、Otchy のやり方を紹介してみます。
以前、このやり方と知人に紹介したところ、「それ賢いね」と言われたので、それに気をよくしたってだけなのですが。

まず、カテゴリごとにタグを付けて管理します。まあこれは多くの人が普通にやっていることだと思います。Otchy の場合、「Technical」「Friend」 などに分けてあって、当然それらをまたがったフィードも存在します。

次に、フィードの数が増えてくると、すべてのエントリをちゃんと読むのは困難になってくるので、優先度によってタグ付けをします。
といっても細かく分けたってどうせ利用価値がないので、優先度が低くタイトルだけで読むかどうかを判断する部類に入るフィードには「流し読み」タグを付けておきます。
「流し読み」タグの話は他でもよく聞くので、比較的一般的なやり方かと思います。

さて、次が本当に紹介したかったポイントです。Otchy の場合、「流し読み」タグが付いていないフィードは、原則としてすべてのエントリを読むフィードなのですが、こういったフィードに関しては、配信状況によってタグを付けています。「全文配信」「部分配信(more付き)」「部分配信」の 3 つです。
全文配信をしているフィードは、RSS リーダ上で完結することが出来るので、それだけ別に分けておくと、ちょっとした空き時間に全文配信だけ読んでおいて、ある程度時間のある時に部分配信のフィードを読むといった具合に、読み分けることが出来ます。
また「more付き」というのは、ちょうど「全文配信」と「部分配信」の中間的なフィードで、部分配信の中でも「長文の場合だけ分割される」「エントリの最下部に more リンクがあるので実ページにアクセスしやすい」といった特徴のあるフィードをまとめています。

最後に、もっと優先度の低いフィードはどうするのか？という話です。
流量が多すぎたり、ニュースのため鮮度第一だったりするようなフィードなんかは、そもそもタイトルすら確認せず、流れちゃったら流しっぱなしでいいや、という属性だったりします。
こういうのは、無意味に未読がたまるのもいやですし、いちいちまとめて既読にするのも面倒なので、RSS リーダには登録していません。
定期的に決まった時だけ眺める情報ポータルとしての位置づけで、iGoogle に登録してあります。
RSS は何でも RSS リーダと決めつけないで、他のツールも柔軟に使うというのもまた、お勧めの RSS 購読 Tips です。

ここ数年、IT に関連する情報を得るトリガはほぼすべて RSS に集約しています。さらに最近は情報のトリガとして、Twitter が追加されてきたりしています。
読んだだけで満足せず、その中からより良い情報を選び出す眼力と、得た情報を活用し新たな価値を生み出す行動力を持っていきたいなと思います。