【ココログ】記事のプレビューをブログ表示イメージで見るブックマークレット

ココログの記事作成／編集画面の[確認]ボタンでみたプレビューはブログに表示されるイメージと隔たりがある場合が多いので、実際のイメージに近いプレビューを表示するようなスクリプトを作ってみました。

ココログ管理画面の記事の作成画面で、次のブックマークレットを実行します。

PREVIEW釦追加

[確認]ボタンの隣に[PREVIEW]ボタンが追加されると思います。
この状態で、通常通り記事を書いた後に[PREVIEW]ボタンを押すと、プレビュー画面が別窓(ブラウザの設定によっては別タブ)で開きます。
なお、プレビューには閉じるためのボタンは特に付加されないため、ブラウザの機能で閉じてください。
→【2007.06.24】上部に[close]ボタンが付加されるようにしてみました。

ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法

SleipnirまたはFirefoxをお使いの方用に、SeaHorse/Greasemonkey共用のスクリプトを用意しました。

http://furyu.tea-nifty.com/script/cocoPostPreview.user.js

Seahorseの使い方については、例えばこちらとかこちら。
Greasemonkeyの使い方については、例えばこちら。

■制限について
以下のような制限があります。ご了承の上でご使用願います。

1. 無保証です。問題が発生した場合でも当方は一切責任を負いませんので、ご自身の責任においてご使用ください。
2. スクリプト(JavaScript、JScript)が有効な環境でないと動作しません。
3. 公開していない(パスワード付きの)ブログでは使用できません。
4. ブログのテンプレートによっては使用できません(例えばココログオリジナル・テーマ使用時、プロコースで独自のテンプレートを作成時等)。
5. 外部CGIを利用していますので、これに起因する制限があります(負荷状況によっては反応が遅い・使えない、外部CGIを置いてあるサイトがメンテ中は使用できない、ブラウザの設定によっては呼出すときにセキュリティの警告が出る、等)。
6. プレビューに反映されるのは、「タイトル」・「本文」・「本文(続き)」欄のみです。
7. あくまで『近いイメージ』での表示を目指したものであり、この通りに表示されるとは限りません。
8. サイドバーは(デフォルトでは)非表示になります。
9. 予告無くサービスを停止する場合が有ります。
10. 記事の編集モードがリッチテキストの場合、うまくプレビューできません(本文や本文(続き)欄に書いた内容がうまく反映されないです。いったんHTML編集画面に切り替えてやればプレビュー出来るようになりますが)。【2007.06.24追記】
    →【2007.06.24追記】ver.0.02でプレビュー前に強制的にHTML画面に一度切替えることでプレビュー出来るようにしてみました。

例によって、あんまりきちんとはテストしていませんので、不具合があってもご容赦を。
気付いた点はお知らせいただけると幸いです。

ほとんど出来てしまってから、管理画面のプレビュー機能である

https://app.cocolog-nifty.com/t/app/weblog/design?__mode=preview&set_id=(テンプレート番号)&blog_id=(ブログID)

を使えばもっと簡単に、JavaScriptだけで実装できたのじゃないかと気がつきましたが……当方は気力が失せましたので(苦笑)、どなたか挑戦してみてください→実装してみました(苦笑)。

そっちでやった方が、上の制限は半分くらいなくなりそう……orz。

【修正履歴】

• 【2007.07.25】
  
  1. [ver.0.02a]ココログ(ベーシック・プラス・プロ)管理画面のバージョンアップに伴う修正(本文／本文(続き)欄の"大きく"仕様変更)。
• 【2007.06.24】
  
  1. ココログフリーの考慮を忘れていたので修正。
     具体的には、SeaHorse/Greasemonkey共用のスクリプトを
     旧：// @include https://app.cocolog-nifty.com/t/app/weblog/post*
     新：// @include https://app*cocolog-nifty.com/t/app/weblog/post*
     
     のように修正。
  2. プレビュー上部に[close]ボタン追加。
  3. [ver.0.02]本文／本文(続き)欄をデフォルトで"大きく"するように機能追加。
  4. [ver.0.02]リッチテキストモードで編集した内容がプレビューに反映されない問題の改善。