１．パソコンへのインポートは「Google Picasa」

カメラをUSB接続してインポートします。コンパクトフラッシュカードを出し入れしてると、ピンが折れてしまった苦い経験から、USBにしています。使っているツールは「Google Picasa」。インポートした後、ピントブレをチェックするのにも使います。

↑最近では顔認識も出来るようになった。
■Picasa 3: Google から無料でダウンロードできます

２．オンラインサービスは「Flickr」

連携できるツールが多いため、Flickrを使っています。有料のPro版にしています。

↑英語サイトですが、FireFoxプラグインのJapanizeで日本語化しています。
■Welcome to Flickr!
■ネットを日本語化する:Japanize

３．アップロードは「jUploader」

Flickr公式ソフトでもいいのですが、Nikon D700の大容量サイズになるとハングアップすることが多くなってしまい、あれこれ探した結果、これにたどり着きました。パソコン側でタイトル、説明、タグを追加して、一発アップロード。

↑動作安定してます。
■juploadr

４．特にお気に入りは特定のセットに入れる

Flickrでお気に入り用のセットを作っておきます。私は「Favorite」セットとしてあります。

↑「Add to set」から選べばよしです。複数まとめてやるならメインメニューの「Organize」です。

５．WordPressブログ側に表示するプラグイン「Flickr+Highslide」

WordPressのプラグイン、「Flickr+Highslide」を使っています。WordPressとFlickrをくっつけるプラグインはかなり多くリリースされているので、他にも良いのがあれば教えてください。
■WordPress › Flickr + Highslide « WordPress Plugins

↑ユーザIDやセット名、写真の表示枚数を指定します。Highslideのところで表示スタイルを色々選べます。

プラグインをインストールしたら、WordPressで「ページ」を作成し、そのページにWordPressのショートコードを入れるのみ。

↑ページ本文にflickr_highslideと入れるだけです。

６．こんな風に見えます。

これでFlickrからフォトページに自分のFlickrお気に入り写真が表示されるようになりました。

↑フォトページ表示した様子。

↑写真クリックすると、大きく表示されスライドショーが開始されます。ボトムラインにはサムネイルが表示されます。カッコいい。

７．まとめ

ポイントはFlickrとWordPressという汎用性がザク並みに高いものを使うこと。お気に入りに入れる写真は一眼レフからのものが多いですが、時にはiPhoneからの写真もあります。撮ったその場でアップロードして、お気に入りセットに入れれば、すぐさまブログ側にも反映されます。

８．これからやろうと思うこと

• Nikon D700からEyeFiを使ってFlickrに自動アップロード。
• フォトログの作成。あくまでFlickrに写真アップして、それをフォトログに自動取り込み。
• iPhoneでの撮影、アップロード、エディットのアプリ紹介

特にフォトログ作りは楽しみにしててくださいね。

↑Twitterのリンクを拾い集めてブログ側のコメントに出来る「Topsy Widgets」
■WordPress › Topsy Widgets « WordPress Plugins

前から聞いたことはあったけど、ウィジェットかと思って調べてなかった。実態はウィジェットには無関係な素晴らしいプラグインであります。

１．設定する

↑まずは、上記からダウンロードするか、WordPress管理画面のプラグイン新規追加から「Topsy」で検索してインストール。

↑設定の「Topsy Widgets」で各種設定。まずは、自分のブログに表示するRetweetボタンを押してもらった時のリプライ(つまり、@)先を設定。通常は自分のTwitterIDです。

↑同じ設定画面で、URL短縮サービスを選択。bit.lyが便利ですね。bit.lyのアカウントを作ってAPIキーを埋め込んでおくと、bit.ly側で色々解析してくれます。

↑こんな感じ。まぁ、私はGoogle Analyticsで十分なのですが、短縮URLがどこでクリックされているか一目瞭然です。
■bit.ly, a simple url shortener

ちょっと話が脱線しました。「Topsy Widgets」の設定に戻りましょう。

↑同じ設定画面の上の方で、Retweetボタンをどこに表示するか等を設定出来ます。デフォルトでいいと思います。

