ココログのリニュアル後に Open Live Writer で投稿

＠nifty のブログサービスであるココログがリニューアルしました。管理ページへのアクセスは、リニュアル前 https://app.cocolog-nifty.com/t/app でした。しかし、下記URLに変更されています。

http://www.cocolog-nifty.com/t/sso/start

ブラウザの「お気に入り」に登録してある場合は、修正しておきましょう。

さて、管理ページもいろいろ変わってしまいました。私は、ココログに記事を投稿するのに、Web ページは使わず、Windows 10 のストアアプリである Open Live Writer を使っています。コマンドは、すべて英語表記なのですが、ワープロ感覚で操作できるので、便利に使っています。しかし、ココログリニューアル後は、Open Live Writer から全く投稿できなくなっていました。

そこで、ココログの管理画面を丹念に見ていくと、「XML-RPC設定」というのが見つかりました。「XML-RPC設定」には、「外部ツールを使用した投稿の設定を行うことができます」と書いてありました。

リニューアル前は、自分のブログのURLとココログにログインする ID、パスワードで Open Live Writer のセットアップができました。しかし、リニューアル後は、「XML-RPC設定」にある情報が必要であることがわかりました。

まず、「XML-RPC設定」は、次のようにしてアクセスします。

1. ココログ管理ページにログインします。
2. ページ右上にある「コントロールパネル」を選択
3. 「コントロールパネルメニュー」が開くので「サイトアクセス」にある「XML-RPC設定」を選択

「XML-RPC設定」には、次の項目が表示されています。

Open Live Writer には、これらの情報が必要です。なお、「XML-RPCエンドポイントURL」は、ココログのユーザー共通ですが、XML-RPC用IDとパスワードは固有の物です。よそ様に知られてしまわないようご留意ください。

「XML-RPC設定」を確認できたら、Open Live Writer でセットアップします。なお、Windows Live Writer も似たような感じです。

1. Open Live Writer を起動
2. 「ファイル」－「Options」と進みます。
3. 左側から「Accounts」を選択
4. 既に登録してあるココログのアカウントを選択し、「Remove…」ボタンを押して削除します。
5. 「Add」ボタンを押します。
6. 「What blog service do you use?」で、「Other service」にチェックをつけ、「Next」ボタンを押します。
7. 「Web address of your blog:」欄にご自身のココログのURLを入力。
8. 「User name」に「XML-RPC用ID」を入力
9. 「Password:」に「XML-RPCパスワード」を入力
10. 「Remember my password」にチェックをつけて、「Next」ボタンを押します。
11. 「Select blog type」が表示されます。「Type of blog that you are using:」欄を「Metaweblog API」にします。
12. 「Remote posting web address for your blog:」に「XML-RPCエンドポイントURL」である「http://app.cocolog-nifty.com/t/api」と入力し、「Next」ボタンを押します。
13. セットアップが始まります。
14. 途中、テーマを反映するかどうか聞かれますので、「Yes」か「No」を押します。
15. 「Your blog has been set up」と表示されたら完了です。「Blog nickname」がご自身のブログ名であることを確認し「Finish」ボタンを押します。
16. 「Options」を「OK」ボタンで閉じます。

以上で、セットアップ完了です。記事を書いたら「Home」タブにある「Publish」を押せば、投稿できます。しかし、Open Live Writer から「カテゴリ」を設定できませんでした。

2019年3月23日 追記：
ココログに記事を投稿して確認してみています。Open Live Writer からは、記事をアップできても画像が全く表示されません。Web 上で書いた記事であれば、画像が表示できます。Open Live Writer で記事を書いてアップロードし、画像だけを Web 上から編集で挿入してみました。しかし、エラーになり保存ができません。

そこで、Open Live Writer で書式を設定して記事を書くだけにします。アップロードは、Web 上でOpen Live Writer に書いた本文をコピペで貼り付けます。画像もWeb上からアップロードし挿入しました。これならば、Web 上で保存可能でした。

Windows Live Writer で「タイトルについての警告」が！

