Blogger 関連のネタで、ブログ引っ越しについての話題が随分たまってきたので、こちらでまとめて紹介しておこうと思います。


移行事例

ココログ

• BIBALOGUE: ブログデータの移行
  ココログからの引っ越しの話。MT 形式にエクスポートして、「MovableType2Blogger」ツールで Blogger 形式の Atom に変換、その後 Blogger でインポート、という流れですね。

livedoor ブログ

• 【レビュー】livedoorブログ無料版からBloggerへ引越しできた！:霧笛望のはぐはぐ電脳小物 - CNET Japan
  CNET Japan に、livedoor ブログから Blogger ブログへの移行体験記。「カンタン！ブログお引越しサービス」（5,000 円）利用の上、ローカルで Perl を走らすという方法。うーん…ハードルが高い気がします…。
• 無料版ライブドアブログの全記事データをバックアップ、bloggerにインポートする方法|PBロッキーの日記
  最終的に MovableType2Blogger を使いますが、livedoor ブログのテンプレートを編集して MT 形式に仕立てる方法の説明が詳しいです。トラックバックデータもコメントとしてインポートできるようにしているのが特長かと。

Posterous

• ブログが閉鎖される日は近いかも？ PosterousのデータのTumblr/Blogger/WordPressへの移行方法 : ライフハッカー［日本版］
  移行方法とありますが、これは Blogger への同時投稿の方法かもしれません。

はてなダイアリー

• はてなダイアリー → Bloggerへ移行してみる: こちら　サツエキ北口界隈
  はてダからの引っ越し事例。間に MovableType2Blogger を挟む…ですね。
• お知らせ：ブログ移転します（はてなの過去ログをBloggerに移行する方法についても補足しました） - 「石版！」
  はてダからの引っ越し事例その２。書かれている通り、Python の動く環境なら MovableType2Blogger プログラムをローカルで動かすのがよさそうです。
• SpSpec: はてなダイアリーからGoogle Bloggerへ移行する方法：日付が現在になる問題を改善
  はてダからの引っ越し方法その３。MovableType2Blogger を使うときは、日付の変換が必須とのこと。

FC2 ブログ

• 六本木で働く営業本部長の Blogger: [ブログ] FC2 --> Blogger 移行手順
  FC2 ブログから Blogger ブログへの引っ越し事例。最終的に MovableType2Blogger を使う…と。

アメブロ

• Free and Responsibility: アメブロからBloggerへ引越し
  アメブロからの引っ越し事例。アメブロリッパー か blog tool というツール→ MovableType2Blogger というコンボです。

WordPress

• WordpressからBloggerへ ≪ ttanimu engineering labs
  WordPress からの引っ越し事例。WordPress の場合、WordPress2Blogger を通すのがやはり定石みたいです。

忍者ブログ

• hatokolog Bllogerにお引越し
  忍者ブログからの引っ越し事例。MT 形式エクスポート→MovableType2Blogger では日付の変更が必要とのこと。最終的には、WordPress を介してエクスポート→ WordPress2Blogger でいけたそうです。

移行方法

ほとんどの方法で登場してくるのが MovableType2Blogger というツール。これは Google Code で公開され Google App Engine で運用されている、Google Blog Converters という一連のブログデータ変換プログラムのひとつです。

• MovableType2Blogger conversion utility

これを使うと、MovableType（以下 MT）形式のエクスポートファイルを、Blogger ATOM 形式のエクスポートファイルに変換することが可能です。各ブログサービスで投稿のデータを MT 形式にエクスポートしたあと、このツールに通して Blogger 用のデータを得て、それを Blogger でインポートする…という流れが、現在 Blogger への引っ越しのスタンダードになってきているように思います。

また同様のプログラムで、WordPress2Blogger ã‚„ LiveJournal2Blogger なんてのもあります。MovableType2Blogger でうまくいかなかったときには、WordPress 形式などで書き出して、試してみるのもいいかもしれません。

• Wordpress2Blogger conversion utility
• Livejournal2Blogger conversion utility

Blogger でのインポートは、管理画面「設定 ＞ その他」ページの「ブログをインポート」リンクから。Blogger ヘルプ にも説明と動画が載っています。


移行の注意点

データサイズ制限
MovableType2Blogger 使用の注意点になりますが、このツールで生成できる Blogger ATOM 形式のデータは、サイズが 1MB 未満に制限されています。データサイズが 1MB 以上になる場合、ツール自体がエラーを出してしまうため変換できません。これを避けるには、MT 形式ファイルの投稿部分を分割して複数に分けて変換し、別々にインポートする必要があります。

文字エンコード
このツールで使用できる文字のエンコード方式は UTF-8 になっています。EUC-JP などで書き出された MT 形式ファイルは、文字コードを UTF-8 へ変換してからツールに通す必要があります。

