対応している形式のまとめと、Photo アップロード先をまとめたのではっておきます。（シートが 2 つになってます）

上の表、埋め込みだと見にくいかもしれないので URL もはっておきます。よろしければどうぞ。比較データ一覧

Tweetings for Twitter

Tweetings for Twitter – DW:design

高機能でかゆいところに手が届くかんじ。マルチアカウントの切り替えも楽。時々落ちたり不安定な面あり。Reply 時に、元のコメントが表示されてるのが好き。スケジュール投稿できるようですが未使用。

タイムラインのアイコンタップで、Reply、ReTweet、Quote Tweet、Favourite、Translate が出来るのは便利。

Setting > [Composing] Integrations > [Media] Photo Uploading

TwitPic / Twitgoo / MobyPicture / yFrog / Posterous

Setting > [Composing] Integrations > [Media] Video Uploading

TwitVid / MobyPicture / yFrog / Posterous

Setting > [Composing] Integrations > [Media] Audio Uploading

MobyPicture / Posterous

Setting > [Composing] Integrations > [Add tweet text to uploaded media] Send message

ON にすることで、メッセージを同時に投稿可能（ただし 2010/09/04 時点では、TwitPic＋これを ON だとエラーになり投稿できない）。メッセージ同時投稿をしたい場合、Posterous なら可。

Setting > [Composing] Integrations > [Url Shortening] Provider

TinyURL / is.gd / bit.ly / tr.im / j.mp / twtn.gs / Custom
Custom Shortener、API User、API Key の設定も可能。

Setting > [Display] Advanced > [Timeline Behaviour] Read Later

アカウント設定と、Provider で Instapaper / Read It Later を選択可能（後で読むサービス）。

TweetList for iPhone

TweetList for iPhone – Zooble, LLC

リストがとにかく見やすい。シンプルだけど最低限の機能はきちっとある。サクサク軽い。見ることに関しては凄く良いアプリだと思います。ただ、Reply や投稿などに関しては機能が弱い印象で、何かアクションを起こそうとした場合は少しやりにくいところも。

Reply 時に、元のコメントが表示されるのは便利。タイムラインから直接 URL を開ける。

Photo のみアップ可能で、アップ先に関する設定はない様子。TwiPic にコメント付きで投稿される。

TwitRocker

TwitRocker – Toc

ちょっと前まで落ちて使えなかったけれどアップデートで復活。アカウントごとにタイムラインやリストなどが一覧で並んでいて、そこから進んで見る形式。系統は TwitBird と似てます。1 アカウントずつ、ガッチリ見る感じ。

時々落ちたりするけど、それをカバーできるくらいに良いとこもあるアプリ。高機能、分かりやすい、できることの幅が広い。リッチ系アプリなので重め。高機能でいうと Twittelator もですが、こちらのほうが操作性が良いです。

検索メモを残せて見れるので、特定のハッシュタグをよく見る場合にも便利。ツイート投稿画面から、アカウント切り替え可能。

右下の歯車アイコン > 下部メニューのツイート > 画像投稿先

yFrog / TwitPic / Posterous

右下の歯車アイコン > 下部メニューのツイート > URL 短縮ドメイン

j.mp / bit.ly

右下の歯車アイコン > 下部メニューのその他 > URL 短縮

ここで、bit.ly / j.mp のアカウント設定可能

右下の歯車アイコン > 下部メニューのその他 > あとで読む

Instapaper / Read It Later

Twitbit

Twitbit – High Order Bit

Twitbit Lite
Twitbit Lite – High Order Bit

無料版の Lite を使用中。シンプルでサクサク、必要な機能はちゃんとあってアカウント切り替えも楽。

Photo と Video のアップが可能。アップ先に関する設定はない（はず）。yFlog に Photo はコメント付きで、Video はコメントなしで投稿される。

HootSuite

HootSuite for Twitter – Hootsuite Media Inc.

横にスライドさせてタイムラインや mention を切り替えるタイプ。横スライド式だと他には TweetDeck、TweetMe がありますが、HootSuite はオンライン版（ブラウザで見る）と同期するのが特徴。ちなみに、PC では HootSuite をブラウザで使うことが多いです。

横スライドで切り替えられる複数ページを任意で決められるうえ、それを何セットか作ることが出来ます。これはマルチアカウントの人には特に便利かと思います。通常は何個かのリストだけ見たいけど、場合によってこのアカウントの mention だけ見たい～等、がセットの切り替えで可能なので良い感じ。