ここまできたら、設定画面の一番下、「Save Changes」をクリックして設定保存します。

２．見てみる

さて、どこにTopsy Widgetsの効果が現れたか見てみましょう。

↑まずは、エントリーの一番右上にTwitterからのリンク数と、retweetボタンが表示されました。

↑数字のところをクリックすると、topsy.com側の画面にジャンプ。tweetmemeよりも見やすいんでは。

↑topsy.comでは、影響力のあるTwitterユーザ（Influential）からのツイートに絞って見ることも出来ます。おぅ、@fuchieもInfluentialなんだ！ありがとう。

話を戻して、retweetボタン。これを押すと、Twitter画面にRTテキストが反映されます。

↑RTテキスト付き。あれ？なんでtr.imなんだろう？これは後日調べます。

あとは、いよいよコメント欄。

↑表示されてる！ってか、餃子の王将食べ放題、いつの間にかあちこちからリンクされていたんですね。ありがとうございます。そんなことも分かるのが楽しい。

ブログコメントそのものは管理者承認にさせて頂いているので、Twitter側を無条件に表示するというのは矛盾しているのですが、しばらく続けてみようと思います。このブログは、今やブログコメントしてくれる方は少なく、Twitterでフィードバックもらう方が圧倒的に多いですからね。

３．他に使っているTwitter関連プラグインは「WordTwit」

これまではTweetableを使っていました。
■あなたのブログをリアルタイムに変身させるWordPress向けTwitterプラグイン「Tweetable」 | 本質思考道場

API経由でTwitterにリアルタイムポストするのがカッコよくて良かったのですが、何か挙動不審でして、Twitter側のタイトルが省略されたり消えてしまったりすることがしばしば。これを機会に使わないことにします。

逆に「Topsy Widget」では、自動ポストはしてくれないので、このために使っているのが「WordTwit」です。
■WordPress › WordTwit « WordPress Plugins

これもリアルタイムでポストしてくれます。
また、「WPtouch」プラグインと一緒に使うとさらに素敵なことがありました。

↑エントリータイトル上の「Twitter」（見づらい）を押すと・・・

↑下ににゅろろろーんと伸びて、最近の私のツイートが表示されます。それだけですけどね。WPtouchプラグインはこちらをご覧下さい。
■iPhoneっぽいブログに変身させるWordPressプラグイン「WPtouch」 | 本質思考道場

ということで、導入簡単なWordPressプラグイン、「Topsy Widgets」＋「WordTwit」をぜひどうぞ。
■WordPress › Topsy Widgets « WordPress Plugins
■WordPress › WordTwit « WordPress Plugins

P.S.
昨日、ktai_styleの1.81ベータ1がリリースされました。テストしてみたところ、WP-super-cacheとの相性が抜群に良くなって設定もカンタンになっていました。正式リリースが待ち遠しいですね。
■Yuriko.Net » Ktai Style 1.81 ベータ1配布

■RSS フィード メーター – 本質思考道場

最近は３日に１度書くか書かないかくらいのブログですが、購読頂きありがとうございます。WordPressのFeed Loggerというプラグインを使っているので、管理画面で購読者数やフィードリーダーの種類が分かります。

↑私はGoogle Readerですが、livedoor Reader人気あるんですねぇ。

あまりアクセス数は気にしてないので見てなかったのですが、確か記憶がある数字は40ユーザくらいでしたので、急に購読者が増えたということか。きっとWordCamp Kyoto 2009のおかげと思います。

これからも本質思考道場を、ぜひよろしくお願いします。

——–

Twitterの魅力の一つはリアルタイムであることですよね。ブログの更新通知をTwitterに流している方も多いと思いますが、WordPress向けプラグイン「Tweetable」を使うと、TwitterAPIを使ってリアルタイムにTwitterへ通知出来ます。

まずはコレに注目。4分前にリアルタイム投稿された更新通知つぶやき。そのとなりに「本質思考道場で」とありますよね。これ、このブログからAPIを使って直接通知されていることを意味しています。TwitterFeedなどのようにフィード経由ではありません。