日付の変換
前の 2 つは、通常そのままでクリアできると思うんですが、日付は必ず対策が必要です。このツールに通すときに日付はグリニッジ標準時で、さらに 12 時間表記で記述されている必要があります。あと、午前や午後の 0 時台は、12:** AM、12:** PM という表記に改めないといけません（参考）。

• BloggerにiPhone向けサイトを設置するBlogger Touch | Blog.IKUBON.com

で知った、Blogger 用の便利なサービス「Blogger Touch」。

このサービスを使うと、Blogger ブログに簡単に iPhone 向けページを作成することができます。まずはためしと、「クリボウの写真日記」で使ってみたのが、この画面。iPhone で通常のブログ URL にアクセスすると、自動的に iPhone 用のページへとリダイレクトしてくれます。



続いて、iPhone から（これはエミュレータですが）個別の記事を選んでみたのが、この画面。



なかなかよくできていますね。このサービスによって生成された、実際の iPhone 用のページがこちらです。

トップページ、投稿ページの表示だけでなく、検索や静的ページの表示、ラベル別表示といった機能もついています。試してはいませんが、iPhone からコメントを送信することもできるみたいです。説明を見てみると、

Features

• Support Google Analytics
• Support Adsense
• Support Search Widget
• Support Pagination
• Support Pages
• It's Free!

とのこと。Adsense ã‚„ Google Analytics も特別な指定をすることなしに、ブログから自動的に読み取って、IPhone 用ページでそのまま有効になるようです。これはすごい。


導入方法

Blogger Touch サイトを開き、入力部分にブログの URL を書き入れ、「Go」ボタンを押します。（「Custom Domain」リンクを押すと、カスタムドメインのブログ URL も入力することができます。）



「Step 1」に入る前に、このサイトへ Google アカウントでログインします。（このサイトでは、Google App Engine の AuthSub という機能を使い、ユーザー管理に Google アカウントの認証機能を利用しています。パスワードなどの秘密情報がサイトに渡ることはないので、ご安心を。）

ログインすると、下の画面が表示されます。ここでは、Blogger Touch 側の URL を入力します。iPhone に実際にアクセスさせる URL を決めて、入力します。「Check Availability」で、URL がすでに使われていないかチェックできます。入力後、「Next」ボタンを押下。



「Step 2」では、「Site Feeds」リンクをクリックして、Blogger の管理画面「設定 ＞ サイトフィード」を開きます。「ブログ フィードを許可」の欄が「完全」になっているのを確かめます。

続いて、「Add Code」ボタンを押すと、Blogger のウィジェット追加画面「ページ要素を追加」が表示されます。ブログ名が正しいか確認して、「ウィジェットを追加」ボタンを押します。クラシックテンプレートの場合、Blogger のこのウィジェット追加が使えないので、「view code」リンクをクリックしてコードを表示し、コピーしたものを Blogger 管理画面「テンプレート ＞ HTML の編集」から、テンプレートに貼り付けることになります。



最後は、ブログの確認です。入力されたブログがユーザーのものか確かめます。といっても、ただ「Verification」ボタンを押すだけ。「Done」というメッセージダイアログが出れば OK です。



これで登録はおしまい。説明すると長いですが、実際の手順はすぐに終わります。以降は、Blogger Touch の「Dashboard」から登録ブログの設定を変更したり、新しいブログを登録したりすることができます。




ブログ設定

ダッシュボードの「Edit」リンクをクリックしてみたのが次の画面です。Google Analytics ã‚„ AdSense の ID は最初から入力されています。設定できる項目は以下のとおり。

• Feed Url … ブログフィードの URL。
• Google AdSense … Google AdSense の ID。
• Google Analytics … Google Analytics の ID。
• Blog Name … ブログのタイトル。
• Show Page List … ページリストを表示するかどうか。
• Show Label List … ラベルのリストを表示するかどうか。
• Redirect iPad … iPad での閲覧で Blogger Touch ページへリダイレクトさせるかどうか。
• Adult Content … アダルトコンテンツの有無。

「Blogger って iPhone で見られないしなぁ…」とあきらめていた人は、ぜひぜひお試しを。


関連記事：

• iPhone から Blogger へ投稿できる無料アプリ「BlogPress Lite」が登場
• Blogger を携帯で見るためのツール

Google の URL 短縮サービス「Google URL Shortener （goo.gl）」が独立したサービスを開始し、ウェブサイトが公開されています。

• Social Web Blog: Google URL Shortener Gets a Website

そのサイトがこちら。

• Google URL Shortener

これまで Google ツールバーや Feedburner ほか、Google サービスの一部の機能として使用されてきたものが、今回独立したサービスとなったことで、ユーザーが直接 URL を入力して短縮 URL を取得できるようになっています。