Windows Live Writer で記事を書いて投稿したところこんなメッセージがでました。

こんな場合、どうするといいのでしょう。

ブログのタイトルを入力しないで、「投稿」や「下書きをブログに保存」を押したのでしょう。この場合は、「タイトルについての警告」で「いいえ」を押して、タイトルを入力してから、再度、「投稿」や「下書きをブログに保存」を押します。

「はい」を押すとこういうエラーになるブログサービスもあります。

しかし、WordPress では、ブログのタイトルが記載していなくても、投稿できてしまいました。しかし、タイトルがないブログは、混乱のもとです。

タイトルは必ず入力して投稿しましょう！

gooブログへ Windows Live Writer 2012から投稿

gooブログを使っています。Windows Live Writer 2012から投稿や編集をしたいのです。どういう風に設定するとできるのでしょう？

調べてみたところ、goo ブログも Windows Live Writer 2012の利用が可能でした。次のようにしてみてください。まずは、goo ブログへログインして設定を変更します。

1. gooブログにログインする
2. 左側のメニューから「設定」内の「外部サービス連携」を選択
   
3. 「XML-RPCを利用した各種サービス連携」で「サービス連携機能の使用」を「使用する」に切り替える。
4. 下に表示された「パスワード欄」に、任意のパスワードを入力して設定する。（goo ブログへログインする際のパスワードとは違うものを設定する）
   
   ※ここで入力したパスワードを Windows Live Writer のパスワードで使います。
5. 「変更を保存する」ボタンを押す
6. 「更新処理が完了しました」と表示されたら、完了

続いて、Windows Live Writer 2012の設定に入ります。なお、既にWindows Live Writer を使っていて、今回、goo ブログを追加登録する場合で紹介します。初めて Windows Live Writer を使う場合は、「5」から作業してください。

1. Windows Live Writer 2012を起動。
2. 「ファイル」タブを押して、表示されたメニューから「オプション」を選択。
   
3. 左側の欄から「アカウント」を選択。
4. 右側の「追加」ボタンを押す。
   
5. 「どのブログ サービスを利用しますか？」で、「他のサービス」を選択して、「次へ」ボタンを押す
   
6. 「ブログ アカウントの追加」で「ブログの Web アドレス」欄に自分の gooブログのURL、ユーザ名、パスワード（先の「XML-RPCを利用した各種サービス連携」で設定したパスワード）を入力。
   
7. 「ブログ種類の選択」で「使用するブログの種類」を「Movable Type API」に変更。「ブログのリモート投稿用の Web アドレス」欄に http://blog.goo.ne.jp/xmlrpc.php と入力。「次へ」ボタンを押す。
   
8. 「ブログ テーマのダウンロード」は、任意のボタンを押す
   
   「はい」を押すと、「プレビュー」した際に、Web 上のブログのイメージで表示できる。
   「いいえ」では、Web 上のイメージで表示できない。
9. 「ブログが構成されました」と表示されて「ブログのニックネーム」に自分のブログのタイトルが表示されたら「完了」ボタンを押す。
10. 開いているダイアログを「OK」ボタンを押して閉じる。

さて、このままで記事を書いて投稿すると、下記のように「サーバーの応答が無効です」というエラーが表示されます。

これは、Windows Live Writer のエンコードが goo ブログのものと違っているためです。次のようにして、変更します。

1. 「ホーム」タブで、「ブログのアカウント」が「goo ブログ」になっているのを確認
2. 「ブログ アカウント」タブを開き、「ブログのオプション」を押します。
    
   「ファイル」タブからは、「オプション」－「アカウント」で、編集したいブログを選択後、「編集」ボタンを押します。
3. 左の項目から「詳細設定」を選択。
4. 「文字セット」が「規定（euc-jp）」になっていることでしょう。これを「Unicode (UTF-8):utf-8」に変更します。
   
5. 「OK」ボタンを押す。
6. 「ホーム」タブに切り替えて、「投稿」を押します。

以上で、正しく投稿できるかどうか、確認します。