やったことある方はご存じでしょうが、フィード経由だと少しタイムラグがあります。サービス提供側のサーバーが重たい時には、半日遅れることもしばしば。これをリアルタイムに通知してくれる便利なWordPressプラグインが「Tweetable」です。

入手はこちらから。
■WordPress › Tweetable « WordPress Plugins

設定はこのページがよくまとまっています（他力本願）。
■[wordpress]Twitter連携用プラグインTweetableが便利すぎる！ | Ryuzee.com

設定は0authを使うので少し面倒ですが、一度やってしまえば終わり。

リアルタイム更新の他にも色々出来ますよ。

↑WordPressのダッシュボードから直接つぶやけたり。

↑ダッシュボードでタイムラインが見れたり。

↑TweetMeMeのボタンがつけられたり。

↑ウィジェットに自分のタイムラインを表示出来るパーツをつけられたり。

とにかく、Twitter×WordPressが全部盛り込まれた素敵なプラグインです。あなたのWordPressにもぜひどうぞ。

20

↑これがデフォルト。本文フッタあたりの本のアイコン（鳥の右）を押すと出てくる。

↑こう変えた。

方法は以下の通りです。

single.phpを修正

/wp-content/plugins/wptouch/themes/default/single.php

このphpファイルの80行目近辺、divタグのidが”bookmark-box”内部のリストを入れ替えてしまいます。私は、はてブとRetweetとlivedoor、それにYahooの４つにしてみました。

[php]

[/php]

アイコンファイルを格納

各ソーシャルブックマークサイトのアイコンを探して、imgタグの参照先に入れます。私が作ったのはこちら。商用利用フリー（というかほぼオリジナル）からダウンロードしてますので、お使いください。

注意点

WPtouchプラグインは今も頻繁にアップデートされており、修正したsingle.phpはアップデートの度に元に戻ってしまいます。これを何とかしたいものです。いずれWPtouchのテーマか、何かパッチ的なプラグイン？かで配布しようと思います。プラグインにするなら、管理画面もきっちり作ってみたいと思います。皆さんの声援が励みですので、欲しいぞという方はぜひコメントなりReTweetをお願いします！

プラグイン導入の効果

このブログのトップページ表示スピードです。

まずはプラグイン導入前。１行目の7.94秒がtakamorry.comからのレスポンスタイム。他のはJavaScriptのホスト先やブログパーツなどです。トータルでは8.49秒。

そしてプラグイン導入後。takamorry.comからはなんと0.5秒と約８倍の速さに。トータルでは3.89秒ということで、約２倍になってます。

FireFoxのFireBugsプラグインで測定しました。また、サーバキャッシュの効果を分かりやすくするため、クライアントキャッシュは残したままにしました。

WP Super Cacheプラグイン

このプラグイン有名ですよね。一度組み立てたページをサーバ側でキャッシュしてくれます。
■WordPress › WP Super Cache « WordPress Plugins

Ktai Styleと併用するには、ケータイ系からのアクセス時にはキャッシュが無効になるようにしないといけません。こちらを参考に導入しました。
■WP Super CacheとKtai Styleを併用する方法 – IDEA*IDEA ～ 百式管理人のライフハックブログ
■Yuriko.Net » Ktai Style と WP Super Cache を併用する

（2009/10/21上記訂正）
ゆりこ@Ktai Style作者さんからコメント頂きました。ありがとうございます。以下の通り訂正します。

WP Super Cache 0.6.8 以降および Ktai Style 1.70 以降はもっと簡単に対応できるようになっています。公式ドキュメントを参照ください。
■http://wppluginsj.sourceforge.jp/ktai_style/#wpcache

WP Widget Cacheプラグイン

このプラグインはWP Super Cacheプラグインと併用して導入するようです。
■WordPress › WP Widget Cache « WordPress Plugins

導入するとどうやらウィジェット部分を個別にキャッシュしてくれるようです。すると、色んなページにまたがるウィジェットの表示が効率化出来ます。