メインの画面には、ユーザーがこれまでに作った短縮 URL が表示されています。この画面で確認できるのは、短縮前の URL、短縮後の URL、作成日、クリック数、クリック数のグラフといった情報。



さらに「Details」リンクをクリックすることで、各 URL について、短縮 URL が記載された QR コード、クリックされた際のリンク元や閲覧者の国・ブラウザ・OS の情報を確認することが可能です。メイン、詳細どちらの画面でも集計期間として、2 時間、1 æ—¥、1 週間（デフォルト）、1 ヶ月、全期間が選択可能です。

この Google URL Shortener、Blogger ユーザーにとっては一番関係が深いのが FeedBurner の Socialize 機能。この機能を使うと、ブログの更新情報を Twitter に自動的に流してくれるようになるんですが、そのとき Tweet にブログ投稿へのリンクとして使用されるのがこの goo.gl の短縮 URL です。

新しく公開された Google URL Shortener サイトでは、その自動で作成された短縮 URL についてもクリック数などの情報が把握できるので、とても便利です。これまで Socialize 機能を利用してきた人は、一度 Google URL Shortener サイトを訪れてみるのがよさそうです。

• ブログの更新情報を Twitter に流してくれる Twitterfeed

という記事を以前書きました。

TwitterFeed は、更新されたブログのフィードを確認し自動で Twitter に投稿してくれる便利なサービスなんですが、Blogger ユーザーとして Google 運営のサービスでそれを実現したいと思う人も多いはず。

そこでおすすめなのが FeedBurner の Socialize 機能。FeedBurner は Google 運営の RSS 発行サービスで、AdSense フィード広告や Blogger のフィードリダイレクト機能で使っている人も多いと思います。FeedBurner は PubSubHubbub を利用し、Blogger の更新を即座につかんでフィードを RSS に焼きなおしているので、そのときに、Twitter への投稿を行うよう設定しておけば、とても早く更新情報を Twitter に流すことができます。

この Socialize（Twitter 投稿）機能の設定は、FeedBurner の管理画面「Publicize（集客支援） ＞ Socialize」ページから行えます。以下、設定項目の解説です。



Twitter account: Twitter のアカウントを選択します。「Add a Twitter Account」ボタンを押して、Twitter の OAuth 認証画面を開き、「Allow（許可する）」ボタンを押します。

Post content: Twitter に流すブログ投稿のフォーマットについてです。「Title only（タイトルのみ）」「Title and Body（タイトルと本文）」「Body only（本文のみ）」から選択可。「Include link（投稿へのリンクを含める）」「Leave room for retweets（リツイート用の余白を残す）」オプションも指定できます。

Hash tags: Twitter に流す際のハッシュタグを、ブログ投稿のカテゴリ（Blogger ならラベル）から読み取ってつけます。「Don't add any hash tags（ハッシュタグをつけない）」「Create hash tags from item categories（投稿のカテゴリーからハッシュタグを作成）」から選択。「Create ...」にしている場合は「Use inline hash tags（ハッシュタグを文中で使う）」というオプションも使用可。


Additional text: Tweet に追加する文字列。「beginning of the post（最初に）」「end of the post（最後に）」が選択可。

Item limit: 一回の更新で Twitter に投稿するブログ投稿の量。1 ～ 8 が選択可。

Item order: 投稿の並べ替えの基準。「publish date（フィード記載の published 値もしくは pubDate 値で）」「their order in the feed（フィード記載順どおり）」から選択。

Keyword filter: キーワードでヒットするものだけ Twitter へ流す。キーワード設定の際は、検索対象を「a category（カテゴリ）」「the title（タイトル）」「the body（本文）」「the whole item（投稿全体）」から選択。

長々と書いてきましたが、項目を変更するたびに下に実際の Tweet の例が表示されるので、そんなに迷うことはないと思います。設定終了後「Activate」ボタンを押すのをお忘れなく。

ということで、けっこう色々な設定ができるんですね。Twitterfeed を使っていたという人もぜひ一度お試しを。

関連：

• クリボウの Blogger 入門: RSS を作成する

Twitter の Tweet をブログに貼り付けたいときに便利な機能が、Twitter 公式で用意されました。

• Blackbird Pie -- Twitter Media

テキストボックスに tweet の URL を入れて、「Bake it」ボタンを押すだけで、ブログに貼り付けるコードが表示されます。

貼り付けてみると、こんな感じ。


なかなかいい感じですね。

タグつけとこ。「クリボウのプログラミングひとりごと」æ›´æ–°。「GAE/J で Amazon Product Advertising API」 http://bit.ly/cL17O0 #appengine

Twitter / kuribo: タグつけとこ。「クリボウのプログラミングひとりごと」 ...