統計とか、個人的にはちょっと要らない機能が下部メニューを陣取ってるのが惜しい。

Photo のみアップ可能で、アップ先に関する設定はない様子。ow.ly にコメントなしで投稿される。

Twitter

Twitter – Twitter, Inc.

元 Tweetie、公式に買い取られ、公式アプリに。抜群の安定感です。API エラーが他アプリで出る場合にも、なぜかこれだと出なかったりとか。

分かりやすくシンプルに見えるけど機能もそこそこで、重くもなく、全てにおいてバランスが良い印象です。タイムラインで、横にスライドさせるとメニューが出るのが、使っていてなんとなく楽しい。

アカウント画面 > 設定 > 連携サービス > 画像サービス

yFrog / TwitPic / TweetPhoto / Mobypicture / Twitgoo / Posterous /img.ly / カスタム…
サービス側が対応していれば、ちゃんとコメント付きで投稿される（TwitPic、Posterous はコメント付き確認済み）。

アカウント画面 > 設定 > 連携サービス > 動画サービス

yFrog / TwitVid / Mobypicture / Posterous / Vodpod

アカウント画面 > 設定 > 連携サービス > URL 短縮サービス

j.mp (bit.ly) / TinyURL / is.gd / l.pr / u.nu / Linkyy / カスタム…

アカウント画面 > 設定 > 連携サービス > “後で読む”サービス

Instapaper / Read It Later

アカウント画面 > 設定 > 連携サービス > API キー

j.mp (bit.ly) の API ログイン、API キー、の設定

Twittelator Pro

Twittelator Pro – Twitter Client – Big Stone Phone

リッチ系アプリ。かなり機能満載なので、結構レアな設定もあったりします。タイムラインでタッチする場所によって機能が違っていたり、使いこなせればかなり良いアプリだと思います。タイムライン内に画像を小さく表示してくれるのが素敵。

ですが、おそらく人によっては少し使いにくい。画面の触る場所によって機能が…というのがアダになり、意図せず返信画面になったりすることが多くありました。返信画面を都度とじるのにも、保存するか聞かれて面倒で。これがイヤになって現在あまり使っていません。

設定 > サービス > [メディアサービス] 写真サービスを選択

Moby / Pikchur / TwitPic / yFrog / TwitGoo / Posterous / TweetPhoto / WordPress / TwitLens

設定 > サービス > [メディアサービス] オーディオサービスを選択

Moby / Posterous

設定 > サービス > [メディアサービス] ビデオサービスを選択

yFrog / Moby / TwitVid / Posterous / Pikchur

設定 > サービス > [URL 短縮サービス] プロバイダー

bit.ly (j.mp) / piurl / href.in / is.gd / →.ws

設定 > サービス > [URL 短縮サービス] プロバイダー

j.mp (bit.ly) の API ログイン、API キー、の設定が可能。

設定 > サービス > [その他のサービス] YouTube

YouTube のアカウント情報設定。TwitVid ビデオも YouTube にアップロードする、という設定あり。

設定 > サービス > [その他のサービス] Posterous

Posterous のアカウント情報設定

設定 > サービス > [その他のサービス] WordPress 用 TweetPress

自分の WordPress サイトの情報設定。※TweetPress という WP プラグインが必要

設定 > サービス > [リンク保存サービス] プロバイダー

Instapaper / Read It Later / OmniFocus

Osfoora

Osfoora, for Twitter – Said M. Marouf

ホームがちょっと変わってるかも。タイムラインに入ってしまえば、よくある感じです。Twitter と同じくらいかそれよりもっとシンプルかも。自由度、使い勝手共に中程度ですが軽いです。

Setting > [Service] Image Service

yFrog / TwitPic / Posterous / img.ly / TweetPhoto

Setting > [Service] Video Service

yFrog / Posterous / TwitVid

Setting > [Service] URL Shortener

bit.ly / TinyURL / Customize bit.ly account
※最後の Customize bit.ly account で、bit.ly のアカウント設定が可能

Setting > [Service] Read Later

Instapaper / Read It Later

TwitBird free

TwitBird free for Twitter – NibiruTech LTD.

アカウントごとにタイムラインやリストなどが一覧で並んでいて、そこから進んで見る形式。TwitRocker と同系です。Reply した場合、元のコメントをタイムラインに一緒に表示してくれるのが分かりやすい。

個人的には、テーマにバルーン表示ではなくて、Dark ではない白っぽいものがあれば良いんだけどないんですよねー残念。