このブログでは右サイドとフッターとあわせて４本もウィジェットが入っているので効果が高そうです。

まとめ

体感的にも速くなったと思います。サーバ側の負荷も下がるので複数サイトを同じサーバで運用している場合に他のサイトへ与える影響を少なく出来ます。

注意点としてはキャッシュが効いているので、サーバ側の設定をいじってクライアントからリクエストしてもキャッシュが取り出されてしまうこと。WordPress管理画面でサーバ側の設定をいじってテストする時はプラグインの設定をdisableにした上でテストするようにしましょう。

もともとWPtouchはAndroidケータイにも対応していて、標準でiPhoneっぽくしてタッチ操作での使い勝手をアップしてくれるそうなのですが、HT-03Aだとうまく切り替えてくれなかったのですよね。調べてみると、ブラウザの種類を表すUSER_AGENTの判定に”android”が入っていない。ソースを見ると、プレandroid(?)の”dream”が入っているかを判定しているみたい。

HT-03AのUSER_AGENTは以下の通り。

Mozilla/5.0 (Linux; U; Android 1.5; ja-jp; HT-03A Build/CDB72) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

ということで謎が解けました。1.8のソースをいじって”android”を加えても良いのですが、調べてみるとバージョン1.9のベータ版が出てました。
■WPtouch 1.9 Beta 8 Series Issues Thread (LATEST) « BraveNewCode › Support

wptouch.phpの中を見るとしっかり”android”も判定してくれているので、1.8を使用停止してから削除、1.9をアップして有効化。ちゃんとHT-03AでもWPtouchの見た目になってくれました。パチパチ。ついでですけど、”blackberry”も対応しているようです。

↑仲間のHT-03Aで実験。ありがとうSくん。

1.9ベータでは、先日紹介したアイコンのアップロードが管理画面からうまく動いたので手間が省けました。その上、エントリ最下部の各種アイテムがパワーアップ。

↑メールとブックマークは前のバージョンでもあったけど、Twitterやページ内検索やフォントサイズ変更は1.9からの機能っぽい。

ということで、ご自分のWordPressを早くAndroid対応したい方はぜひどうぞ。ベータ版ですが今のところ問題なく動いていますよ。

しかし、HT-03A、初めて触ったけど、タッチ操作がiPhone 3GSに比べるとモッサリなのが残念ですな。でも他のメーカーからもどんどん出てくるだろうからすぐiPhoneに追いつくでしょうね。

１．WPtouchとは

WordPressのプラグインで、iPhoneのSafariブラウザからアクセスすると、見た目がiPhoneっぽくなって、操作もしやすくなるプラグインです。

■WPtouch: Mobile Plugin + Theme for WordPress ↔ BraveNewCode Inc.

２．アイコンを自分のファビコンに変更

WordPressのダッシュボードのWPtouch設定画面からアップロード出来そうなボタンがあったので簡単にアップ出来そうでしたが、ボタンが反応せず。ディレクトリ解析したら下のディレクトリにpngファイル入れておけばプルダウン表示に現れたので、そうしました。

wp-content/plugins/wptouch/images/icon-pool/

pngファイルは50×50あたりで作ってみました。ついでに、iPhone用はiPhoneっぽく透明感のあるものにしたい。ということで参考にさせて頂いたのはコチラ。
■iPhone風アイコンの超カンタンな作り方2つ教えます。 | 和洋風◎

ここで紹介されている、iConeというサイトにpngファイルアップしてパラメータいじって出来上がり。簡単です。

その後、さきほどのディレクトリに任意の名前でpngファイルをアップして、WPtouch設定画面を開くと、こんな風にアイコン表示されるようになりました。

↑ちょっと小さいけどまぁいいか。

そしてiPhoneから見るとこんな感じ。左上に微妙に透明感あるアイコンが表示されています。畳の部分はあくまでもマットな感じにした。

３．jQueryを使って無限スクロール

Ajaxのフレームワーク「jQuery」を使って、トップページやアーカイブページで無限にスクロール出来るようにしました。これまでjQueryは使ってこなかったのですが、あれこれ面白そうなのでそろそろ使ってみる。