とかって blockquote で書くこともできますが、やっぱりあまり見栄えが良くないし、なにより自分でタグを打つのが面倒ですね…。

ということで、ブログと Twitter どちらもしている人は、おしゃれな公式の貼り付け機能「Blackbird Pie」、ぜひ一度お試し下さい。

追記（20:12）：

テンプレートによっては、コードを貼り付けると、Tweet がビヨーンと伸びてしまうようです（証拠画像）。そういう場合は Blackbird Pie コード中のという文字列を探して削除するのがよさそうです。

参考：
　　複数の Tweet を載せたい場合は、Satomi さんのブログをチェックです。

• Twitter、つぶやき埋込みコード本日提供開始：‘Embed This Tweet’ Feature Coming Today

関連：

• Twitter の一日のつぶやきをまとめてブログに投稿してくれる twtr2src
• ブログの更新情報を Twitter に流してくれる Twitterfeed
• Twitter に Blogger 公式アカウントが登場
• Blogger 用 Twitter バッジ

Perl で昔に書いた Japanese Blogger Update Info の後継として、Blogger ブログの更新情報を掲載する Google App Engine for Java アプリを作成しました。

• Japanese Bloggers Info

これまでは、BlogPeople の更新情報のフィードを利用していましたが、今回は全部自前で。今回のアプリが内部でどんな風に動いているかについては、別のブログに書いています。

Google アカウントと結び付けられた Blogger ブログを登録してもらって、トップページで時系列の更新情報を紹介。cron で一定時間（今のところ 5 分間隔）で Update というサーブレットが起動されるようにしていて、そこからまた TaskQueue で、各ブログのフィードへアクセスして更新を確認する Check サーブレットを複数起動する。全部チェックし終わったら更新されたブログのリスト（HTML）を作って、Memcache へ格納。トップページでそのキャッシュを表示、のようなことをしている

クリボウのプログラミングひとりごと: GAE/J、Blogger フィードのコンテントが取れない

この GAE/J 版、以前までのとどう違うかというと…

• ブログの更新が反映されるのが早い。（Perl 版は 1 時間前、Java 版は 5 分前の更新を反映）
• 表示速度が速い。プレビューのもっさり感がなくなった。
• ブログの登録自動化。（これまでは一つ一つクリボウが BlogPeople へ登録していた。）

というところかと。今後したいこととしては、

• ブログのカテゴリー登録
• カテゴリーごとのブログ一覧や更新リスト表示
• 全体の投稿フィードやカテゴリーごとの投稿フィード作成。

など。その他にご要望などあれば、こちらへコメント下さい。

なお、旧型の更新リストは、1 月いっぱいで停止・閉鎖するつもりです。旧型のものに参加していただいていた人は、そのまま新規にブログを登録してもらえると嬉しいです。ブログ情報の登録・削除は簡単にできるので、初めての方でも気軽に参加してください。

それでは、今年もどうぞよろしくお願いします。


2010-01-20

全体の投稿の RSS フィード配信開始しました。技術的なことはこちら。

2010-01-31

登録ブログを記載した OPML 発行と、登録ブログ対象のカスタム検索の機能をつけました。詳しくはこちら。

2010-04-13

カテゴリー 機能を追加しました。ブログを登録してくれている方は、ぜひカテゴリー分けしてください。詳しくはこちら。

2011-02-06

トラックバック送信 機能を追加しました。詳しくはこちらとこちら。

今回は、前回の記事「ブログの更新情報を Twitter に流してくれる Twitterfeed」とは逆の、「Twitter から Blogger へ」というパターンをご紹介。



twtr2src は、Twitter の一日のつぶやきをまとめてメールで送ってくれるサービスです。登録すると、毎日午前 0 時に前日の Twitter のつぶやきが指定したアドレスに送られてきます。これをブログのメール投稿サービス（Blogger の場合 Mail2Blogger）とつなげると、ブログに毎日自動的に Twitter のつぶやきが投稿されていくようになります。



この twtr2src は OAuth に対応しているので、Twitter ユーザーなら特別なアカウントを作らなくても利用することができます。それでは、早速利用方法を。


１．まず、Blogger ブログのメール投稿を有効にします。Blogger のブログ管理画面「設定 ＞ メールとモバイル」ページの「メールによる投稿アドレス」に好きな英数字を入れて、誰にも公開しないブログ投稿用メールアドレスを作成します。このアドレスはメモしておいてください。公開の設定は「メールを投稿の下書きとして保存します」を選択して「設定を保存」ボタンを押します。



ï¼’．twtr2src サイトを開き、ログインします。「Sign in with Twitter」リンクをクリックすると Twitter の OAuth 確認画面に移るので、「Allow」ボタンを押してください。

３．すでに Twitter のつぶやきが並んでいると思います。そこから「Settings」リンクをクリックすると、下の画像のような画面になります。下のオプション説明を参考にして設定した後、「Save」ボタンを押してください。