WLWで投稿後ココログの「HTML編集」を開くと 【2014年11月24日版】

2014年11月11日に WLWで投稿後ココログの「HTML編集」を開くと【IE11編】 で、Windows Live Writer で投稿後、IE11でココログの「HTML編集」に入った妙なスペースを「F12開発者ツール」で削除する方法を紹介しました。

そうしたところ、何かあったのでしょう。2014年11月11日に紹介した方法でも、削除できないのに気がつきました。

しかし、ちょっとやり方を変えてみたところ、削除することができました。次のように作業してみてください。

1. Windows Live Writer で記事を書き、ココログへ投稿。
2. 投稿後、IE11でココログの管理ページへログインし、投稿した記事を編集するページを開く
3. 「HTMLの編集」タブを開くと空白タグ [  ] がたくさん入っている。
   
4. F12キーを押して、「F12開発者ツール」を起動
5. 左側のメニューの「エミュレーション」を選択して、「ドキュメント モード」を「8」に変更
   
6. 自動的に、「記事の作成」タブに戻るので、再度「HTMLの編集」タブを開く
7. 無駄な空白タグ [  ]が消えました。
   
8. 「F12開発者ツール」を表示させたまま、編集作業をして、「保存」します。
9. 反映されたのを確認したら、「F12開発者ツール」を×ボタンで閉じます。

WLWで投稿後ココログの「HTML編集」を開くと【IE11編】

2009年2月に、Windows Live Writer で投稿後、Firefox でココログの「HTML編集」を開くと、妙なスペースがたくさん入ることを紹介しました。

WLWで投稿後ココログの「HTML編集」を開くと・・・

あの時は、回避方法としてブラウザにFirefoxではなく、Internet Explorer を使うようお勧めしました。

さて、IE10 以降、この現象が Internet Explorer でも起こるようになりました。それでも、IE10では、「互換表示」を使うことで回避できました。

ところが、IE11になりまして、互換表示を使っても現象を回避できなくなりました。「一つずつ手動で、空白タグ [  ] を消す？」とも考えたのですが、何とも面倒です。

そこで、F12開発者ツールを使えば、現象を回避できることがわかりましたのでご紹介します。

1. Windows Live Writer で記事を書き、ココログへ投稿。
2. 投稿後、IE11でココログの管理ページへログインし、投稿した記事を編集するページを開く
   
3. 「HTML編集」タブを開く
   
   [  ] タグがいたるところで見えます。
4. 再び「記事の作成」タブに戻る
   
   記事の段落が妙に開いてしまいます。
5. F12キーを押して、「F12開発者ツール」を起動
   IEの下部に収まっている場合は、右側にある「ピン留めを外す」を押します。
6. 左側のメニューより「エミュレーション」を選択。
   
7. 「ドキュメント モード」を「Edge」から「９」に変更。
   
8. 「ドキュメント モード」が「９」になったのを確認したら、右上の「×」ボタンで、「F12開発者ツール」を閉じます。
   
9. 妙な空白行が無くなります。
   
10. 「HTMLの編集」タブを開いても、[  ] タグは見当たりません。
    

以降は、「ドキュメント モード」が「９」のままで保持されますので、「F12開発者ツール」を立ち上げて、閉じれば完了です。

Firefoxでも、この現象が発生します。IE9以前は発生しなかったのは、IE9以前が何か不適切な部分があったのでしょう。Windows Live Writer は、その不適切な対応のまま作られたのだと思われます。

IE10以降は、適切になったわけですが、Windows Live Writer は対応できないので、このような現象が起きるのだと考えます。

Windows Essentials は、2014年になった今でも、バージョンが2012で止まっています。果たして、今後はどうなるか？すごく便利に使っているので、対応してくれるといいのですけど。

2014年11月24日 追記：
ここで紹介した方法でも、[  ] タグが削除できなくなりました。何かの更新プログラムで変わったのでしょうか？少しやり方が変わりました。
WLWで投稿後ココログの「HTML編集」を開くと 【2014年11月24日版】 でどうぞ。