バージョンアップ毎にFTPアップするのも面倒なので、Googleでホストしているのを使わせてもらうことに。参考にしたのはこちら。
■GoogleでホストされているjQueryを使う方法 – IDEA*IDEA ～ 百式管理人のライフハックブログ ～

ここで紹介されているscriptを自分のWordPressテーマ配下のheader.phpに加えれば完了。と、実はちょっとだけハマってしまい、パフォーマンスアップのためのHead Cleanerというプラグインを使っていたのですね。これでJavaScriptをフッタにマージして固めたりしてレスポンスを速めていたのですが、どうも私の設定がまずいのか出来上がったソースを読むとうまくいかない。ひとまず無効にしておきました。後日ゆっくり眺めてみよう。

すると、こんな感じでiPhoneに表示されます。スルスルッとトップページをスクロールすると「Load more entries…」と表示されていて、そこをタッチすると次の15行がページ遷移なしで表示されます。快適。

最後の「Mobile Theme」をOFFにすると、パソコンでの見た目になります。よく出来てるなぁ、このプラグイン。素晴らしい。

さてと、jQueryを入れてしまったので、他にも色々試していきますかねー。

このブログはさくらサーバをレンタルしてWordPressをCMSに使い、ブログエディタのWindows Live WriterでXML-RPCプロトコルを使って投稿しています。

4月に入って、投稿するとWordPress側のデータベースに、なぜかHTMLタグが外れて登録されるという事象が起こり回避策が分からないままでした。パソコン側は、ネットワークを流れるパケットを眺めて問題なし。サーバ側に最近導入したプラグインを外しても事象変わらず。データベースを覗くと外れている、正確には、"<"と">"がなくなっているのです。

WordPressのダッシュボードで直接書くように、やり方変えようとも思ったのですが、WLMのようなブログライタが便利なのは、スクリーンキャプチャをカンタンにコピペ出来ること。この使い勝手に慣れてしまっているので、何とかしようと思っているうちに日が経ち。。。放置。

同じ問題で困っている方はいないかとググッてみると、参考になるエントリーがざくざく見つかりました。ありがとうございます。回避出来ました。

■wigglin’ bloggin’ ? WordPressのXML-RPC投稿でHTMLタグが消える問題
■投稿するとタグが消える | appling weblog

まさか、レンタルサーバ側のphpライブラリ不具合だとは思いませんでした。早速、問題のライブラリをWordPressプラグインで回避出来る「LibXML2 Fix」を導入しました。

■WordPress ? LibXML2 Fix ? WordPress Plugins

見事に解決！phpコアライブラリの問題までも、プラグイン形式で片付けられるWordPressって、やっぱりスゴイですねぇ。

1. アバターなしの表示
   TwitterにもGravatarにも登録がない場合、指定した画像が代替表示されるはずなのですが、うまく表示してくれない。表示なしならまだしも、何やら誰かのアバター？が表示されてる。
2. アバターからリンクされない
   プラグインをいじればいいのでしょうけど、せっかくTwitterアバターがあるなら、そこからTwitterページにリンクしたい。
3. Twitterに引きずられて重い
   時たま異常にTwitterが重い（オバマ大統領の時とか）時には、引きずられてアバター表示が重くなる。自分も重くしているのでちょっと罪悪感。

他のWordPress使いの人たちはどうしてるのだろうと思い、ググッてみると、何と「Twicon for WordPress」なるプラグインが出来ているではないか。しかも、JSeriesメンバー「をかもと」さんの作品ということで、使い方がしっかり日本語で説明されています。
■WordPress Plugins/JSeries » Twicon for WordPress (アバター表示)
■Twicon for WordPress : 独断と偏見の何でもレビュー

↑早速導入してみた。名前もtwittarに比べ分かりやすいTwicon。

これまで改善したかったことはすべてクリア出来ました。特に３の「重い」問題は、キャッシュによってこのブログのサーバーに画像をキャッシュしてくれるという解決。なるほどなー、よく出来てます。ありがとうございます。