• Sorting order of timeline … Twitter のつぶやきを時刻で降順で並べるか、昇順で並べるか。「Night to morning（デフォルト）」だと新しいつぶやきから順に並び、「Morning to night」だと古いものから。
• Title format … メールの件名のフォーマット。Blogger に送信時、このメールの件名がそのまま投稿のタイトルになる。デフォルトは「%a, %b %d」。ここで指定することのできる「%なんとか」という文字列は ここで確認。

ï¼”．次に、Blogger との連携させるために「Auto posting」タブに移ります。１の Mail2Blogger に指定したメールアドレスを入力して、「Send mail」ボタンを押します。メールが送られるとメールアドレスの横に「OK」と文字が出ます。



５．ここまでの設定がうまくいっていれば、ブログに twtr2src の確認用メールが届いているはずです。ブラウザの別画面で Blogger のブログ管理画面「投稿 ＞ 投稿を編集」を開き、「Confirmation number」という投稿の本文からその数値を確認します。



ï¼–．twtr2src に戻り、５で確認した数値を入力して「Submit」ボタンを押します。数値が合っていれば右に「OK」という文字が出ます。



ï¼—．その後、メールの自動投稿の設定をします。下の説明を参考にして設定した後、「Save」ボタンを押してください。

• Auto posting … メールの自動投稿を行うかどうか。「ON」にすると、毎日午前 0 時に自動的にメールが送られる。「Send a mail now」でテスト後「ON」に設定するのが吉。
• Format … メールの形式。Blogger は「HTML」もしくは「Plain Text」を指定。「HTML」だとこんな感じ、「Plain Text」だとこんな感じ。
• Time zone … メールのタイムゾーン。日本なら「GMT+09:00」のままで。
• Send a mail now … メール送信のテスト。存在する最終日の Twitter のつぶやきを送信。Format を変更した場合には、先に「Save」ボタンを押して設定を反映させてから、メールを送ること。

８．最後に、メールを受け取ったときに Blogger 側で投稿を自動公開するように設定します。ブログ管理画面「設定 ＞ メールとモバイル」ページ「メールによる投稿アドレス」の公開設定で、「今すぐメールを公開します」を選択して「設定を保存」ボタンを押します。（画像は１と同じなので省略。）


書き出してみると意外と長かったんですが、実際の作業はすぐに終わります。Twitter のつぶやきをブログにまとめたいという人はぜひお試し下さい。

ちなみに、前回ご紹介した Twitterfeed とこのサービスを一緒に利用すると、ループが発生して Twitter やブログを更新していなくても、Twitter つぶやき → Blogger でつぶやきのまとめ投稿 → Twitter にブログの更新情報 → Blogger でつぶやきのまとめ投稿…と毎日両方が更新されてしまうような気がします。

Twitterfeed と twtr2src を一緒に使いたい場合には、twtr2src のメールタイトルを編集し、Twitterfeed でそのタイトルに対するフィルターを設定するというのがいいかも知れません（未実験）。

もうご存知の方も多いと思うんですが、Blogger Buzz で取り上げられていたので、ご紹介。

• Blogger Buzz: Tweet Your Blog

Twitterfeed はブログの更新情報を Twitter に流してくれる便利なツール。ブログに記事を投稿するたびに自動的に Twitter でつぶやいてくれます。



Twitterfeed は OpenID に対応しているので、Blogger ユーザーならアカウントを作らなくてもブログのドメインを入力するだけで、設定を開始することができます。それでは早速導入方法を。

１．まず Twitterfeed サイト を訪れて、ログインします。「Login」ボタンの下の「Sign In with OpenID」リンクをクリックして、「Blogger」のボタンを押し、Blogger ブログの URL を記入したのち「Sign In」。Blogger の OpenID 確認画面が出るので、「はい。一回のみ」「はい。常に」のどちらかのボタンを押します。



ï¼’．twitterfeed の設定画面が出ます。「Connect your feed to your Twitter Account」ボタンを押して、自分の Twitter アカウントと関連づけます。Twitter の OAuth 確認画面が出るので、「Allow」ボタンを押します。



３．「Step 2」の欄が入力可能になります。「Feed Name」にブログ名を入れ、「RSS Feed URL」にブログのフィードの URL（http://EXAMPLE.blogspot.com/feeds/posts/default のような）を入力します。RSS とありますが、Blogger の Atom フィードでも問題ありません。「test rss feed」ボタンを押して「Feed parsed OK」と出れば大丈夫です。



ï¼”．最後に「Create Feed」ボタンを押すと設定完了。…なんですが、詳細設定もできるので最初にしておいたほうがいいかも。「Advanced Settings」リンクを押すと下に入力欄がのびてきます。ここで好きな設定をしてください。



