iPhoneからの投稿テスト

BloggerはSafariからも投稿可能だが、さすがに使いにくいので、専用アプリを試してみた。以下のアプリを候補に上げた、理由は、、、無料！

• BlogWriterLite
• Free mobile blogging with BlogBooster
• BlogSpace

まず始めに、BlogWriterLiteを試してみたが、いきなり欠点が発覚した。編集途中でアプリを切り替えると編集内容がクリアされてしまう。アプリ上で下書き機能がある様だが、使い勝手は良くない。またサーバー上の下書きを編集する事が出来ない。もしかしたら出来るのかも知れないが、直感的に操作出来なかった。

次にBlogBoosterを試してみた。BlogWriterLiteで指摘した欠点は全てクリアしていた。強調、イタリック、下線、取消線、画像アップロードなど出来る。フォント変更も出来そうだが、使い方が分からなかった。

次にBlogSpaceを試してみた。これもBlogWriterLiteで指摘した欠点は全てクリアしていた。しかし、BlogBoosterにあったhtmlのタグを挿入してくれる機能はない。

ここまで書いた時点BlogBoosterで決まりかと思ったが、BlogBoosterで作成した下書きをBlogSpaceで確認したら、勝手に以下のものが挿入されていた。

<span id='BB_SIGN_BEGIN'><img alt='BlogBooster-The most productive way for mobile blogging. BlogBooster is a multi-service blog editor for iPhone, Android, WebOs and your desktop' src='http://theblogbooster.com/pixel.gif' style='border:none;'/></span>

もう少し時間をかけて調査する必要がありそうだ。

Bloggerへのソースコード貼り付け

Bloggerにソースコードを貼り付ける方法を考えてみた。

「デザイン」=>「HTML の編集」より、以下のスタイルを追加する。

.main-outer pre.src{
  display: inline-block;
  margin: 4px 0px 6px 15px;
  padding: 5px;
  border: 3px dotted #98CB00;
  background-color: #bbdd88;
  font-family: monospace;
  font-size: smaller;
  width: 95%;
  overflow: auto;
}

.main-outer pre{
  display: inline-block;
  margin: 4px 0px 6px 15px;
  padding: 5px;
  border: 3px dotted #CB9800;
  background-color: #ddbb88;
  font-family: monospace;
  font-size: smaller;
  width: 95%;
  overflow: auto;
}

実際の記事にソースコードに貼り付けるときは以下のようにする。

<pre class=src>.main-outer pre.src{
  display: inline-block;
  margin: 4px 0px 6px 15px;
  padding: 5px;
  border: 3px dotted #98CB00;
  background-color: #bbdd88;
  font-family: monospace;
  font-size: smaller;
  width: 95%;
  overflow: auto;
}
</pre>

エラーやプログラムの出力などソースコード以外を貼り付けるときは以下のようにする。

<pre>.main-outer pre{
  display: inline-block;
  margin: 4px 0px 6px 15px;
  padding: 5px;
  border: 3px dotted #CB9800;
  background-color: #ddbb88;
  font-family: monospace;
  font-size: smaller;
  width: 95%;
  overflow: auto;
}
</pre>

色合いなど満足できていないが、当面はこのままいこうと思う。