ブログ用ツールの開発

しばらくマックでお仕事していたのでWindowsの開発環境に戻るためのリハビリ(？)に簡単なプログラムを一本作りました。
Visual BASIC 2005で正味７時間ほどの作業で出来たのが"BlogEditViewer"です。名前は考えるのが面倒で適当に付けたのでたいした意味はないけど(笑)。

ココログでブログを始めて１０００件を越える記事を書いています。その間にシステムの改良も進んでずいぶん使いやすくなりました。しかし、以前から不便で困っていたことがあります。それは記事作成時のプレビューです。私のブログは記事部分の幅が500pixになっていますが、プレビュー画面はそれより幅が広いのでプレビューと実際のブログでは改行位置などが変わってしまいます。改良の要望も出してみたけど・・・

私のブログではそれほどこったタグを使ったりするわけではありませんが、Flickrに画像を置いている関係でリンクするためのタグを入れています。そのため編集画面は単純なテキスト入力を使用しています。ただ途中で消えたりすると悲しいのであらかじめエディタで編集して。
エディタで入力した記事をココログの新規記事作成画面にコピー／ペーストして確認をしながら最終調整をします。このときに前述のように改行位置や写真と文字のそろい具合までは確認できないのです。
また、システムが重たい時間帯だと確認画面への切換に時間がかかったり最悪の場合はエラーで入力中の内容を失ったりします。

そこで前から考えていたのがVBのブラウザーコンポーネントを使ってプレビューの出来るプログラムを作ることです。

まあ、色々と手抜きですので私のブログの設定でしかプレビューできないため汎用的ではありませんが、便利になりました。

今までもちょっと表示するためにブラウザーコンポーネントを使ったことがあったのですが、自分で色々と条件を変えて表示するようなことをすると結構面倒です。
未来の自分のためにも覚え書きを・

・入力したソースを直接渡せない。
当たり前か・・・ファイルに保存してそのファイルのurlを渡しています。

・文字のサイズなどの設定
IEでは表示メニューで文字サイズが変えられますが、ブログの記事に文字をあわせたくてこれを変更する方法がわかりませんでした。
単純にコンポーネントのプロパティということではないようです。ネット上にはそれらしい記述はありますが、VB 2005でのサンプルも見つかりませんので手を抜くために入力されたテキストにフォントサイズを設定するタグを追加して対応。

・フォントの変更
ブログに表示されるフォントと違うのでこれをあわせる方法も上記同様にタグを追加することで対応。フォント名についてはココログの設定画面にある名前をそのまま記入。

・改行幅の変更
改行幅は標準だとブログとあわない。調べると改行幅を変更するにはスタイル変更で対応するようだ。ココログの表示のソースを見て改行設定方法を調べて同じように追加する。試してみた結果では150%であう。

・改行の処理
記事のテキスト内の改行を反映する設定をしているのでそのつもりで作ったソースはブラウザーコンポーネントには正しく反映できない。コンポーネントに渡す段階で記事中の改行コードを改行タグに書き換える。