設定 > [Integration] ReadItLater

後で読むサービス Read It Later のアカウント設定

設定 > [Integration] Instapaper

後で読むサービス Instapaper のアカウント設定

設定 > [Integration] 写真を投稿

TwitPic / yFrog / MobyPicture / pic.im

設定 > [Integration] url 短縮

bit.ly / tr.im

Echofon

Echofon for Twitter – naan studio, Inc.

定番なアプリ。サクサク動いて、機能もそこそこにあってバランスが良い。ただ、マルチアカウントの切り替えがどうにも面倒くさいです。アカウント選択後に、わざわざ「閉じる」を押さないとといけないのが手間です…。

タイムラインから URL を直接開くことができたり、Reply の応報も見やすいです。マルチアカウントでなければ、もっと使っていたかも。

Video は、決めうちで TwitVid に投稿されるようです。

メニュー > 設定 > [アカウントオプション] アカウントオプション > [サービス] bit.ly

j.mp (bit.ly) の API ログイン、API キー、の設定

メニュー > 設定 > [アカウントオプション] アカウントオプション > [サービス] 写真サービス

TweetPhoto / TwitPic / Flickr

メニュー > 設定 > [詳細設定] Read It Later / Instapaper

利用サービスの選択、それぞれのサービスのアカウント情報設定

メニュー > 設定 > [詳細設定] 写真の解像度

640*480 / 1024*768 / リサイズなし
リサイズ時のぼかし具合の設定（？）あり

TweetMe

TweetMe – FLIGHT SYSTEM CONSULTING Inc.

横にスライドさせてタイムラインや mention を切り替えるタイプ。しゃべった内容をツイートできる、音声認識機能あり。インターフェースは独特かも。

横にスライドさせるのに、少し癖がある気がする。TweetDeck や HootSuite と違い、アカウントをこえた形ではなく、アカウントごとにスライドで表示させるページを設定できる。

アカウント選択画面の左上、歯車アイコン > [ツイート投稿] 投稿画像画質

低 / 中 / 高 / 投稿時に選択

アカウント選択画面の左上、歯車アイコン > [ツイート投稿] 写真投稿サービス

TwitPic / Twitgoo / yFrog

アカウント選択画面の左上、歯車アイコン > [リンク保存サービス] Instapaper

後で読むサービス Instapaper のアカウント設定

アカウント選択画面の左上、歯車アイコン > [リンク保存サービス] Read It Later

後で読むサービス Read It Later のアカウント設定

TweetDeck

TweetDeck for iPhone – TweetDeck

横にスライドさせてタイムラインや mention を切り替えるタイプ。PC 版もあります。リストをメインで見る人には便利かも。

ただ、タイムラインも、mention も、DM も、あれもこれも見たい～というタイプの人は横にページが増えすぎて使い勝手が落ちます。そういう人には HootSuite のほうがオススメ。

Settings > [General] Settings > Picture Service

TwitPic / yFrog / TweetPhoto

Settings > [General] Connect to Bit.ly

j.mp (bit.ly) の API ログイン、API キー、の設定

Boxcar

twitter アプリではないけど、twitter の mention や DM を通知してくれるアプリ。プッシュ通知ありのアプリで…と探すより、これを使ってしまうほうが制約がなくて楽です。プッシュ通知も安定して早いしオススメ。

Boxcar – appremix

アプリ内ではなく、iPhone の設定 > 通知 > Boxcar

アイコンにバッジが不要な場合は、ここでバッジをオフにしておく。

画像のアップにまつわる、雑感

画像をアップした先のサービスに「ツイートしたテキスト」も一緒に投稿したいと思うんですが、サービス側の対応と、アプリケーションごとの対応の両方が OK でないとできないんですよね。どこにアップするかは好き好きだと思うのですが、コメントも一緒にいけるサービスが私は好きです。

画像をタイムラインにインライン表示してくれるアプリ（iPhone、PC 版共に）で、対応されている率が高いのは TwitPic。画像もビデオもオーディオも全部一カ所にまとめたくて、コメントもちゃんと付けたいのなら、Posterous。という感じで最近 2 つにしぼりつつあります。

最近は、「写真アップするぞ！」「タイムラインみるぞ！」「ちょっと見たい検索ワード or ハッシュタグがあるぞ！」というそれぞれのケースで、起動するアプリがそれぞれ違ったりしているんですが、これだとアップしたい場所によってアプリ切り替えればいいので、ある意味楽なんですよね :)