設定できる項目は次のとおり。

• Update Frequency … Twitterfeed の更新頻度。30 分、1 時間、2 時間、3 時間、6 時間、12 時間、24 時間から選択可。デフォルトは 1 時間。
• post up to [NUMBER] new update(s) at a time. … ひとつの Twitter つぶやきに含める投稿数。1 ～ 5 が選択可。デフォルトは 1。
• Post Content … つぶやきに含める投稿の要素。「タイトルと本文」「タイトルのみ」「本文のみ」が選択可。デフォルトは「タイトルと本文」
• Post Link … ブログの投稿へのリンクを張るかどうかのチェックボックス。張る場合は、URL 短縮サービスも選択。20 種類ほどから選べるが、Twitter 標準の「bit.ly」のままが無難。
• Post Sorting … ポストの順序の基準を何にするか。「公開日」と「投稿 ID」から選択可。デフォルトは「公開日」。
• Post Prefix … つぶやきで投稿情報の前に表示する文字列。デフォルトはなし。
• Post Suffix … つぶやきで投稿情報の後に表示する文字列。デフォルトはなし。
• Keyword Filter … 投稿を Twitter に載せるための承認用キーワード。デフォルトはなし。

ということで Blogger & Twitter なユーザーはぜひぜひどうぞ。

Blogger には 'BlogThis!' というブックマークレットが用意されていて、閲覧中のサイトをブログに引用したいときにとても便利です。

• BlogThis! とは何ですか。 ? - Blogger ヘルプ

この機能について、Hit さんがこんな風に書かれていました。

この便利なブックマークレットにもひとつだけ弱点があります。それは投稿先の初期設定は最後に投稿したブログになるというものです。
（中略）
これは Mac 用の dashboard widget でも同じです。 Dashboard widget は複数起動することもできるので、それぞれのブログ用に専用ブックマークレットや widget を持ちたいものです。

The Okano Mail: Weakness of BlogThis!: ブックマークレットの弱点

なるほど、投稿先ブログを最初から指定したブックマークレットがあればもっと便利、ということですね。
「思いついたときにやってみよう！」ということで、早速作ってみました。
ちなみに Firefox + Greasemonkey な人が対象です。


導入方法

１．まず、こちらのユーザースクリプトをインストールします。

• BlogThisToSelectedBlog.user.js

ï¼’．下のフォームでブログ名とブログ ID を入力し、「Generate」ボタンを押してください。ID の分からない人はこちらを確認してください。


３．フォーム下部に出てきたリンクをブックマークします。リンクを直接ドラッグしてブックマークエリアにドロップしてもいいですし、リンク右クリックから「このリンクをブックマーク」を選択しても OK です。これがそのブログ専用の「BlogThis!」ブックマークレットになります。

ということで一度お試しくださーい。

以前、ブログに載せたコードにハイライトをつけるウィジェット「Blogger Syntax Highlighter」というものを紹介しました。

• コードをハイライトする「Blogger Syntax Highlighter」ウィジェット

これに関して書かれたエントリにこんな記述が。

これは良い感じです＾＾
Perl が対応していないのは、PHP で無理やり対応させることにしようかな♪

GamizBlog: Blogger上でのソースのハイライト： Blogger Syntax Highlighter

対応言語表を見てみると、たしかに Perl は載っていませんね。
…ということで、Perl のコードもハイライトさせる方法はないのかな？と探してみたところ、見つけたのがこちらのページ。

• Damien Learns Perl: Perl syntax highlighting in Blogger

こちらを参考にしながら、導入の手順をまとめておきます。


導入手順

１．まず「Blogger Syntax Highlighter」ウィジェットをブログに追加します。前回の記事を参考にしてください。※Firefox でウィジェットの追加に失敗する場合は、別のブラウザでも試してみてください。

ï¼’．Blogger の管理画面「レイアウト ＞ ページ要素」から「Blogger Syntax Highlighter」ウィジェットの「編集」リンクをクリックします。

３．「コンテンツ」欄の一番最後
というコードの直前に
を挿入して、「保存」ボタン。

おまけ．好みかもしれませんが、ついでに「編集」リンクからウィジェットのタイトルを消しておくと、ブログの見た目を変えずにハイライト機能がつけられていい感じです。


使い方

ブログへのコードの掲載は という風に、表示させたいコードを特別な pre 要素に入れて投稿します。
その他、「Blogger Syntax Highlighter」で利用できるオプションについては、前回の記事を確認してください。


…というわけで、Perl 使いの方はぜひぜひお試し下さい。

先日お伝えした、Blogger の公式 Twitter アカウントのタイムラインで見つけたのがこちら。

Open Source team announces "Google Blog Converters 1.0", makes importing into Blogger easier: http://is.gd/f5yK 9:59 AM yesterday from web

