昨日(12月2日)にIBMホームページビルダーのバージョン10が発売されました。
このブログの全体のデザイン・スタイルシート作成・記事編集は全てビルダー（バージョン9）で作成していますので、待ちに待った新バージョン！！・・・と言っても、新バージョン発売を知ったのが11月30日ですので実質2日しか待ってませんけど・・・何か(；・∀・)？
なにはともあれ、発売されたバージョンアップ・パッケージ版をアマゾン（送料無料で一番安い）で買うか、近くの電器屋（ちょっと割高）で買おうか悩んでいたところ、一日遅れて(12月3日)Vectorからバージョンアップのダウンロード版￥4,980円が発売されたので、発見した瞬間に即購入。待っててよかった。
細かい機能については、旧バージョンのビルダーとそれほど極端に変わっていないと思いますので、今回の記事は、新しく追加された機能のウリのひとつでもあるブログ連携機能：Myブログエディタを使ってみての感想をご紹介したいと思います。
ブログ連携機能が対応しているブログを確認
現在、
ホームページビルダーの機能がサポートしているブログは以下の通り。
- amebaブログ
- Auto Page
- ココログ
- gooブログ
- So-net blog
- Movable Type 3
- livedoorブログ
- 12月3日現在の情報です。
今後増えるかもしれないそうです。
- 12月3日現在の情報です。
お気づきの通り、何かがたりません。それは・・・
Seesaaに対応してない！？なぜぇぇぇ工エｴェｪ（´д｀）ｪェｴエ工工？
見事に現時点で除外されてます・・・。早期に追加されることを期待しています。
ちなみに、それぞれのブログで使える機能は限られているようです。どういった内容なのかはIBMのページをご確認ください。関連記事：サポートされるブログ・プロバイダおよびソフトウェアに関しての補足事項
それでは、現在ブログ編集機能でサポートされているlivedoorBlogではどういった機能が使えるのかをご紹介します。
ブログ編集機能で何が出来るの？livedoor
私はライブドアにもブログを持っている(めっきり使ってないので死亡寸前)ので、ブログ編集機能で投稿してみました。
ブログ編集機能では、ホームページビルダー全ての機能を使えるわけではありません。一部、というか、かなりの機能が制限されますのでそれを前提に以下をご確認ください。
1時間くらい触ってみましたが、主にどんな事が出来たのかは以下の通りです。
何が使えたか、使えなかったか？便利・不便の一例
まずは『これが使えた』、『これが便利だったかも』という内容をご紹介します。
- 編集できるのはもちろんメイン記事のみです。(サイドバーの編集は不可)
- カテゴリと日付の選択が可能
- 投稿する前にプレビューで文章のレイアウト(改行の具合など)が分かる。
しかし、不便な部分もあります。(後述します) - ビルダー機能の一部が使用可能。
- 使用可能な機能の一部
- TABLE作成機能
- リンク挿入機能（『新しいウインドで開く』などの機能も可能）
- 見出し機能（h1～h6）、段落(ｐ)、インデントなどの段落設定機能
- 画像ファイルの挿入機能 (サイズ・altも指定できる)
※回り込み指定は使わない方がよいかも・・・。 - 論理（strong）・物理タグ(b、font)指定
- カラーパレットを見ながら文字に色を付けることができる
- インライン要素（span）であれば無理やり設定出来る。
※設定はできるのですが、解除方法が分かりません・・・。
- 画像ファイルは自動でアップロード
- ビルダーで作成して投稿した記事であれば、ビルダーで再度呼び出して再編集できる。
- 保存が早い？
逆に、『うわ！なんじゃこりゃ！！』とか『あれ？これはできないの？』と感じたのは以下の通りです。
- 左サイドバーがあるデザインを選択している場合、編集モードで文章の左側が隠れてしまう場合がある。
小さいですが下の図参照（プレビューだと普通に表示されます） - ブログ上の記事を一括取得という機能があるのに、ビルダーで投稿した記事しか取得してこないこと。（livedoorだけ？）
- ブロック要素（div）が指定できない
- ブログ側の設定で『改行を反映しない』にチェックを入れておかないと、olやulなどのリスト機能を使うとものすごく変な改行が入る
- ビルダーの便利な機能であるスタイルシートマネージャーが使えない
- ビルダーからスタイルシートの編集ができない
以上が機能の一例です。
もう少し使ってみて分かった部分がありましたら追加で投稿しようと思います。
と、いいながらもSeesaaブログが対象外なので、検証がいつになるかはさっぱり分かりません・・・。スミマセン。
ブログ編集機能の感想
ブログ編集機能を使ってみて総合的な感想ですが、
凝った使い方をしていないユーザーであれば十分な機能であると思います。
特にTABLEを作成したり、画像の設定に関してはビルダー側のプレビュー機能があるので投稿構築時間を短縮させることが可能になります。
これだけでもメリットは大きいかなと思っています。
しかしながら、凝った機能を使っている方にとっては難ありかもしれません。たとえば、
- ページソース編集モードがない。
- <span>や<div>要素にスタルシートを適応させる機能が無い
- 画像回り込み指定はできても回り込み解除(clear：both)の指定が出来ない
- HTMLコードの貼り付けができないのでアフィリエイトの広告は記事の転送後に設定することになる。
(『編集>形式を指定して貼り付け>HTMLとして』で可能です。senchan様から教えていただき修正)
- ブログ連携機能で出来ないことに関しては、記事を転送した後にソースを自分で追加して調整することになります。
などなどの制限がありますので、物足りないかと思われます。
IBMがこれから出すであろう修正モジュールでSeesaaブログがサポートされるのを待ちつつ、その中で新機能が使えるように事に期待したいと思います。
※この機能は使えないの？という質問がありましたら、コメントを頂ければお答え致します。
追加情報
- 2005年12月4日追記
- So-netブログは『ブログ上の記事を一括取得』で既存の記事も全て取得が可能。(ふろす様よりいただいた情報)
- Gooブログの使用感についてはManilog senchan様の記事をどうぞ
Manilogu～マニログさんのＴＢを見て、やって来ました。
ホームページ・ビルダー１０とブログの連携のご高説参考になりました。
今後とも宜しくご教示下さい。
そしてまとまりのない解説でスミマセン・・・。
ブログ編集機能は、業界初であるということを考慮すればなかなかの機能だと思います。
今までは夜中・休日の混み合っている時間帯で『投稿内容を確認する』を使うと、待ち時間が長くて苦労していましたが、それがオフラインプレビューで解消できるのというのは最大のメリットですね。
メールアドレスを記入しなかったからでしょうか。
今度はメールアドレスを入れてコメントいたします。
申し訳ございません。
ただいま検証してみましたところ、なぜかコメント投稿の『確認する』画面において、二つある『書き込む』ボタンの上側を選択した場合に名前が入力されないという不具合を発見してしまいました。
大至急調査・修正いたします。
お手数をおかけしまして申し訳ございませんでした。
あと、So-netブログは記事の一括取得できます。ホームページビルダー10でSo-netブログに投稿したものでなくても。
きっと他のブログも順次対応してくるのでしょうと期待しています。
では、また、使用感などをお教えいただくと喜びます。
あ、自分もトラックバックさせていただきました。よろしくお願いします。
お尋ねして良かったです。
先ほどコメント投稿の機能を修正いたしました。
ついでにデザインも変えてみました(・∀・)
ご質問いただかなければずーーっと気づかなかったところです。
ありがとうございました。
書き込みありがとうございます。そしてトラックバックありがとうございました。
なんと！So-netは一括取得できるのですねぇ・・・。うらやましい・・・。
あとで本記事を修正させていただきますね(*゜▽゜)
教えていただきありがとうございました。
当方のブログへのTB有難うございました。
私も金曜日に現物を購入しまして、編集などを
確認しました。スタイルシートの編集が出来ないよりも
左メニューでデザインが崩れて書けない方がイタイですね(^^;。
今後の仕様変更に望みをかけてます(笑)。
HTMLの貼り付けはHPビルダー上では、
編集＞形式を指定して貼り付け＞HTMLとして
で出来ます。
書き込みありがとうございます。
>貼り付け方法
なんと！そういう方法があったのですねΣ(ﾟДﾟ υ) !!
今までほとんどテキストとして扱ってきたのでただ単に機能をしらなかっただけですね。ハズカシー（/ω＼）
勉強になりました。(記事は修正してきます。)
ありがとうございました！
その後、ホームページ・ビルダー１０を使って記事を投稿しています。
考察の結果をホームページにまとめようと思い
サイト名：ブログ 「ホランナビ日記」を公開しました。
今後ブログがどうなるのか、
ブログとホームページの連携、
使ってみた感想、不具合をまとめる積りです。
今後色々とご指導ください。
ＴＢさせて頂きましたので宜しく。
念のため、２番目のＴＢはホームページ・ビルダー１０で投稿する前の記事です。
これも、完全ではありませんね～
スレを汚してすみません。ご処分下さい。
書き込みありがとうございます(*゜▽゜)
ページを拝見させていただきましたがTBがうまくいかないのは、おそらく記事の一番最初にTABLEが来ているからだと思います。
TABLEにsummary属性を付加すればどうなるのかは分かりませんが、何度かTBを送ってお試しいただいても結構です。
最終版をご投稿いただければ、それ以前のコメントをお消ししますが、いかがいたしましょう？
どうぞよろしくお願い致します。
（本コメントも削除予定です。）
早速試してみます。
宿六
色々実験した結果
① ご指摘の 鐘Ｘｍａｓ鐘 の表を削除しまし。た
at 2005-12-26 14:21のＴＢ
念のため、テキストは表組みにしていません。
②最後にテキストだけを最上段に持って来ました。
at 2005-12-26 14:35 以上です。
何か、ホームページ・ビルダー１０で投稿して、異変が起きたのでしょうか？
最後に以前の記事を１００件中とそれ以前の２件を
ＴＢ投稿してみます
最後の２件のＴＢは正常みたいです。
１００件中を選んだのは
goo ブログの記事一括取得が
最新より遡って１００件までであること。
それより以前はホームページ・ビルダー１０では
関与していない事の理由で選択しました。
ホームページ・ビルダー１０での、
記事作成が影響する事はたしかですね。
年末のお忙しい所ご指導頂きまして
ありがとうございました。
記事およびＴＢの取扱に付きましてはお任せいたします。
今後とも、宜しくお願いいたします。
検証用にいくつか送っていただきましてありがとうございます。
ページを拝見いたしましたが、原因らしきものを発見しました。
トラックバック（以下TBと略）が正常な記事とそうでない記事の違い。
①HPビルダーで編集・投稿している記事
半角スペースが大量に発生している。
②HPビルダーを使っていない記事
半角スペースは発生していない。
通常ブラウザ側の機能として
半角スペースが複数連続している場合、
『半角スペース1個（もしくは無し）』と扱われて表示されます。
ここでの問題はTBを送る機能側にあります。
TBを送る機能は、
『記事中のHTMLタグを全て取っ払っい、
残った記事内容の冒頭をピックアップして相手側に送信』
という機能を行っています。
これをされる事によって困る事は
HTMLタグを取り払ったあとに『残った半角スペース1個1個をそれぞれ1文字とカウントしてしまっている』という事です。
半角スペースが10個あれば文字10個・・・といった感じで。
例えば、
ホームページビルダーだと、TABLEを作成するときに
＜table＞
＜tbody＞
＜tr＞
＜td＞テーブルの内容＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞
こんな感じで視覚的に分かりやすく半角スペースでタブ揃えされていかと思います。
しかし、全てのやなどのHTMLタグが取り除かれると半角スペースが取り残されます。
つまり、この半角スペースをTBを送る機能が拾ってしまっているという事なのです。
TBで送る文字数は制限されていますので、
結局TBで送られてくる内容のほとんどが半角スペースになってしまい、こちらのブラウザでは半角スペースしか表示されない（＝全て半角スペースの場合は記事内容無し）という現象になっています。
解決策としては、
①HPビルダーの機能で投稿したあとに、
ライブドアの編集画面で半角スペースを直接削除してしまう。
②TBを送る機能でピックアップされる部分は
記事の最初の数十文字程度ですので、その部分までは
半角スペースが発生しそうな機能（例えばTABLE）を使わず、
文字だけにする。
③tableレイアウトからスタイルシートを使ったレイアウトにする。（上級）
などなどかと思います。
この中で現実的なのは②でしょうか。
どうしても冒頭にtebleを持ってきたい記事は記事の冒頭だけ①の方法を使う・・・という対応方法しかないかと思います。
一旦頂いたTBは一部を残して削除いたしますので、
お手数ではございますが再度TBをお送りいただけませんでしょうか。
どうぞよろしくお願い致します。
ご丁寧にありがとうございます。
以前、 goo の編集ページを触って、
再度ホームページ・ビルダー１０で投稿しましたら
コンテンツが修復不可能になった経験があります。
新しい実験用のページを作成してＴＢいたしますので、お時間を下さい。
お忙しいのに、丁寧なレクチャー本当にありがとうございました。
宿六
スペースの空白は、goo の編集ページのプレビューでは確認できませんでしたが、
いつもの手入力画面では確認できていました。
一回目、二回目は半角のスペースが確認できずに失敗。
三回目にカーソルの縦線で確認できました。
そのスペースを削除しました。
ご覧のように成功しました。
投稿したブログにも影響はありませんでした。
本日ＩＢＭ社にも電話をして、報告しましたが・・・
明日更に報告しておきます、
本当に嬉しかったです。
ご報告＆トラックバックありがとうございます。
ばっちり成功ですね（＾＾
ところでgooブログはコメント欄にいろいろアイコンが挿入できて楽しそうな機能がありますね。
Seesaaも、もう少し遊び心を持たせたデザインにしたらいいのに・・・。
重ねて御礼申し上げます。
アイコンも確かに好いのですが、
本文の記事ではカーソルの位置に、
クリックしたアイコンはスカッと入ります。
しかし、コメントの欄では気まぐれでして、
文の最後の行で且つ右側に余裕があれば
スポットはまりますが、
あとはすべてコメント欄の最後に出るのです、
それを切り取りして任意の場所に貼り付けます。
それより、コメントの確認欄が無いのが不評です。
コメントを書いたら一発勝負です。
宿六は慣れましたが、訪問者はいつも困っています。
このテンプレートは自家製ですか？
使いやすくて、見やすいですね。
善い方に巡り合えて好かったです。
今後とも宜しくご指導下さい。
コメント欄が一発勝負だと聞いてびっくりしましたΣ(ﾟДﾟ υ)
ブログ毎にかなり特徴がありますので面白いですね。
ちなみに、このブログは全て自家製です。
Seesaaのテンプレートはものすごく(´・ω・`)ションボリなデザインが多い事で有名です(笑)
今思えば、それがきっかけでカスタマイズの勉強になってよかった・・・
と思ってるのですけどね。
やっと使い始めたところなので、記事の中に書かれている「不便」なところは参考になります。
ありがとうございました。
トラックバックもさせてもらいました。
トラックバックありがとうございます（ ＾▽＾）
イタチです。
この記事を掲載してからというもの、gooブログ、livedoorブログ、ココログのブログの友達が増え、知識が少しずつ増えてきました。
特に各社によってブログの仕様の違いが、かなり激しいことも・・・。
HPビルダーはそれらの仕様に対してひとつひとつ対応した個別の機能を持たせているわけで、
よく言えば『多彩にしすぎた』
悪く言えば『微妙に中途半端』
な機能になっているんではないかなと思ってしまうんです。
なので、Sing2様の記事でお書きになっているとおり、
HTMLを直編集しないと、納得のいくデザインにならない・・・(；・∀・)
今後のバージョンアップに期待ですね！
ビルダー、なんとなくこの
不便さ
に慣れつつあります。
やばいなぁと思いつつ、不便でも別にいいや、と思ってしまういい加減な自分です。
書き込みありがとうございます。
＞不便さ
＞
あははははは(；´∀｀)
た・・・確かにそうですね。
でも慣れたらきっと便利になりますよ。きっと・・・。
やたらと重たいのも慣れるまでが大変ですよね。
と、いっても
私にとってはブログ連携機能の機能がもう少し向上してくれないと困るのですが。
（それよりまずSeesaaブログに対応して・・・）
私がいまSeesaaでやっている『手動ブログ連携機能』は当分の間続きそうです・・・。
http://hikoitachi.seesaa.net/article/11158364.html