今回書いたのは全部 iPhone に入ってます。結局 1 つにはしぼれないし、なんだか消せないのですよねーそれぞれ良いところもあるので…フォルダ機能さまさまです。

調べたところ、ショートカットを設定したり変更していると出るようです。私は特にショートカットの設定を変えた記憶もなかったので不思議なのですが…。

あれこれ試しているうちに DW で一切ショートカットが効かなくなり、なんかもうどうしたらいいのやらという状態になったので一度アンインストールして、再度インストール。

懲りずに今日、また拡張機能を入れてみました。
前回同様「メニューを更新できませんでした」とエラーが出てしまって入れられなかったので、以下のように。

C:\Documents and Settings\userName\Application Data\Adobe\Dreamweaver CS5\ja_JP\Configuration\Menus
内にある、「Menus.xml」と「Menus.xbk」をバックアップを取って削除。
※変更したショートカットなどがある場合、消えるので再設定が必要なようです。
　↓
拡張機能をインストール。

先日はあんなに上手くいかなかったのに、今回はあっさりと成功しました。前回はなんだったのか…DW が不安定になっている中で色々したのがダメだったのかもしれません。

とりあえず上手く入ったので良かったです。
入れた拡張機能は、以下の 3 つ。

• Adobe Labs – Adobe Dreamweaver CS5 HTML5 Pack
• zen-coding – Project Hosting on Google Code
• コメントを生成して挿入するDreamweaver用拡張機能を作成しました | KAYAC DESIGNER’S BLOG

Vim にも zen-coding を入れてたので、DW にも入れたかったんです。嬉しい。
ちなみに、DW に入れた zen-coding は 0.6 のものです。

C:\Documents and Settings\userName\Application Data\Adobe\Dreamweaver CS5\ja_JP\Configuration\Commands\ZenCoding
内にある「zen_settings.js」を開いて、最初にある lang 設定などを書き換えておくと良いです。

	'variables': {
		'lang': 'ja',
		'locale': 'ja-JP',
		'charset': 'UTF-8',
		'profile': 'xhtml',

本当は、DW のエディタ部分が Vim だったらいいんだけどな～…などと思いますが、ニッチすぎるかな。連番にしたいときなど、凄く Vim ならば…と思ったりしてしまいます。

最近 DW から Subversion を利用しているので、Vim より DW を使うことが増えました。ここに来て、DW に戻ってます。なんだかんだ、HTML 特化してるのは便利ですね。

httpd.conf

C:\Program Files\Apache Software Foundation\Apache2.2\conf 内
httpd.conf

#Listen 12.34.56.78:80
Listen 80
Listen 8080
Listen 8000

8080 と 8000 も使えるように。

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

Vitual hosts の設定ファイル httpd-vhosts.conf を読み込むように。

httpd-vhosts.conf

C:\Program Files\Apache Software Foundation\Apache2.2\conf\extra 内
httpd-vhosts.conf

#
# Use name-based virtual hosting.
#
NameVirtualHost *:8080
NameVirtualHost *:8000

<VirtualHost *:8080>
    ServerAdmin test@test.com
    DocumentRoot "C:\work\UserVirtual8080\htdocs"
    ServerName localhost:8080
    AddHandler cgi-script .cgi .pl

    <Directory "C:\work\UserVirtual8080\htdocs">
        Options Includes ExecCGI FollowSymLinks
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
    ErrorLog "logs/localhost-error.log"
    CustomLog "logs/localhost-access.log" common
</VirtualHost>

<VirtualHost *:8000>
    ServerAdmin test@test.com
    DocumentRoot "C:\work\UserVirtual8000"
    ServerName localhost:8000
    AddHandler cgi-script .cgi .pl

    <Directory "C:\work\UserVirtual8000">
        Options Includes ExecCGI FollowSymLinks
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
    ErrorLog "logs/localhost-error.log"
    CustomLog "logs/localhost-access.log" common
</VirtualHost>

UserVirtual8000 内の任意名のディレクトリ（例、hoge）が、http://lolalhost:8000/hoge/ でみれて、UserVirtual8080 内の htdocs が http://localhost:8080/ でみれるように。

本番環境にあわせ、普段は 8080 のほうを利用。
本番環境で http://xxx.com/hoge/ のような URL がトップの場合は、8000 のほうを利用。

8080 内の htdocs は、作るサイトが変わるたびにそこに html 等のコーディングデータを入れ替えておいてもいいですが、私の場合、プロジェクトごとにフォルダは掘っておきたいなという気持ちがあるので以下のようにしています。

「プロジェクト名ディレクトリ」の中に「htdocs」ディレクトリを作成（例：C:\work\プロジェクトA\htdocs）。その htdocs のジャンクションを、UserVirtual8000 内に作成。

ジャンクション作成には、以下のリンク作成シェル拡張を使ってます。楽です。

• リンク作成シェル拡張for Windows 2000/XPの詳細情報 : Vector ソフトを探す！

例でいうと、C:\work\プロジェクトA 内の htdocs を右クリックして C:\work\UserVirtual8000 内にドラッグアンドドロップすると、右クリックなのでメニューがでます。その中の、「ディレクトリジャンクションをここに作成」を選択。

これで、C:\work\プロジェクトA\htdocs と、C:\work\UserVirtual8000\htdocs が同じ内容になり、C:\work\プロジェクトA\htdocs 内を変更すれば C:\work\UserVirtual8000\htdocs 内も変更されます。ジャンクションについてはここでは説明しませんが、実体丸ごとのリンク、みたいなイメージです。

参考：WindowsXPにおけるジャンクション作成方法 – GeekなNooblog

こうすることで、プロジェクトを切り替えるたびにジャンクションを変えるだけで済みます。httpd-vhosts.conf を書き換えるより楽なのでこうしてます。

「もっとこうしたほうが良いよ！」とか「こういう設定オススメだよ！」とか「こういう方法もいいよ！」等あれば、是非教えてください :)