Twitter / Blogger: Open Source team announces ...

「Google Blog Converters」というオープンソースプロジェクトから、その 1.0 バージョンがリリースされているようです。これは、Blogger、LiveJournal、MovableType、WordPress といった異なるブログサービス間の、ブログの移行を手助けするもの。今回、Python ライブラリと実行可能なスクリプトが公開されています。

• google-blog-converters-appengine - Google Code

ソースコードをちょっと見たいという人はこちらから、コードのダウンロードはこちらから行えます。コードを利用した開発に関するディスカッショングループもすでに作成されていますね。

Python については全く分からないので、ほかの人に任せるとして…、面白かったのがこのコードを利用したツールたち。

• Wordpress2Blogger conversion utility
• Blogger2Wordpress conversion utility
• Livejournal2Blogger conversion utility

上から、WordPress WXR ファイルを Blogger の ATOM 形式のエクスポートファイルに変換してくれるもの、Blogger のエクスポートファイルを WordPress WXR ファイルに変換してくれるもの、LiveJournal ブログから Blogger のエクスポートファイルを作成してくれるもの、となっています。

このブログのエクスポートファイルから WordPress WXR ファイルを作成しようとしたところ、読み込みは問題なかったようですが、書き出しでエラーが出てしまいました。どのツールも、新しく作成されるファイルの容量が 1 MB より大きくなるときにはエラーが出るようです。「写真日記」だと問題なく「wordpress-wxr.xml」というファイルに変換することができました。

Blogger の ATOM 形式に注意しながらエクスポートファイルを分割 → それぞれ WordPress WXR ファイルに変換 → WXR 形式に注意しながら連結、とすれば全投稿を変換できるかもしれませんが、未確認。今度やってみようと思います。

…ということで、WordPress から Blogger へ、Blogger から WordPress へ、LiveJournal から Blogger へといった、サービスをまたぐブログ移行を考えている人はぜひこのツールを使ってみてくださーい。

iGoogle をブラウザのデフォルトページに指定している人も多いと思うんですが、iGoogle で簡単に Blogger の記事を投稿できるガジェットが、Blogger in Draft ブログ上で公開されています。

• Blogger in Draft: New Feature: Posting Gadget for iGoogle

導入は、上記リンク先の「+ Google」リンクから。もちろんこのガジェットを利用するためには iGoogle で使用しているアカウントと Blogger ブログのアカウントが一致している必要があります。

現在、このガジェットがサポートしている機能はこちら。

• 記事のタイトル、本文、ラベルの HTML 編集。
• ドロップダウンメニューから投稿ブログを選択可。
• 「すぐに公開」「下書き」を選択可。

文字以外の、画像投稿、動画投稿、リッチテキスト編集などには対応していないので、それらを使いたい場合には、「下書き」を選択して、後でその記事を編集するといいらしいです。…って少し手間ですね。

このガジェットの注意点はこちら。

• ログインの関係上、今のところ iGoogle 以外の場所では機能しない。
• このガジェットは、JavaScript Google Data API for Blogger を利用しているため、現在 Apple の Safari では動かない。
• 現在、Internet Explorer では動かないという報告もあり。

このガジェットの、これから改良の可能性がある箇所はこちら。

• Blogger の全言語への対応（各項目の「Title」「Body」「Labels」などの表記。タイトルや本文自体は、日本語も難なく通ります。）
• ラベル指定のオートコンプリート機能。
• 投稿自動保存機能
• リッチテキスト編集

色々と制約はあるものの、思い立ったときに気軽に投稿できるところがいいですね。ぜひぜひ一度お試しくださーい。

bloggerユーザーなのですが、携帯から閲覧する際、ドコモからだと正しく表示されないようです。
ドコモの端末から閲覧することは可能なのでしょうか？

Blogger、Blogger in Draft の行き来が楽になるユーザースクリプト「Draft Link」

という質問コメントをいただいていました。
残念ながら Blogger には、携帯端末用に自動で変換されるというような仕組みはありません。
そこで携帯からの閲覧には、ブログを携帯用ページに変換する別のツールが必要になります。


Google Mobile Proxy

もうみなさんご存知だと思いますが、Google には PC 用のウェブページを携帯用に変換してくれるツールがあります。それが「Google Mobile Proxy」。使い方は、サイトにアクセスしてブログの URL を入力するだけ。

「クリボウの写真日記」を通してみたのがこちらです。リンク先や画像も、見事に携帯用に変換されています。ウェブページを直接変換しているので、シンプルなテンプレートのブログに最適だと思います。


Blogger Mobile Viewer

もう一つが、最近リバーストーンから登場した「Blogger Mobile Viewer」というツールです。