URL を OS 入れ直すたびに探していたので、メモ。

インストール

• Virtual PC
  ダウンロードの詳細 : Virtual PC 2007
• OS インストール済みのイメージファイル（Microsoft が無料配布しています）
  Download details: IE App Compat VHD

32bit 版の XP を利用しているので、Virtual PC 32bit 版をダウンロードしてインストール。
これだけでは、OS がないので動かすことが出来ないので、OS か、OS インストール済みのイメージファイルが必要です。

Microsoft が無料で OS インストール済みのイメージファイルを配布してるので、これを利用。英語版のみですが、使用するにあたって大きな問題はないです。Vista or XP Pro, IE8 – IE6 までそろっています（2010/07/27 時点）。

あとは、VirtualPC を起動して、それぞれのイメージファイルを指定してあげれば完了。

最初にやっておくと良いこと等

• このままだと日本語が表示されなかったりするので、MS ゴシック等のフォントを Virtual PC で起動する各 OS に入れておく。
• テストサイトにアップしてある HTML を表示させたいこともあるので、メニューの編集＞設定、で設定ダイアログを出して、ネットワーク＞アダプタ、で「共有ネットワーク（NAT）」を選択してインターネットにつながるようにしておく。

ファイルはドラッグ＆ドロップで Virtual PC の仮想環境デスクトップにコピー出来るので、コーディングしたものをローカルで表示チェックをしたい場合はフォルダごとコピーしてます。

Web 制作をしてる方は、Virtual PC 入れておくと便利ですよー。そんなに大変ではないので是非。オススメです。

IE8 基本情報

• Internet Explorer 8 開発者向け技術概要
• MSDN　What’s New in Internet Explorer 8

IE8 にはレンダリングモードが複数ある。詳細は以下のサイトを参照。

• 2. 実現可能な相互運用性と互換性 – Internet Explorer 8 開発者向け技術概要

少し古い情報ですが、以下サイトも参考になりました。

• 【メモ】IE8の3レンダリングモードのまとめ / KOMOREBI || blog

あまり気にする必要はなさそうですが、以下の点も一応知っておく方がよいかと思います。※主に JavaScript 関連で違いがあるようです。

• IE8互換ビューとIE7はまったく同じではない | エンタープライズ | マイコミジャーナル

meta タグによるモードの指定方法

よく使うようなものだけリストアップします。

<!-- IE8標準準拠モードを指定 -->
<meta http-equiv="X-UA-Compatible" content="IE=8">

<!-- IE7標準準拠モードを指定 -->
<meta http-equiv="X-UA-Compatible" content="IE=7">

<!-- Quirksモードを指定 -->
<meta http-equiv="X-UA-Compatible" content="IE=5">

<!-- 最新の標準準拠モードを指定 (IE8が最新バージョンの場合なら、IE8標準準拠モードとなる) -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

複数のバージョンを指定した場合については、後述。

各モードの内容

IE8モード

CSS 2.1やSelectors APIなど、Web標準を強く意識したモード。

IE7モード

IE7の標準準拠モードと同じ

IE5モード

IE7やIE6の互換モードと同じ

その他モードについては、最初にあげたサイトなどを参照。

モードの複数指定をおこなった場合

meta スイッチには、下記のように複数のレンダリングモードを指定することが可能。

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9">

今のところ、一番多く使うのは IE7 モード指定でしょうか。あまり使わない方が良いのかもしれませんが、保守サイトなどが IE8 で見ておかしい場合などの対応には手軽です。

流行（？）の CULV ノートです。「ネットブックと携帯ノートの間の存在」らしいです。値段、価格.com と amazon のレビューなどを参考にして、ASUS の UL20A UL20A-2X044V を購入。

• 価格.com – ASUS UL20A UL20A-2X044V 価格比較
• Amazon.co.jp： ASUS 12.1型ワイドノートPC UL20A Windows7搭載モデル シルバー UL20A-2X044V

おすすめ平均 アルミの天板に一目ぼれです。 この価格でこの性能は買いだ！ 文句ないです。 欠点も有るが満足です。 キーボードのデザインは違う Amazonで詳しく見る

初めての Windows 7 で、わからんちんなんですがボチボチと vim 移したりしてます。これで勉強会に行きたい・・だけどノートない・・という葛藤から脱出だー！

物欲はつきることなく、今は Adobe の CS5 が非常に気になってます。Photoshop は CS2 を持っているんですが、Dreamweaver はマクロメディア時代のものしか持っていないんですよね。ここで頑張って CS5 を買って、久々に Dreamweaver を使ってみたいような気もします。

• KeySnail (Japanese) – keysnail – GitHub
• Scrollet 0.0.6 – きすねた(ん) – keysnailグループ

key.setViewKey('j', function (ev) {
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_DOWN, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_DOWN, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_DOWN, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_DOWN, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_DOWN, true);
}, '5行スクロールダウン');

key.setViewKey('k', function (ev) {
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_UP, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_UP, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_UP, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_UP, true);
    key.generateKey(ev.originalTarget, KeyEvent.DOM_VK_UP, true);
}, '5行スクロールアップ');

上のように書いていたのですが、Scrollet の機能を使って以下のようにしました。

key.setViewKey('j', function (ev) {
    plugins.scrollet.scrollLines(5)
}, '5行スクロールダウン');

key.setViewKey('k', function (ev) {
    plugins.scrollet.scrollLines(-5)
}, '5行スクロールアップ');

コードスッキリ！

あと、vim のマークのようなこともできるようなので以下のように記述。

key.setViewKey('m', function (ev, arg) {
    ext.exec("scrollet-set-mark", arg, ev);
}, '現在の位置をマークに保存', true);

key.setViewKey('C-m', function (ev, arg) {
    ext.exec("scrollet-jump-to-mark", arg, ev);
}, 'マークに保存された位置へジャンプ', true);

vim とは違ってファイルを超えたマークは出来ず、ブラウザを終了するとマーク位置情報は消えるみたいです。それでも一時的に場所を記録できるのは長いページでは便利だなー。

iPhone についていたイヤホンは使わず、以前からもっていた audio-technica のものを利用していたのですが音楽を聴いているとき iPhone 本体を出さないと操作できないのが若干不便でした。なにかいいのはないかなあと見ていたら、良さそうなのを見つけたのでメモメモ。

Focal : Atomic Floyd – HiDefDrum AcousticSteel™

Amazon での評判も上々のよう。金欠から抜けたら欲しいなあ。色々頑張ったら自分へのご褒美にしよう。

Atomic Floyd HiDefDrum AcousticSteel SAF-EP-000005
	AtomicFloyd おすすめ平均 見掛け倒しじゃなかった！ 音漏れ以外は満足 iPhoneユーザーには最高の相性と音質 Amazonで詳しく見る

keyconfig の動作に不満はなかったんですが、add-on 自体が更新されなくなって長いのが気になっていて。今後 firefox のバージョンアップに伴い、古い add-on だし使えなくなるかもしれないけれど、依存して利用しているので動かなくなると大打撃。そうなったら怖いなーと思い、「keyconfig の代替えとなりうる、今も開発が続いていて、ちょうど手頃な add-on ないかなあ」と探していました。

keyconfig では以下のようなことをしていました。