というように「http://moblogger.r-stone.net/blogs/」という URL の後に、自分のブログの ID 番号を付け足してアクセスすると、ブログが携帯用に表示されます。
こちらはブログそのものではなくて、ブログのフィードからページを作っている模様。テンプレート部分は全く表示されず、ブログタイトル、投稿タイトル、本文、コメントだけが見られます。画像は 300px までに縮小されるみたいです。コメント投稿も可能のようですが、未確認。

このブログだとこんな感じです。テンプレート部分がごちゃごちゃとしていて、Google Mobile Proxy だと内容がわかりにくくなってしまうブログには、こちらがいいかも。


ということで、更新の気になるブログには、これらのツールを使ってみてくださいね。
PC 使わないよという友人に、自分のブログの変換後の URL を教えるという手もありですね。

参考：

• リバーストーン｜ Company Blog: Blogger Mobile Viewer
• clmemo@aka: Google Mobile Proxy

ブログで新しいエントリを書いたときに、みなさん更新 Ping を打っていると思います。この更新 Ping を送信するソフトとして有名なのが BlogPeople の BlogPingPing。このソフトは Win 版と Mac 版が提供されています。

環境を選ばずに、ネット上で Ping を送信できるサービスがあったらもっと便利なんだけどなあ、と思っていたんですが、やはりそんなサービスがちゃんと存在していました。

• BlogLike

このサービスに会員登録し、ブログ情報や更新 Ping 受け付けサーバーの登録をしておくと、ネット上から簡単に更新 Ping を送信することができます。トラックバック Ping も打つことができるので、きっと重宝すると思います。ぜひお試しください。

ちなみに、BlogLike で登録できる更新 Ping 受け付けサーバは 15 件までです。もっと送りたい！という人は、Pingoo! ã‚„ PingLiner など、国内の主要サーバーに更新 Ping を送ってくれるサービスと併用するといいと思います。

関連：クリボウの Blogger 入門: æ›´æ–° Ping を打とう
参考：Waltzing is Hip!: ping送信先
参考：Peace Pipe: Ping 送信始めました [blogger]

Firefox の検索バーから、Blogger Help を検索するためのプラグインを作りました。Blogger Help をよく見るという人にはおすすめです。Firefox でこのページを表示し、下のリンクをクリックしてインストールしてください。

Blogger Help Search

アンインストールする場合には、Firefox のプロファイルディレクトリ、serachplugins フォルダ内の bloggerhelp.src と bloggerhelp.gif を削除し、Firefox を再起動させてください。

参考：Gentoo Linux で個人サーバー:Firefox 検索プラグインの作成方法
参考：Gentoo Linux で個人サーバー:Firefox 検索プラグインの作成方法（実践編）


追記（06-28）

…って、わざわざ作らなくてもすでにありましたね。

以前、Feed2JS を活用するという記事を書きました。JavaScript を利用した、RSS がブログやサイトに貼り付けられるこの便利なツールについて、導入方法を解説しているサイトがちょっと見当たらなかったので、ここに書いておくことにします。

１．設定方法

Feed2JS サイトを開き、ページ上部の Build というタブをクリックして、コード作成ページに移動します。

上記の項目を確認して「Preview Feed」ボタンをクリックすると、RSS が実際にどのように表示されるかを確認することが出来ます。色々設定を変えてみて、お好みの表示設定を見つけてください。

「Generate JavaScript」ボタンを押すとコードが表示されるので、それをブログのテンプレートやサイトの HTML の、RSS の内容を表示させたい位置に貼り付けてください。


ï¼’．見栄えの変更

Feed2JS で作成するパーツには、スタイルシートを使って見栄えを細かく設定することが可能です。
スタイルを設定するには、ページ上部の Style タブから、スタイル設定ページに移動します。「Style Selector」のセレクトボックスを使って、スタイルのセットを確認することができます。表示されるコードを <style type="text/css"> と </style> とではさんで、RSS の内容を表示させたいページの HTML の head 要素内に貼り付けてください。
自分でスタイルシートを書いて、一からスタイルを設定したいという場合には、「CSS Classes」欄のクラス名を参考にしてスタイルを設定します。
この方法だと、一つのページにいくつもの RSS を貼り付けて、それぞれ別々のスタイルを適用するということも可能です。その場合には１で「Custom CSS Class」を設定し、クラス名に対応するスタイルシートを書くようにして下さい。


おまけ．自分のサーバーに Feed2JS

以上で、Feed2JS を使ったブログやサイトへの RSS 表示が可能になるんですが、PHP が動作するサーバーであれば、この Feed2JS 自体を自分のサーバーに設置することも可能です。ページ上部の Download からファイルをダウンロードし、サーバーにアップロードください。本家サイトを利用していて時々表示が止まってしまうという場合には、導入を考えてもいいかも知れませんね。