• 元々あるキーバインドを変えたり、追加したり
• bookmarklet をワンキーで使ったり（CSS on/off を F1 キーで一発とか）
• vim のように j で下にスクロール、k で上にスクロール、gg でページ先頭に移動、etc..

中々見つからず「きっと他にはないんだな…」と思って諦めたら、偶然 KeySnail という add-on を発見。探している時は見つからないのに、探してないと見つかるジンクス…！

さっそく試用してみたところ、これがよく出来ていて素晴らしい！久しぶりに「おおおー」と思う add-on でした。KeySnail は keyconfig で出来たことは出来るうえ、＋α が大きいので、vimperator のように「環境」な面もあるかも。

• KeySnail (Japanese) – keysnail – GitHub

2～3 日使ってみた感想は、keyconfig で出来たことは問題なく出来るし、管理もしやすいし、keyconfig にはなかったような機能もある、といった具合でかなり好印象です。この便利さはたまらないなーということで、長くお世話になった keyconfig から KeySnail に移行を決意 :)

KeySnail は Emacs ユーザー向きなのかな？と最初思ったのですが、Vim っぽい指定もできるのであまり問題なかったです。私は Vim っぽいキーバインド指定で使っています。

KeySnail プラグイン

KeySnaill はプラグインで機能を拡張させることができます。便利なものが多くて感動。特にいいなあと思ったものを紹介＋メモ。

Prefer LDRize

このプラグインは、KeySnail と LDRize がぶつからないように、よきにはからうよう設定できるものです。
Prefer LDRize プラグインで LDRize と KeySnail をいい感じに共存させる – リタマス を参考にして、PRESERVE エリアに以下のように設定しました。

plugins.options["prefer_ldrize.keymap"] = {
    "p"   : null,
    "l"   : null,
    "v"   : null,
    "o"   : null,
};
plugins.options["prefer_ldrize.keymap"]["C-d"] = function () { ext.exec("prefer-ldrize-scroll-next-item"); };
plugins.options["prefer_ldrize.keymap"]["C-b"] = function () { ext.exec("prefer-ldrize-scroll-previous-item"); };

デフォルトだと LDRize の移動キーも j k 、私が設定しているスクロール用キーも j k でバッティングするので、私は後者を優先して LDRize のキーバインドを変更。これはグリモンの LDRize を開いてキー設定部分を書き換えてもいいかもしれません。

KeySnail を切れば通常の LDRize のキーバインドで動くし、バックアップするファイルも少ない方がいいし、ということで私は KeySnail の設定に書きました。

また、元々私の LDRize の利用方法は j k で移動するのがメインで、たまに v で開いたり、p でピンをたてて o で開いたり、といったライトなものだったので、必要最低限のキー p l v o だけ残し、あとは潰してしまうことに。思っていた以上に使いやすくなりました。

Yet Another Twitter Client KeySnail

Twitter クライアントです。これすごいな～。リストは見れないのですが、TL を気軽に見たり、ぱぱっと Twitter に投稿したりするには手軽で良いです。サクサク感がいいです :)

2010/02/24 追記
私が見落としていただけで、リスト表示にも対応していました。コメントで教えていただきました。ありがとうございます＞＜

新しくなった Twitter クラアイントプラグインは操作性が格段に向上 – リタマス を参考に、PRESERVE エリアに以下のように指定。

plugins.options["twitter_client.keymap"] = {
    "C-e"   : "prompt-toggle-edit-mode",
    "SPC"   : "prompt-next-page",
    "b"     : "prompt-previous-page",
    "j"     : "prompt-next-completion",
    "k"     : "prompt-previous-completion",
    "g"     : "prompt-beginning-of-candidates",
    "G"     : "prompt-end-of-candidates",
    "q"     : "prompt-cancel",
    // twitter client specific actions
    "C-t"     : "tweet",
    "r"     : "reply",
    "R"     : "retweet",
    "D"     : "delete-tweet",
    "f"     : "add-to-favorite",
    "v"     : "display-entire-message",
    "V"     : "view-in-twitter",
    "c"     : "copy-tweet",
    "s"     : "show-target-status",
    "@"     : "show-mentions",
    "/"     : "search-word",
    "o"     : "open-url"
};

“C-e” : “prompt-toggle-edit-mode”, は、デフォルトだと “C-c” : “prompt-toggle-edit-mode”, となっていますが、これだとコピーのショートカットキー（C-c）を潰してしまうので押しやすくて使っていないキーを選んで C-e としました。

_keysnail.js に以下のように書いて、[C-s] [T] で今見ているページのタイトルと URL が入った書き込み欄、[C-s] [t] で普通の書き込み欄が出るようにしました。URL は、ちゃんと j.mp で短縮されるのが細かいながらに凄いなぁ。

key.setGlobalKey(['C-s', 'T'], function (ev, arg) {
    ext.exec("twitter-client-tweet-this-page", arg);
}, 'このページのタイトルと URL を使ってつぶやく', true);

key.setGlobalKey(['C-s', 't'], function (ev, arg) {
    ext.exec("twitter-client-tweet", arg);
}, 'つぶやく', true);

bit.ly (or j.mp) はアカウントを作って URL を短縮すると、クリックされた数などがみれます。デフォルトだと自分のアカウントにはならないので、「URL を自分の bit.ly (or j.mp) アカウントを使って短縮したい！」という場合には、プラグイン本体の yet-another-twitter-client-keysnail.ks.js を編集する必要があります。

具体的には、yet-another-twitter-client-keysnail.ks.js の 1271 ～1272 行目にある以下の部分の id と key を、自分の id と API key に書き換えれば OK です。自分の id と API key は、アカウントを作ってあれば http://bit.ly/account/ などで確認できます。

             const id  = "stillpedant";
             const key = "R_168719821d1100c59352962dce863251";

バージョンアップのたび書き換えないといけないので、私はそのうち失念してしまう予感がちょっとしますが、まぁとりあえず。この設定を _keysnail.js に書いておけるようになれば最高なんだけれど、いずれそうならないかな～

※プラグインは MIT ライセンスとなっていたので bit.ly (or j.mp) の id や API key を書き換えても大丈夫だと思いますが、行う場合には自己責任でお願いします。

2010/02/24 追記
作者の方がプラグイン本体を変更しなくても、_keysnail.js に設定を書いておけば良いようにしてくださいました！これでプラグインの更新があっても、都度書き換える必要がなくなりとても楽になりました。MOOZ さん本当にありがとうございます！

その他

他にも色々とプラグインがあるので、自分にあったものを探すのも楽しいかと思います :) あれもこれも試してみたくなってしまうなー＞＜

• Plugin – keysnail – GitHub

その他設定 – migemo を利用

Customizing (Japanese) – keysnail – GitHub を参考に、PRESERVE エリアに以下のように書いて XUL/Migemo の機能を通じてマッチングするように。これはちょっと重くなるようなので、環境によっては指定しないほうがよいかもしれません。

//migemo 有効に
prompt.useMigemo           = true;
prompt.migemoMinWordLength = 3;

keyconfig でやっていた、bookmarklet へのキーバインド指定

_keysnail.js に以下のように書くことで可能でした。

key.setViewKey(['b', 'c'], function (ev, arg) {
    if (window.loadURI) {
        loadURI(getShortcutOrURI("css", {}));
    }
}, 'CSS on/off');

firefox の bookmarklet -> 右クリック -> プロパティ -> キーワード「css」、と予めして上記のように書けば、b を押してから c で、その bookmarklet が実行されます。

たとえば bookmarklet のキーワードを「hatebu」としていて、これを F1 に割り当てる場合には、以下のようにすれば OK です。

key.setViewKey('F1', function (ev, arg) {
    if (window.loadURI) {
        loadURI(getShortcutOrURI("hatebu", {}));
    }
}, 'hatebu に登録');

まとめ

書ききれないのですが、他にも設定できることはたくさんあっておもしろい！設定用の画面もありとっつきやすく、少し分かったらテキストエディタでがしがし編集も OK と柔軟に設定できます。カスタマイズ好きな方はハマると思います :)

おでさんのところの、「[トラックバック企画] みんなのお家のお雑煮見せて！ – Odysseygate.com」企画に参加すべくお雑煮写真をアップ :)

我が家のお雑煮です :)
やつがしら、かまぼこ、ほうれん草、だいこん、鶏肉、お餅が入ってます。自分で盛ったため、盛りつけがちょっとへたですが…＞＜
＃母に「えぇー酷い、写真撮るの下手！」と言い捨てられました…T T

鶏肉から出た油がちょっと浮かんでますが、サッパリしててダシがきいてて、とても美味しかった～！母親の作るお雑煮が一番好きです（笑）。うちのはおそらく、母の実家の静岡風なお雑煮だと思います。

今年も一年がんばるぞ！

#1/2 追記：綺麗に盛りつけしたものに写真を差し替えてアップ！そしてトラックバック再送チャレンジ！