ブクログの本棚をサイドバーに貼り付けてみた

「ブクログ -ウェブ本棚サービス-」の本棚を、ブログパーツとしてブログに貼れるようになったようです。
詳しくは、「ブクログお知らせブログ | ブログパーツができました！」にて。

設定は、「ブクログ | ブログパーツ」の画面から。
狭いサイドバー向けに、3列のミニ本棚を選択することも出来ます。

早速、「KOROPPYのWEB書架」を、サイドバーに貼り付けてみました。

右サイドバーの「BlogMascot」にて、「ブクログ」を選ぶと表示されます。
よかったらご覧ください(^ー^)ノ

左下の家アイコンをクリックすると、その人の本棚(ブクログ)を見ることができます。

特定の記事が保存(再構築)できなかった覚書

ココログで、とある記事だけが保存できないという、現象が起きていました。
サポートセンターで粘り強く調べていただき、本日現象を解消することが出来ました。

その件について、覚書を残しておきます。

・「保存」を押すと、即時エラーが出るため、記事に反映されない。
・「ブログの再構築」も(問題記事部分と思われるところで)必ずエラーが出て、完遂できない
・「記事の書き出し」(バックアップ)も、問題記事部分でエラーが出る

というのが、今回の現象でした。

この「記事の書き出し」でエラーが出ているというのは、サポートセンターとのやり取りの中で気がついたことでした。

記事のバックアップは、月に1回と、メンテナンス前に行っています。
ずっと正常にバックアップできているものと思っていました。

実際には、ファイルの中にエラーメッセージが残されていたのでした。
正常終了でない場合でも、アラートも何もでないのですね。

そして、問題となっていたのが、コメント文にある、

<blockquote><p>&lt;?xml version="1.0" encoding="EUC-JP"?&gt;</p></blockquote>

の中の「?」(半角はてな)でした。
これを削除すると、問題なく保存できます。

ただし「?」(半角はてな)を「&#63;」と書き換えても、再びエラーが出てしまいます。

「?」(半角はてな)自体は、コメント文でよく使っているのですが、
何か繋がり方がよくなかったのでしょうか。

また同じ現象が発生する可能性があるので、覚書として残しておきます。

ココログ公式絵文字のみ、ポラロイド風枠を外す方法

「お知らせココログ: 2/5　ココログベーシック／プラス／プロ バージョンアップについて」より、

◆ココログが絵文字に完全対応！

ということで、遂にココログ公式で、絵文字が使えるようになりました。

「テンプレートをいじらずにコメント欄で絵文字を使う方法」
「ココログ本文で絵文字を使う方法(改訂版)」
を組み込まなくても、手軽に絵文字が使えるようになったのは、よかったですね。

ここで、一つ問題が。
「CSSでココログの画像をポラロイド風にアレンジ」を設定していると、記事本文の絵文字にも、ポラロイド風の枠線がついてしまうのです。

そこで、ココログ公式の絵文字のみ、枠線を解除するようにしました。
ポラロイド風にするためのCSSの後に、以下の記述を追加し、再構築します。

/* ココログ公式絵文字 */
.entry-body img.emoticon {
background: none;
border: none;
margin: 0px;
padding: 0px;
}

今回の件も、facet-diversさまにアドバイス頂きました。
ありがとうございます。

Live Trafficが分かるFEEDJITを入れてみました

「FEEDJIT real-time blog traffic feeds」を入れてみました。
右サイドバー下部「リンク元/人気ページ」の、sidebar.jpの下に配置してあります。

Our arrival and departure traffic report shows where your visitors are located in the world, which websites they're arriving from and what they're clicking when they leave your site.

ということで、サイトのINとOUTについて、表示できるツールのようです。
国と地域、arrivedかleftかclickedか、どのURL経由か、等を簡単に表示してくれます。

FEEDJIT(左)のように、いろんな国旗が並ぶと綺麗ですけれど、当サイト(右)は、ずらり日本でした(^^;;

使い方は簡単で、貼り付けコードをそのまま貼り付けるだけ。
アカウントを取得したりする必要はありません。

ちなみに世界地図バージョンもあります。

やっぱり、ほとんどが日本ですね。

【2007.8.27　追記】
どのページにたどり着いたのかが「on ページタイトル」で表示されるようになりましたね。
日本語もきちんと表示されます。
より便利になりました。

カウンターをBlogToyのブログペットデザインに変更

niftyに設置していたCGIのカウンターは、ブログ開設当初から使っているものです。
ところがトータルの桁が増えたところ、動作が不安定になり、データがおかしくなることがしばしば。

そこで、ブログトイ[BlogToy]のアクセスカウンターに変更しました。

デザインはもちろん「BlogPetみんな」です。

重くなってブログの表示が滞るのが心配なので、アクセスカウンターの位置を、記事の後に変更。
右サイドバーの上部に移しました。

それから、このカウンターは、総計しか出せないのですね。
トータルだけ見ていてもあまり分からないので、当日と、前日の日計を出す設定ができると、嬉しいのですが。

【追記】
チャイルドンデザインのカウンターが、今後増えたらいいなぁと思ったり。

「同一カテゴリの最新記事5件表示」の見た目を、CSSで調整

ココログの個別記事ページにおいて、同一カテゴリの最新記事5件へのリンクを表示できるようになりました。
新着の基準は「記事作成日」ではなく、「記事更新日の新しい順」とのこと。
追加修正を行った記事が、新たに人目に触れやすくなりますね。

詳しくは、「お知らせココログ: 記事下部に同じカテゴリの記事タイトルが表示可能に」にて。

便利な機能なので、早速ONに設定。
反映までしばらく時間がかかるということで、一晩経った今日になって有効になっていました。

便利な機能ですが、見た目的には気になるところがあります。

下部の余白が多くて、間延びしてるように見えます。
記事本文、トラックバックとの境目も、あまりはっきりしません。

そこで文字サイズなどの見た目を、スタイルシートで調整することにしました。

貼り付けたCSSは、以下の通りです。

/* 同一カテゴリの新着記事5件 */
.entry-recent-posts{
height:190px;
}

.entry-recent-posts ul{
color:#666666;
border: 1px dotted #999999;
font-size: x-small;
padding:10px;
}

ココログが携帯から閲覧、操作可能に

ついにココログも、携帯から閲覧したり、管理画面を操作できるようになりましたね。
「お知らせココログ: ココログの携帯閲覧サービス（β版）スタート！」

1.管理画面

ココログモバイルログインページからログインし、管理画面を操作できるようになりました。
スパムコメントおよびトラックバックを、外出先でも削除できるようになったのが嬉しいです。

2.ブログの閲覧

有志のサービスココモブを利用することで、今までもココログを閲覧することはできました。
公式化されましたが、全く同じ機能ではなく、それぞれ違いと特性があります。

　　　【ココモブによる閲覧】

ココモブは公式なサービスではありません。
詳しい使い方や機能の説明は、「ココログを携帯で読むリンクを作成」にて。

QRコードは、無料サービスを利用し、自分で作成しました。

機能としては「トップページの最近の記事」と「最近3日間の新着記事」の2種類を選択できます。

【最近の記事5件を携帯で読む】
【最近3日間の新着記事を携帯で読む】

記事のタイトルがすぐに表示されるため、記事本文を読むのに適しています。

ただし、コメントできないのがネックでした。

　　　【ココログ公式による閲覧】

こちらは、ココログによる公式なサービスです。

QRコードも、簡単にサイドバーに表示できます。

PC用のURLに携帯からアクセスすれば、自動的にモバイルページへとジャンプします。
【ブログをモバイルで閲覧】

記事一覧だけでなく、ブログ名とサブタイトル、プロフィールページへのリンク、お気に入りへ追加、キーワード検索などのリンクもついています。

当ブログの場合、サブタイトルの画像なども表示されてしまいます。
そのため、記事本文にたどり着くのは、ややココモブに劣ります。

ただし、携帯からもコメントできるのが便利です。

モバイルページのCSSは、ココログプロでしか変更できないのですね。
今の表示は、デフォルトで設定しているテンプレートと同じように見えます。
「ブログ：ココログ：ココログサポート：使い方ガイド：５：携帯画面のデザイン」

ベーシックでいじれないのであれば、せめて携帯用テンプレートを配布して欲しいですね。

サブタイトルに携帯で読むリンクを入れていましたが、今回はそれぞれの特性を生かし、2つのリンクを入れることにしました。

【携帯で読む】は、本文をダイレクトに読めるココモブのリンク。
【携帯でコメントする】は、コメント機能があるココログ公式のリンクです。
ご活用ください。

サイドバーの「最近の記事」を、日付別にツリー表示

現在サイドバーにある「最近のコメント」と「最近のトラックバック」には、NEWアイコンを。
そして、コメントのみ、ツリー表示させています。

今回さらに「最近の記事」をツリー化するスクリプトが登場しました。
風柳亭 - 別館：書庫のある庵 -さまの「【ココログ】『最近の記事』を日付別ツリー表示するスクリプト」です。

このスクリプトを使うと、日付別にツリー表示されるので、日付ごとに更新した記事をチェックしてもらえます。
更に「時間」もしくは「記事の件数」を指定して、新着アイコンを表示させることもできます。

早速設定してみました。

1.マイリストのメモリストに、以下の記述を追加します。
srcは適宜修正してください。

「newHour=24」に設定し、最近24時間の記事に新着アイコンをつけました。
「newCount」を利用すれば、記事の件数を指定して新着アイコンをつけられるようです。

日付は「dateDescent = true」で、新しい記事から古い記事へ。
同一日付内の記事の表示順は「entryAscent = false」で、新しい記事から古い記事へ。
両方で、新しい記事から古い記事へと並ぶようにしました。

<script type="text/javascript" src="http://****/cocoEntryTree.js"></script> <script type="text/javascript">
<!--
cocoEntryTree.newHour=24; //class="latest"が付く時間(0は無効)
cocoEntryTree.newCount=0; //class="latest"が付く記事数(0は無効・newHourの方が優先)
cocoEntryTree.dateDescent = true; //日付の表示順（true:新→旧 false:旧→新)
cocoEntryTree.entryAscent = false; //同一日付内の記事表示順（true:旧→新 false:新→旧)
cocoEntryTree.create();
//-->
</script>

2.ツリー表示のためのCSSを記述します。
ただし「「最近のコメント」をツリー表示」と共用できるため、今回追加の記述は不要でした。
画像のurlは、適宜修正してください。

ul ul.tree { list-style: none; margin: 0px; padding: 0px; }

ul ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
font-size: 100%;
background-image: url(http://*****/blog/tree.gif);
background-repeat: no-repeat;
}

ul ul.tree li.end {
background-image: url(http://****/blog/treeend.gif);
}

3.新着アイコンを表示させるためのCSSを記述します。
「最近のコメント&トラックバックにアイコンを追加」で設定したCSSを、「latest」のついた記事(手順1にて指定)のみ表示させるように修正します。

/* 最近の記事 */
#recent-entries li.latest {
list-style: none inside url(http://*****/arrowr.gif);
}

日付部分もCSSで設定できるようですが、特に設定しませんでした。

一つだけ注意しなければならないことは、RSSフィードを元にツリー形式を生成するということです。
RSSフィードの出力をしていなければ、利用できません。

当サイトのように、トップページの表示件数を5件にしていると、RSSフィードも5件しか生成されず、ツリーも5件分しか表示されなくなってしまいます。

【2008.9.2　追記】
メンテナンスの影響に対応。
「if ( links[ci].title== "RSS" ) break ;」部分を修正。

// 2008.9.2: ↓ココログメンテナンスによるtitle属性の書式変更に対応
// if ( links[ci].title== "RSS" ) break ;
if ( links[ci].title.match(/RSS 1.0/) ) break ;

【2008.11.7　追記】
メンテナンスの影響、正式対応してくださいましたね。
「風柳亭 - 別館：書庫のある庵 -: スクリプトバージョンアップのお知らせ（ココログ用各種／脚注展開表示／はてブフィルタ／AutoPagerlike／Yin and Yang）」。

コメントも検索できるココログ全文検索CGI「ココニール」

さまざまなココログカスタマイズ技を編み出している風柳亭 - 別館：書庫のある庵 -さまが、新しい検索CGIを発表されました。
「【ココログ】ココニール - CocoNiiru - ：ブログ内全文検索CGI」です。

画期的なのは、オプションで「コメントを検索対象に含める」とすると、コメントも全文検索できる点です。
コメント検索ってできなかったので、便利ですね。

ただし、かなり負荷がかかるとのこと。
速度的には、暴想さまの「自分のココログを全文検索するJavaScript」の方が早いとのこと。

ブックマークレットをお気に入りに登録しておいて、コメントの検索がしたいときに、ポイントを絞って利用するのがよいのかもしれません。

「ココログサイト内検索」が高速化

暴想さまの「cocolog_ajax_search.jsをバージョンアップした。」にて、

変更内容は、高速化。 以前と違って、処理ロジック的に高速化しているから本当の意味で早くなったと思う。

とのお知らせが出ていました。
早速新しいcocolog_ajax_search.jsに差し替えました。

検索途中でも結果を表示するようになったのが、前回のバージョンアップ。
それでも充分、体感的に早く感じられるようになっていました。

今回は更に、処理が終わる(=全てを検索し終わる)までの時間が短くなったように思いました。

CleverBBSに.htaccessでスパム対策

スパムの魔の手が、遂にCleverBBSに到達してしまいました。

apeboardと違い、CleverBBSはCGIのカスタマイズ不可になってます。
そのため、CGIを修正しない方法での対策を施してみました。

1.CGIのファイル名を変更します。
bbsini.cgi
clever.cgi

2.関連するファイル名を、1の名前に修正します。

★bbsini.cgi関係
clever.cgiの19行目「require './bbsini.cgi';」
→ファイル名を変えるだけですけれど、これもカスタマイズになってしまうのかしら。
心配な人は、bbsini.cigのファイル名は変更せず、手順3だけにして下さい。

★clever.cgi関係
bbsini.cgiの19行目「$script = './clever.cgi';」
cleverskin.htmlの全ての「clever.cgi」
resskin.htmlの全ての「clever.cgi」
ブログ上でCGIを呼び出しているリンクのURL

3.bbsini.cgiの中身覗いてlogファイル名を取得できないよう、「.htaccess」で制限します。
from shun.さまの「shun's skin.【ミニBBS】海外スパム対策方法」を参考にさせていただきました。

4.テキストエディタに以下の記述をコピーし、「.htaccess」というファイル名で保存します。
ただし「bbsini」部分は、手順1で変更した新しい名前にします。

<Files ~ "¥.(dat|htaccess)|bbsini¥.cgi$">
deny from all
</Files>

5.「clever.cgi」があるのと同じ階層に、手順4のファイルをアップロードします。
パーミッションは604に設定します。

調べてみるとコンピュータ関連の備忘録さまの「CLEVER BBS のスパム対策できました(^0^)」にもっと本格的な対策もあるようなのですが、手間がかかりそうなので(^^;;

とりあえずはこの簡易対策で様子を見てみます。

ブログの文法をチェックしてみました

#blogpetで流行中のAnother HTML-lint gatewayで、ブログのHTMLの文法を採点してみました。

最低限のレベルとして、ブラウザでエラーマークが出ない程度には仕上げてあるつもりでした。
しかしチェックしてみると、予想外にエラーが多くて驚きました。

何となくココログ(XHTML)ではこう書くんだ、と慣れから身についていた文法もあります。
が、きちんとXHTMLの文法について向き合ったのはこれが初めてです。

黙々と修正し、651個のエラー、-129点から始まったのが、425個のエラー、-12点まで改善しました。
226個減、128点アップです。

ココログベーシックではテンプレートを編集することが出来ません。
「<head> ～ </head> 内に指定しなければなりません。」「<div> と </div> の間が空です。」等のエラーは、手が出せませんでした。

また外部サービスのソースは、下手にいじって壊してしまうのが怖く、少ししか手を入れられませんでした。

本当はもう少し改善の余地があるのかもしれませんが、まずは第一段階終了ということで。

今回はトップページの改善を行いました。
バックナンバーのチェックも行って、記事に使っているタグのミスも探していくと、これから記事を書いていくのにプラスになるかも。

CLEVER BBSの投稿フォームをデフォルトで非表示に変更

先日「ミニBBSを画像アップロード可能なCLEVER BBSに変更」
しましたが、機能が盛りだくさんなために、投稿フォームが大きく、かなりスクロールしないと本文が見えない状態でした。

そこで投稿フォームをデフォルトで非表示にし、右上の「Write」をクリックすることで、表示・非表示を切り替えるようにカスタマイズしました。
スクロールしなくても最新の書込みが見えるので、書込みがチェックしやすくなりました。

　

参考にさせていただいたのは、たつをの ChangeLogさまの「Show/Hide Detail」です。
手順は、以下の通り。

1.cleverskin.htmlをエディタで開きます。

2.headに以下の記述を追加します。

<script type="text/javascript">
<!--
function show_hide(id) {
if (! document.getElementById) return;
if (document.getElementById(id).style.display != "block")
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
// -->
</script>

3.コメント投稿フォームを以下のようにdivで括り、任意のidをつけます。

<div id="postform" style="display:none">
(コメント投稿フォーム)
</div>

4.コメントの表示・非表示を切り替えるリンクを、コメント投稿フォームの上部に追加します。
「show_hide」の引数は、手順3でつけたidと同一のものにします。

《<a href="javascript:show_hide('postform')">Write</a>》

5.cleverskin.htmlを保存し、上書きアップロードします。

レス画面には不要な機能だと思ったのでつけていませんが、同じ手順を踏めばresskin.htmlでも実現できるはずです。

ミニBBSを画像アップロード可能なCLEVER BBSに変更

サイドバーに表示しているミニBBSを、CLEVER BBSに変更しました。

スキンはORANGEMINTさまの"bbs7"。
ver3向けのようなので、ver4向けに一部変更し、nifty対応を行いました。
また画像のアップロード機能、リロード機能、別ウインドウ表示機能など、一部アレンジを加えてあります。

こちらのスキンでは、ブログの絵文字でもお世話になっているPePPerさまの素材が使われています。
絵文字アイコン、フォントカラーの選択が可能です。

また、親記事に限り、画像のアップロードが可能です。
BlogPetのちょっとした台詞を撮ってUPするなど、お気軽にご利用下さい。
もちろん画像の添付なしでの、普通の投稿も可能です。

機能が盛りだくさんで、前に比べるとちょっと表示が大きくなってしまいましたf(^^;)

ベーシックでも新アクセス解析がスタート

「8月2日：新アクセス解析導入について」で告知のあったココログ標準の新アクセス解析機能。
専用のアクセス解析も入れているし、正直そんなに興味がなかったのですが、見てみるとなかなか興味深い項目がありました。

「ページ移動ランキング」では、訪問者がどの記事からどの記事へ移動したのかが分かります。
「サイト外のページ」は、どのURLでも一纏めにされてしまっているのでしょうか。
細かく分けてくれると、ClickTrack的でいいのですけれど。

「閲覧ページ数」は、訪問者が見た記事数のランキング。
例えば検索でヒットした記事だけを読んでいるのか、そこから他の記事にも手を伸ばしている人が多いのか、が分かります。

それ以外の基本的な機能もまあまあ見やすく、思ったより使えそうだなと思いました。

要望もいくつかあります。

「カレンダーを表示」しても、レポートメニューを変更したり、カレンダーの日付をクリックすると、また非表示になってしまいます。
表示状態を保存できるようにして欲しいです。
更に言うならば、最初からカレンダーの表示/非表示を設定しておけた方がいいです。

また上部にレポートメニュー、下部にデータという表示のため、レポートメニューをクリックしては、いちいちスクロールしてデータを見なければいけません。
アクセス解析は左フレームにメニュー、右フレームにデータを表示し、スクロールせずとも見やすいところが多いと思います。
フレームは使えないのかもしれませんが、スクロールなしの1画面で見られるようにして欲しいです。
「移動履歴」や「生ログ」に訪問者IDが割り振られているので、1クリックでフィルタ登録や訪問者設定の画面に移動できるようにして欲しいです。

また生ログにIPアドレスが見当たらないようなのですが、表示できないのでしょうか。

それから「ブログ設定」→「設定」で出てくる「累計アクセス数」というのは、いつからのデータなのでしょうか。
明らかに昨日今日の数値ではないので、ブログ開設当初からカウントされている正確なデータになるのでしょうか。
プラスやプロに切り替えたときのために、ベーシックでもカウントされていたのかな?
「利用期間」でも2日以上のデータがあるし、ベーシックでもデータそのものは取得されていたのかなと思いました。

ココログサイト内検索がバージョンアップ

ココログ標準では提供されていないサイト内検索機能。
暴想さまが全文検索できる画期的なスクリプトを発表して下さってからは、欠かせない便利ツールとなっています。

こちらがバージョンアップされたとのお知らせが出ていたので、早速ファイルを差し替えました。
元々暴想さまのファイルをリンクしている方は、差し替えは不要です。
詳しくは、暴想さまの「cocolog_ajax_search.jsをバージョンアップ 」をご覧下さい。

今までは全バックナンバーをすべてメモリ上にロードしてから検索をして、検索結果を出力していた。
そのため、待たされている感がどうしても強かった。
そこで、メモリ上にデータをロードしながらどんどんリアルタイムに検索をしていって、ヒットしたものから順番に検索結果に出力するようにした。

とのことで、検索自体が速くなったのではなく、検索が終わっていなくても結果を表示していくことで、体感速度が高まったのですね。

試しに「背景」で検索して見ると、即表示が始まり、待たされている感が劇的に消え去りました。
ヒット件数が少ないキーワードでは分かり難いかもしれませんが、ヒット件数の多いキーワードではその差が歴然です。

「ココログサイト内全文検索に、検索範囲を修正するパッチ」も対応済みですので、差し替えるだけで検索漏れなく利用できます。

ツリー化した「最近のコメント」で、IEのみ一部コメントが表示されない問題を修正

長いタイトルでf(^^;)

ブログで欠かせないカスタマイズとして、「「最近のコメント」をツリー表示」が挙げられます。
記事単位にコメントをツリー表示できるため、レスの管理がとてもしやすくなります。

しかしながら、時折特定のコメントが表示されないケースがあり、レス漏れしてしまうという問題がありました。
ただし表示されないのはIEのみで、Firefoxではきちんと表示されていました。

この問題の原因と対処法を、facet-diversさまが突き止めて下さいました。
いつもありがとうございます。

「名前」の後ろに、半角スペースのついているコメントが、IEで表示されなくなってしまうとのことでした。
→「前とか間に半角空白あるときもダメかもしれません。」とのことです。

この問題を解消する方法は、以下の通りです。

1.comtree.js(コメントのツリー化スクリプト)を開きます。

2.2行目にある、

var objList = this.document.getElementsByTagName('ul');

という記述を、以下のように書き換えます。

var objList = this.document.getElementById('recent-comment').getElementsByTagName('ul');

3.9行目にある、

if (lnkItem.length == 2 && txtItem.indexOf(' on ') > -1) {

という記述を、以下のように書き換えます。

if (lnkItem.length == 2) {

4.comtree.jsを保存し、上書きアップロードします。

ココログサイト内全文検索に、検索範囲を修正するパッチ

Google検索窓等と異なり、漏れなく過去ログを検索してくれることで大活躍の、暴想さまの「自分のココログを全文検索するJavaScript」。

「</div>」までを検索対象としているので、実際には以下の2点で検索漏れがあるのだそうです。

・続きを読む...(本文(続き))部分が検索対象にならない
・記事中に</div>があると、それ以降が検索対象にならない

そこで「</div>」ではなく「<div class="entry-body-bottom">」まで検索することで、この問題を解決するパッチが登場しました。
風柳亭 - 別館：書庫のある庵 -さまの「【ココログ】全文検索スクリプト(cocolog_ajax_search.js)に“本文(続き)”部分まで検索するパッチ」です。

「続きを読む」は利用していないのですが、「div」タグを少し利用していたので、こちらのパッチをあてました。
「cocolog_ajax_search.js」を差し替えるだけですので、該当する方はぜひお試しを。

miniBBSを「毛糸玉で遊ぶ猫」スキンに変更

もう桜の気分でもないし、かといって夏素材には早すぎる。
そんな中途半端な時期だったので、気分を変えていつもの「季節着せ替えシリーズ」以外に入れ替えました。

毛糸玉というモチーフも秋冬ぽいですが、その辺りはツッコミなしでｗ

お借りしたのは、from shun.さまの「ブログ用ミニBBSスキン「shun's apeskin」サンプル＆配布場所」より"neko3"です。

現在のスキンと互換性がないため、apeskin.htmlは丸々差し替えで、テーブル構造が変わってしまいます。
「前の季節のアイコンを残しつつ、miniBBSを差し替える方法」でも、古い書き込みの表示がおかしくなってしまいますが、スルーの方向でお願いしますｗ

「チビBBSカスタマイズ：アイコン毎に文字色を変更する方法」により、アイコンに合わせてフォントカラーが変わります。

ブログにfaviconをつけてみた

HPを作っていた頃利用していた、サイトのfavicon。
「お気に入り」やブラウザのアドレス欄に表示される、小さなアイコンです。

「<head>～</head>」の中に入れると覚えていたため、テンプレートを編集できないココログベーシックでは使えないと思っていました。

初めてのココログ・カスタマイズさまの「第32回：自分専用のfavicon（ファビコン）を付けてみよう」によれば、サブタイトルに記述しても動作するとのこと。

早速設定してみました。

まずは、ファビコン(favicon.ico)を用意し、アップロードします。
上記の記事ではオリジナルのファビコンの作り方も紹介されていますが、私はLittle Edenさまにお借りしました。

サブタイトル欄に以下の記述を追加し、サイトに反映します。
URLはアップロードしたご自身のものに差し替えて下さい。

<link rel="shortcut icon" href="http://xxxxx.cocolog-nifty.com/blog/favicon.ico">

キャッシュをクリアしてから「お気に入りに追加」してみたものの、IEでは確認できていません。
Firefoxでは確認できたので、IEも時間が経てば表示されるようになるのでしょうか。

「 「お気に入り」アイコンを指定するには？」の「■ キャッシュに注意」でも、

以上のことを行っても、うまく反映されないことが多々あるようです。（Internet Explorerのバグなのでしょうか）

とあるので、IEでの表示は運によるものなのかも。
しばらく様子を見ることにします。

【2006.6.7　追記】
IEへの対応に空いて、トラックバックで情報をお寄せいただきました。
風柳亭 - 別館：書庫のある庵 -さまの「faviconのブラウザ毎のサポート状況」によれば、

サイトのホーム(ドメインのルートディレクトリ)直下に、favicon.icoの名前でアイコンファイルを置く

ことが、一番広くブラウザでサポートされる方法とのこと。

早速、ファイルマネージャーで「favicon.ico」を「ホーム」にアップロードしなおしました。
キャッシュを削除した上で「お気に入りに追加」しなおすと、IEの「お気に入り」、デスクトップのショートカット、IEのアドレス欄全てで表示することができました。

　

CSSでココログの画像をポラロイド風にアレンジ

そのまま画像をUPしてもいいのですが、ちょっとお洒落にアレンジしてみたい。
と思っていたら、いい方法を発見しました[ハート]

ブログカスタマイズメモ　DEAR DAYS別冊さまの「写真をポラロイド風にする」と「ポラロイド背景に画像を(グレー系)」です。

画像をつかうとよりポラロイドらしくなるのですが、今回は、単純に枠線で囲むだけにしました。
CSSの記述は以下の通りです。

/* 画像 */
.entry-body img {
background-color: #FFFFFF;
border-width: 2px;
margin: 5px 10px 5px 5px;
padding: 5px 5px 5px 5px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

このままだと、絵文字のアイコンにも枠が出てしまうのが難点です[涙]
そこで、絵文字スクリプトも修正しました。

1.「テンプレートをいじらずにコメント欄で絵文字を使う方法」の手順4のimgタグに、IDを追加します。

<img ID="emoji" src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" />

2.絵文字のみ上記の枠を表示しないよう、CSSで設定します。

/* 絵文字 */
.entry-body img#emoji {
background-color: #FFFFFF;
border: none;
margin: 0px;
padding: 0px;
}

【追記】
シンプルな枠から、画像を使ったポラロイド風に変更しました。
CSSは以下の通りです。

/* 画像 */
.entry-body img {
background-color: #FFFFFF;
border-width: 2px;
margin: 5px 10px 5px 5px;
padding: 10px 10px 35px 10px; border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
background-image: url(http://xxxx.cocolog-nifty.com/photoicon.gif);
background-repeat:no-repeat;
background-position:95% 98%;
}

/* 絵文字 */
.entry-body img#emoji {
background-color: #FFFFFF;
border: none;
margin: 0px;
padding: 0px;
background-image: none;
}

お借りしたのは、nekonoieさまの「足跡アイコン」です。

【2006.8.12　追記】
IDではなくCLASSを使う方が正しい、とのご指摘をいただきました。
IDは一度しか出ない場合に使うものなので、今回のように繰り返す場合はCLASSが適切なのだそうです。
naoKさん、ありがとうございます。

ということで、切り替え方法です。

1.手順1でのIDの付加は行いません。
代わりに「テンプレートをいじらずにコメント欄で絵文字を使う方法」の手順1で、「画像タグに含める属性値（alt属性以外）」に「class="emoji"」を追加します。

// 画像タグに含める属性値（alt属性以外） var att = 'border="0" width="17" height="17" style="vertical-align:middle" class="emoji"';

2.CSSの指定を、CLASSに変更します。

/* 絵文字 */
.entry-body img.emoji {
background-color: #FFFFFF;
border: none;
margin: 0px;
padding: 0px;
background-image: none;
}

【2006.8.13　追記】
IEでのみ、画像周りの余白(padding)が上手く表示されない場合があるようです。
その場合は、1行目のXML宣言を削除して下さい。
詳しくは、「小粋空間: 標準準拠モードと後方互換モード・DOCTYPE宣言について - IEでドロップシャドウ画像に枠を表示する」にて解説されています。

【2008.2.10　追記】
本文に挿入した、ココログ公式の絵文字のみ、枠線を外す方法をアップしました。
「ココログ公式絵文字のみ、ポラロイド風枠を外す方法」をご覧下さい。

2miniBBSのapeboard+本体をSPAM対策版に差し替え

サイドバーにあるfrom shunさまスキン作成のminiBBS。
今まで独自にカスタマイズしてスパム対策を施してきましたが、このたびapeboard+本体自体が、SPAM対策版になりました。

詳しくは2apes.comさまの「apeboard+ の SPAM 対策」を参照して下さい。

早速「apeboard+ Download」から「apeboard+ Ver 2.0 [SJIS 版]」をDLし、差し替えました。

既に他の人が編み出しているスパム対策と類似の機能だけでなく、独自の機能も実装されています。

$deny_not_post を設定すると、GET での掲示板の書き込みができなくなります。

BBSにアクセスせず、URLだけで投稿することができなくなるようです。

$limit_url は本文に書ける URL の数を制限します。

べたべた複数のURLを貼り付けてくる宣伝スパムに、効果大ですね。

$deny_no_japanese は本文に日本語がなかった場合、掲示板の書き込みができなくなります。

既に同様の対策が「shun's skin.【ミニBBS】ひらがな必須の対策方法」にて発表されていますが、Perlモジュールが必要なため、@niftyのCGI-BINでは使えませんでした。
こちらの方法なら、@niftyでも動作しています。

$ng_word は本文に設定した単語が入っていた場合、掲示板の書き込みができなくなります。

私が独自に施していた禁止キーワード制限に該当する機能のようです。
こちらのカスタマイズは不要になりますね。

今回のSPAM対策版では実現していなかった、以下の対策は再び導入しなおしました。

・「miniBBSをカスタマイズして、禁止URLを設定」
・htaccessによる制限
・「miniBBSにsubject指定でのスパム対策を導入」

また、今回apeboard_plus.cgiを差し替えたので、以下のカスタマイズも再び施しました。

・「MiniBBSのアイコンにあわせてフォントカラーを変更」
・「shun's skin.【ミニBBS】ひらがな必須の対策方法」より"apeboard_plus.cgiのキャッシュ対策"

ココログの「ページ内見出し」を抽出するBookmarklet

ココログのバックナンバーは分割されることなく全ての記事が表示されるので、数が増えると見難くなりがちです。
自分のココログでは「カテゴリと月別バックナンバーをプルダウンメニュー化(タイトルと概要抽出機能つき)」を導入していますが、訪問先のココログでも同じカスタマイズが入っているとは限りません。

そんなときに役立つBookmarkletが、風柳亭 - 別館：書庫のある庵 -さまの「【ココログ】ページ内記事の目次を作るJavaScript(謎のおまけ付き)」の「ページ内目次(標準)」です。

表示しているページ内の見出しを抽出してくれるのですが、2パターンの閲覧方法があります。
左側のIDリンクをクリックすれば、ページ遷移することなく、バックナンバーの該当記事にジャンプすることが出来ます。
右側の記事タイトルリンクをクリックすれば、該当記事の個別ページにジャンプできます。

風柳亭 - 別館：書庫のある庵 -さまでは、他にも興味深いカスタマイズを発表されています。

特に便利だなと感じたのが、「コメント一覧・トラックバック一覧追加(ココログプロ専用)」。
ココログの「最近のトラックバック一覧」では、どの記事にトラックバックがあったのか表示されませんが、こちらではその情報も表示されます。
ココログプロ専用の技というのが残念です。

おまけで、私が愛用しているBookmarkletをまとめてみました。

★JAVASCRIPT::BOOKMARKLETさまより、「DIVにclassが定義されているものだけを表示」、「DIVのid部を表示」。
FirefoxのEditCSSを組み合わせると、デザインのカスタマイズが格段にしやすいです。

★JAVASCRIPT::BOOKMARKLETさまより、「英語ページを日本語に2」。
ざっくり手軽に翻訳したいときに便利です。

★facet-diversさまの「隠れているアンカーをリンク化して表示」。
ココログの個々のコメントに振られている、リンクURLを取得できます。

★cl.pocari.orgさまの「[戯] 自サイトへのリンクをハイライトする Bookmarklet」。
アクセス解析と組み合わせて、リンクの確認に使います。

カテゴリプルダウンスクリプト～メンテナンス後不具合対応版を導入

3月のココログメンテナンス以降、暴想さまの「ココログをAjax化するJavaScript(再掲)」の内、カテゴリプルダウンスクリプトだけが上手く動かないという現象が起きていました。

栗田隆喬のどうにもいいこと！さまがメンテナンス対応版の「カテゴリー表示スクリプトを勝手に修正」を発表され、現在は暴想さまもこちらのバージョンに差し替えられています。
(参考:「category_archive2pulldown.jsを修正。」)

しかしながら、こちらはIE6.0で動作せず、IEメインの私はその恩恵に与れずにいました。

すると、栗田隆喬のどうにもいいこと！さまが、更に「カテゴリー表示IE6対応」版を発表して下さいました!

以下、「カテゴリと月別バックナンバーをプルダウンメニュー化(タイトルと概要抽出機能つき)」からの移行方法です。

1.今回修正された「category_archive2r1pulldown.js」と、上記では使用していなかった「cocolog2ajax.js」をダウンロードし、ご自分のココログにアップロードします。

2.マイリストの呼び出しスクリプト部分から、古い「カテゴリをプルダウンメニュー化」呼び出し記述を削除します。
「カテゴリと月別バックナンバーをプルダウンメニュー化(タイトルと概要抽出機能つき)」の内、一つ目の引用の塊(カテゴリをプルダウンメニュー化)部分です。

3.手順2で削除した箇所に、新しい呼び出し記述を挿入します。
2つのスクリプトの「src」は、手順1でアップロードしたファイルのURLに変更して下さい。

<script type="text/javascript" src="/blog/files/category_archive2r1pulldown.js"></script>
<script type="text/javascript" src="/blog/files/cocolog2ajax.js"></script>
<script type="text/javascript">
// カテゴリをプルダウンメニュー化
category_archive2r1pulldown( '/blog/archives.html', '#type=title', true, true, false);
</script>

以上で設置完了です。
IE6.0とFirefox1.5.0.2で動作を確認しています。

【2006.4.28　追記】
マイリストの呼び出し記述を書き換えずに差し替えられる、「カテゴリー表示IE6対応最終版（？）」が発表されました。
スクリプトを差し替え、マイリストの記述も戻しました。

<script type="text/javascript" src="/blog/files/category_archive2pulldown.js"></script>
<script type="text/javascript" src="/blog/files/cocolog2ajax.js"></script>
; <script type="text/javascript">
// カテゴリをプルダウンメニュー化
category_archive2pulldown( '#type=title', true, true, false);
</script>

【2007.5.21　追記】
栗田隆喬のどうにもいいこと！さまのブログ削除に伴い、記事へのリンクを削除しました。

「ココログのよくある質問集」を開設しました

みんなで解決!　広場で繰り返される質問をベースに、よくある質問(FAQ)をまとめたブログを開設しました。

【ココログのよくある質問集】

「「みんなで解決!　広場」のログを残すために」で取り上げた通り、せっかくの良質のQ&Aが、将来削除される恐れがあるためです。

利用方法については、「当サイトについて」をお読みください。

ざっと思いつく内容をUPしてみましたが、まだまだ充実というには程遠い状態です。
参考になりそうなトピック、載せて欲しい質疑応答を発見しましたら、「ご意見・ご要望はこちら」までお知らせいただけると助かります。

また「モブログ」「マイフォト」「ポッドキャスティング」について、FAQをまとめるお手伝いをしてくださる方も、募集しております。
自分で利用していない機能なので、上手くまとめられなくて(^^;;
実際に利用していらっしゃる方のサポートをお待ちしております。

「みんなで解決! 広場」のログを残すために

「454. 「みんなで解決!　広場」を改善しよう」にて、新たな問題が発覚しました。

きっかけは、ぽんずさんの発言でした。

一番書き込みの多い「初級者」を最初に戻って確認したところ 既に4番までは削除されているようです。

確認してみたところ、実際にはまだ削除されていないように思われますが、問題なのは「過去ログは削除される可能性がある」ということです。

「みんなで解決!　広場」の利用規約にも、

（４）投稿は保存期間を経過すると自動的に消失します。

とあり、せっかく他の人の参考になる良い回答があっても、いつか削除されてしまうというのです。
(できればきちんと期間を明示してください＞スタッフ。)

ココログスタッフからのお知らせルームで告知があった検索機能ですが、過去ログを一字一句洩らさず検索できていないので、実際には上手くヒットしないことが多いです。
そのため、結局同じ質問が繰り返されるという悪循環は、断たれていません。

現在の救いはあずさん製作のFAQですが、これはリンク集であり、過去ログが存在して初めて活用できるものです。
肝心のトピックが読めなくなっては、解決方法を知ることは出来ないのです。

そこで将来の過去ログ削除に備えて、何か対策を考えられないかと思っています。
有用な質疑応答をどこかにまとめ、新しいFAQとして活用できるようにするのが理想です。

まとめる場所としては、誰でも編集できるwikiや「@nifty：ホームページ作りのフォーラム：掲示板：ココログ・Weblog活用」がよいかなと思っています。
他にもよいツールがありましたら、お知らせください。

気になるのは、広場の書き込みをそのままコピーすることは「転載」になり、著作権的に問題があるのではないかという点です。
そのままコピーするのではなく、「よくある質問」として整形してまとめるという方法も考えられます。

ご意見をお待ちしております。

【2006.5.4　追記】
あほうどりのうまいさまの「「広場」投稿消失について返信がありました。」に、サポートセンターからの返信が掲載されています。

　投稿記事の保存期間につきましては、日数による期限は設けておりません。

　長期的に保存できるよう努めて参りますが。万が一大量の記事が書き込みされることによるサーバー高負荷等が発生し、安定したサービスが提供できないと判断された場合は、やむを得ず削除を行わせていただく場合がございます。

「特に削除の期限を決めているわけではないけれど、何かあったときに削除できるよう、一応規約に書いておきましたよ」という印象を受けました。
さしあたってすぐにログが削除されるわけではなさそうですね。

ココログのRSS Feedをウェブページに表示

元々ウェブページを持っていて、ブログと併用している方も多いと思います。
ウェブページのトップに、ブログのRSS Feedを表示できたら、便利ですよね。
複数ブログを運営している人なら、別ブログのRSS Feedを表示する、とか。

そんな要望を叶えてくれるのが、moondakotaさまの「RSS FeedをJavascriptでウェブページに表示」です。
類似の機能にCalbee Feedがありましたが、ずっとサービスメンテナンス中で復旧しそうにないので、これはとても助かります。

「UTF-8の方用ページ」「EUC-JPの方用ページ」「Shift_JISの方用ページ」とそれぞれあるので、該当するページから設定を行い、取得したコードをウェブページに貼り付けるだけです。

ココログはUTF-8なので、最初は「UTF-8の方用ページ」で試したのですが、どうしても文字化けしてしまいます。
「Shift_JISの方用ページ」に変更してみたところ、上手く表示することができました。

私の設定は、以下の通りです。

URLは、「http://koroppy.cocolog-nifty.com/blog/index.rdf(サイドバーの「RSSを表示する」のURL」。

文字コードは、「Shift_JIS」。

サイト情報の表示は、「タイトルと概要を表示する」。

表示する記事の数は、「0(最高20件まで)」。

表示する記事の文字数は、「0(全文)」。

記事の概要の表示、及び文字数は、「400」。

投稿日の表示は、「表示する」。

リンクの別ウィンドウ表示は、「表示しない」。

スタイルシートも用意されているので、見た目を好みに変えることも出来ます。
私は標準のCSSをそのまま利用しました。

放置状態のサイトの方に貼り付けてみました。

メインBBSに設定アイコン以外の投稿を弾くスパム対策

「miniBBSにsubject指定でのスパム対策を導入」同様、設定しているアイコン以外の投稿を許可しない処理を、メインのBBSに施しました。
CGI CafeさまのBBS(KENT WEBさまスクリプト作成)です。

禁止ワード、禁止URLに続く第3弾です。

手順は以下の通りです。

1.前回の書き込み内容チェック処理の前に、以下の処理部を記述します。

# KOROPPY追加↓
# アイコンチェック
$flag=1;
foreach (@icon1) {
if (index($in{'icon'},$_) >= 0) { $flag=0; last; }
}
if ($flag) { &error("不適切な内容のため処理を中断しました"); }
# KOROPPY追加↑

miniBBSにsubject指定でのスパム対策を導入

サイドバーにあるfrom shunさまスキン作成のminiBBS(スクリプトは2apesさま作成のapeboard+)に、スパム対策第4弾を施しました。

禁止URL制限、禁止キーワード制限、htaccessによる制限を既に導入済みですが、どうしてもいたちごっこになりがちです。

また禁止ワードに「http://」を入れると、宣伝スパムがほとんどカットできるのですが、自動リンク機能が使えず、URL入りの書き込みが出来なくなってしまうのが難点です。

そこで考えたのが、投稿できるsubjectデータを指定する方法です。

subjectに入るデータはスキンによって異なります。
題名を入力できるスキンでは、題名データが入ります。
フォントカラーを選べるスキンでは、カラーコードが入ります。
アイコンを選べるスキンでは、アイコンのファイル名が入ります。

このように、subjectは利用するスキン独特のデータになるのですが、スパムでは大抵「hello」などの適当なデータが入れてあります。
そこで自分のスキンで使われるsubjectを指定し、それ以外のsubjectだった場合、書き込みを禁止するようにしました。

手順は以下の通りです。

1.「boardini.cgi」に以下の設定を追加します。

# KOROPPY追加↓
# subjectを指定して書き込みを規制する。 ____.38
#（規制するときは'1'、しないときは''）
$permit_SUBJECT = '1';

# 投稿を許可するsubject（複数指定する場合はカンマで区切る） ____.39
@permitsubject = (
"XXXXX",
"XXXXX",
"XXXXX",
"XXXXX");
# KOROPPY追加↑

項目と項目の間であれば、挿入場所は基本的にどこでも構いません。
私はファイルの一番下、以下の文章の直前に挿入しています。

# =========================================================================
# 以下の 1; は絶対に消さないこと！！！
# =========================================================================
1;
#
=========================================================================

「投稿を許可するsubject」とは、「apeskin.html」の「<SELECT name="subject"～>」にある「option value」の値全てです。

<option value="XXXX">○○</option>

2.「apeboard_plus.cgi」のsub write_message(通常の記録用サブルーチン)に、以下の記述を追加します。
「# 書き込み元のチェック」の直前に挿入します。

# KOROPPY追加↓

# 指定外subjectによる投稿を制限 ------------------------------------

if ($permit_SUBJECT ne ''){
# キーワードチェック
$match=1;
foreach (@permitsubject) {
if (index($subject,$_) >= 0) { $match=0; last; }
}
if ($match){
&unlock_close(TXT);
&print_error('投稿を許可されていません。');
}
}
# KOROPPY追加↑

季節ごとにスキンを変えるなど、apeskin.htmlのoption valueを変更した場合、手順1も書き換える必要があります。

またファイル名のように、変更しても構わないデータが入る場合は、配布されたスキンそのままのoption valueではなく、スパムで使われにくい値に変更しておくといいと思います。

【2006.5.10　追記】
apeboard+本体に、SPAM対策機能が追加されました。
「miniBBSのapeboard+本体をSPAM対策版に差し替え」をご覧下さい。

メンテナンス後の不具合や仕様変更対応

激重だった昨夜から一晩経ち、落ち着いてココログを見られるようになって、新たな不具合や仕様変更に気がつきました。

まずは、サイドバー折り畳みスクリプト。
特定の項目を折りたたむと、その下の項目も一緒に折りたたまれてしまい、マイリストタイトルが表示されない現象が起きています。
IE6.0とFirefox1.5.0.1で確認しています。

確認しているのは、以下の3項目です。
「BlogPet素材」と一緒に、「リンクリスト」「RSSを表示する」「このブログをマイリストに追加」「このブログをマイニフティで読む」。
「サイト内検索」と一緒に、「カテゴリ」「月別バックナンバー」。
「リンク元/人気ページ」と一緒に、「Navi(2)」「ココログからのお知らせ」。

「foldBroadly = true;」に関係があるのでしょうか。
それとも、一緒に折りたたまれてしまう最後の項目が、全てココログ標準のコンテンツであることに、何か関連があるのでしょうか。

facet-diversさまでは「サイドバー折り畳み２を差し替えました」にて、既にメンテナンス対応の新しいスクリプトを発表されています。
が、このリッチテンプレートの不具合対応スクリプトに差し替えると、以下のエラーが表示されてしまいます。

ライン:69
文字:13
エラー:オブジェクトを指定してください。
コード:0
URL:http://koroppy.cocolog-nifty.com/blog/

次は、「3月28日ココログベーシック／プラス／プロ仕様変更点」に掲載されている、カテゴリフォルダのURL生成方法の変更対応です。
「カテゴリ別バックナンバーに不具合発生中」にて書いておいた、半角と全角の混在するカテゴリ名におけるURLの重複問題が解消されたようです。

今までの仕様は、カテゴリーフォルダのURLをわかりやすくしSEO効果を高めるために行っていましたが、URLの重複を避けたいというお客様のご要望も多かったため、今回の仕様変更とさせていただきました。

情報元となった観測気球さまの「ココログが TypePad 1.6 ベースに移行したのに伴って当方が実施した措置」では、「.htaccess」で旧カテゴリから新カテゴリへリダイレクトさせる方法が紹介されています。
これは敷居が高いので、BlogPet関連の3カテゴリの名前を変更し、URLを地道に修正するに留めました。

また、昨夜メンテナンス直後に発生していた、「続きを読む」が表示されてしまう不具合ですが、

1.「本文（続き）」が表示される＜3月28日19:10対処完了＞

と「3月28日メンテナンス後の状況について」にて、対応完了報告があがっていますね。

【追記】
コメントを投稿すると、フリーと同じく「#comment-XXXXXXX」というURLが表示されるようになりましたね。
ブログコメントチェッカーの登録があるので、この邪魔な部分なしで記事のURLのみに戻して欲しいです。

【追記】
関係ない項目も折りたたまれて消えてしまうのは、「マイリストのHTML構造が変わりました？」にある、

# つまり、前回の（バージョン1.5への）アップグレードのときに div.module があることを前提にした設定に修正したのが裏目に出て、マイリストを折り畳むと（次がマイリストじゃない場合）次のリストまでもろとも折り畳んでしまうようになってしまったという…(^^;

に該当する現象なんですね。
新スクリプトに差し替えれば直るはずなのに、なぜエラーが?

【2006.3.30　追記】

(追記 2006-03-29）

不具合があったので再度修正して差し替えてみました。どうでしょうか…。

また、この再修正に伴い、myFunctions01a.js をスクリプト本体に取り込むことにしました。結果、メモ欄の最初の二行（<script ... ...myFunctoins01a.js"> から </script> まで）が不要になりましたので、重複が気になる方はこの二行を消去してください。

ということで、新しい折りたたみスクリプトに差し替えたら、無事隠れていた項目も表示されるようになりました。

そこで新たな問題を発見。
暴想さまの「カテゴリ別バックナンバーをプルダウンメニューにするJavaScript」が動作していないようです。
「月別バックナンバー」は問題ないのですが。

【2006.4.26　追記】
メンテナンス以降、カテゴリ別バックナンバーのみプルダウンメニュー化できない不具合について、対応版に差し替えました。
詳しくは、「カテゴリプルダウンスクリプト～メンテナンス後不具合対応版を導入」をご覧下さい。

ココログベーシックがバージョンアップ

今回はさしたる混乱もなく、予告どおりにメンテナンスが終了しましたね。
「マイフォトのタブが増えてるよ」などと、多少の戸惑いを感じながら、新しい管理画面を操作中です。

管理画面右上のヘルプリンクが、ココログヘルプから使い方ガイドに変わっていますね。
正直従来の「ココログヘルプ」の方が充実していて使いやすいんですが。
「使い方ガイド」へ正式に移行するのであれば、内容をもっと充実させて欲しいです。

サイドバーから「ココログ」ロゴが消え、「ココログからのお知らせ」が表示されるようになりました。
これで突発的なメンテナンスや不具合のときも、情報が表示される(はず)です。

ココログフリーでは、マイリストのタイトルにコメントアウト(<-- -->)が使えません。
ベーシックもバージョンアップで同様の使用になるかと思いましたが、今のところコメントアウト部分が表示されたりはしていません。
今後再構築したり、新しいマイリストを作成した場合、コメントアウトが無効になってしまうのでしょうか?
できればこのまま、コメントアウト有効であって欲しいです。

全ての記事に「続きを読む "○○○"」というリンクが強制的に入っているのが気になります。
リンクURLは「固定リンク#more」ですが、ベーシックの過去記事に「続き」などないので、クリックしても無駄足を踏ませることになります。
これを非表示にする方法はないのでしょうか。

まずは念願の、独自スタイルシートからカスタムCSSへの移行を実施しました。
独自スタイルシートを開いても、いまやどこがココログオリジナルのままで、どこが自分でいじった部分か判別がつきません(^^;;
本当はこの欄にはカスタム部分のみを記述するのがベストなのでしょうが、とにかく全部コピーしました。
後で時間が取れるときに、無駄は省いた方がいいのでしょうね。

バックナンバーに反映(再構築)した後、マイリストに入れていた独自スタイルシートへのリンクを削除しました。
これで「コメントの確認」画面でも、プロフィールページでも、カスタムCSSが反映されるようになりました。

それからコメント入力欄の幅が狭くなった気がするので、以下のCSSで調整しました。

#comment-text textarea {
width: 350px;
}
#comment-text-field textarea {
width: 350px;
}

コメント入力時に、

コメントの検証

スパム・コメント防止のために、以下の画像の文字を入力してください。

コメントを投稿する前の最後のステップとして、下の画像に表示されている英数字を入力してください。このテストはコメント・スパム対策のために用いられます。

という画像(キャプチャ)認証が入ったのにも驚きました。
スパム対策に効果的ではありますが、結構面倒ですね。
どこかでオフに設定を変えられるのでしょうか。
→ココログ通信のニュアンスでは、できないような感じですね。

【追記】
再構築中にエラーが発生し、最後まで遂行できていません。
再構築が完成するのは、何時になることやら(^^;;

【2006.4.2　追記】
コメント欄の「名前」「メールアドレス」「URL」欄も狭くなったので、CSSで調整しました。

#comment-name input {
width: 170px;
}

#comment-email input {
width: 170px;
}

#comment-url input {
width: 170px;
}

Blog influenceを試してみた

ブログの影響力を測るBloginfluenceを試してみました。
最初はAPI errorで上手く出来なかったのですが、やっと正常に計算できました。

こちらは観測気球さまの「Blog influence - ブログの影響力を数値化する」経由で知りました。

　
当サイトは「4389」だそうです。

technorati、Yahoo!、Bloglines、Googleのリンクデータ等を集計し、算出している模様。
これだけではよく分からないので、ご自分で試されている有名ココログさんのデータをご紹介。

StarChartLogさま　→　[4183.2]
観測気球さま　→　[4088]
(遊) あそびや（asobiya）～★さま　→　[3872.4]
second messageさま　→　[720.2]

ねこあれぶろぐさまの「アナタのブログ 影響力はどれくらいあるの？」の一覧で自分の相対位置を測ったり、他のブログのURLを入力してみるのも一つの方法ですね。

【追記】
素敵なBlogPet背景でお世話になっているBeigeHeart_べーじゅのこころさま。
「ブログの影響力チェックツール？」での鑑定結果は、なんと[52906]!!
驚異的な数字ですね。

配布テンプレートの著作表示の数がカウントされているということはわかりました。

とご本人は分析されています。

うちのブログの評価がわりと高めだったのも、同じような理由ではないでしょうか。
つまり後姿ラブリー同盟関連や、BlogPet背景の利用マナーに対して、リンクをしてくださっている方々のおかげではないかと。
改めてありがとうございます。

ココログはメンテナンスを甘く考えすぎ

ココログで障害が発生し、30時間近くログインできないという異常事態に陥りました。
ログインできない間にseesaaでも記事にしたのですが、改めてココログにも記録しておこうと思います。

　　　【事の経緯】
1.【メンテナンス内容変更】メンテナンス実施のお知らせ：2006年03月09日（木）10:00-15:00

2.度重なる延長で、結局メンテナンスは21:00までかかった。

3.メンテナンス終了するも、重くてログインできない状態に。
「ただいま、混み合っております」のメッセージのみとなる。

4.ログインできない不具合を解消すべく、再度メンテナンスに突入。

5.原因が特定できないまま、20060310障害情報報告ブログにて状況を報告するように。

5.「第２報　16:10時点でのご報告をいたします。」にて、制限つきでログインが可能に。

予告では5時間だったにも関わらず、実際には本来のメンテナンスだけで、その倍以上の11時間もかかっています。
加えてメンテナンス後の不具合を直すために、またメンテナンス。

ココログのメンテナンス延長は今回に限ったことではなく、予告通りの終わらないのが常です。
しかもログインの少ない夜間ではなく、ユーザーに不便を強いながら、昼間にずるずると行うのがココログの手法。
準備不足にしろ、処理能力不足にしろ、メンテナンスを軽く考えていると思います。

学習することなく毎回のようにメンテナンスを延長する時点で、そもそものスタッフのメンテナンスへの心構えが伺えるというものです。
ユーザーがログインできない状態を平気で延長する、その甘い考え方に問題があるのではないでしょうか。

そして今回の事件です。

状況を報告するブログを開設したのは、評価します。

【ココログベーシック・プラス・プロ　障害のお知らせ】2006年03月09日（木）22:00頃よりログインしずらい状況が発生しています。鋭意復旧に向けて作業をしております。ご利用のお客様には大変ご迷惑をおかけいたしており、深くお詫び申し上げます。

というトップページの短いお知らせだけでは、説明不足だからです。

今回唯一の救いは、ログインおよびトラックバックとコメントの受付はできないものの、ブログそのものの閲覧は可能だというところでしょうか。
閲覧すら出来なければ、怒りの度合いは更に増していたものと思われます。

今回の不手際は、今まで積もり積もったメンテナンスへの不満が爆発することでしょう。
他のブログサービスへ変更してしまうユーザーも、少なくないと思われます。

3月28日、ココログベーシック／プラス／プロ・バージョンアップでは、更なる不手際と不具合が発生するものと既に覚悟をしています。
今回の不手際について重々反省し、メンテナンスへの信頼回復に努めてもらいたいものです。

【追記】
怒りで記事にするのを忘れていました。

このメンテナンスの裏で、みんなで解決!　広場が機能強化していました。
各カテゴリの上部に、要望の高かった検索機能や、各種ガイドへのリンクがついたのです。

@searchを利用したものなので、過去ログを全文検索するのに比べると、精度は完全とは言いがたいですが、使い勝手はよくなりました。
まずは改善への一歩を踏み出したというところですね。
「みんなで解決!　広場」を改善するためにという動きを始めたところで、嬉しい朗報でした。

とはいえ、FAQがなかったり、ココログヘルプへのリンクがなかったり、新規質問のRSS配信がなかったり、コメントにレスがついたときのメール通知機能がなかったり、まだまだ完全とは言えません。

「454. 「みんなで解決!　広場」を改善しよう」では、引き続き広場改善への動きを模索していきたいと思っています。
皆様の書き込みをお待ちしております。

「みんなで解決! 広場」を改善するために

ココログサーポートのみんなで解決!　広場に関して、不満・要望が目に付くようになりました。

FAQを作ったり、RSS配信を始めたり、広場内検索窓を設置したり、CMNエクステンションを作ったりといった、有志の活動もあります。
ココログでエントリとしてまとめたり、広場にトピックを立てている方もいらっしゃいます。

今は単発のそれらを一つにまとめることで、より強くスタッフに働きかけたり、質問する人の目に付くように、改善できたらと思っています。

手始めに、mixi内に「みんなで解決!　広場」を改善するには」トピックを立てました。
そこである程度素案がまとまってきたので、オープンな「@nifty：ホームページ作りのフォーラム：掲示板：ココログ・Weblog活用」に議論の場を移しました。

「454. 「みんなで解決!　広場」を改善しよう」です。

ぜひ皆様のご意見をお聞かせください。

このココログ会議室は、書き込む際に@niftyのIDとパスワードが必要になります。
ココログフリーのみの利用で、PLEASY IDしかお持ちでない方は、別途無料の@nifty IDを取得してください。
閲覧には、ID不要です。

トラックバックピープルのバナーをランダム表示する

サイドバーに貼り付けているトラックバックピープルのバナーを、ランダム表示する方法が、showry's Blogさまにて紹介されていました。
「後姿ラブリーピープルのバナーをランダム表示する」です。
ただいこちらはPHPでの方法なので、導入できるブログに制限があります。

そこで、普通のブログでも使えるバージョンを作ってくださいました。
それが、「後姿ラブリーピープルのバナーをランダム表示する(JavaScript版)」です。
ココログのサイドバーでこちらのJavaScript版を試してみたところ、きちんとランダム表示することが出来ました。

後姿ラブリーピープルは3種類バナーを用意してありますので、ランダム表示で楽しむのも面白いと思います[ハート]

他のTBPでも使える、楽しい技ですね。

miniBBSを春スキン(お花畑)に差し替え

サイドバーにあるminiBBSを、春スキンへ変更しました。
お借りしたのは、from shun.さまの「Blogサイド用BBS　季節シリーズ　【春】」です。

春の新作を待ちきれず、既にあるスキンを組み合わせてみました。

お花畑のアイコンは、spring2(～お花畑。～)。
桜の壁紙は、spring1a(～猫と桜。～)。
桜のアイコンは、spring3a(～桜。～)です。

今後新しい春スキンが発表されたら、また差し替えるかもしれません。

「チビBBSカスタマイズ：アイコン毎に文字色を変更する方法」により、アイコンに合わせてフォントカラーが変わります。

「前の季節のアイコンを残しつつ、miniBBSを差し替える方法」にて、冬アイコンを残したまま、新しい春アイコンも表示しています。

ココログ本文で絵文字を使う方法(改訂版)

前回の「ココログ本文で絵文字を使う方法」は、全てのブラウザに対応できなかったので、新しい方法にしました。

注意点としては、URL Breaker Plusを外すことです。
こちらは相性が悪いようで、firefoxやNetscapeで絵文字が表示できなくなってしまいます。

「テンプレートをいじらずにコメント欄で絵文字を使う方法」を導入していることが前提です。

1.手順4のスクリプトの「各コメントの class 属性」を「entry」へ変更します。

// （３）各コメントの class 属性
var commentBodyClassName = 'entry';

これだけで、以下のように絵文字をココログ本文で使うことが出来ます。
[・・・][ハート][涙][がーん][怒][♪][?][!][汗][ひらめき][失恋][ミニハート]

今のところ、以下のブラウザで動作を確認しています。
テストにご協力くださった皆様、ありがとうございました。

Win版IE6.0
Win版Firefox 1.5
Mac版Firefox 1.5
Safari 1.3.2
Mac版Opera 8.51

今回は、「comment-body」や「entry-body-text」というように範囲を限定せず、「entry」全体を変換対象としています。例えば、コメント欄の名前でも絵文字が使えます。

範囲をきちんと限定した上でのカスタマイズ方法は、かげさんの111から始まるHistoryさまが「本文でも絵文字を使う」にて発表されています。

【2006.5.23　追記】
画像をポラロイド風にするCSSを追加したため、スクリプトの一部とCSSを修正しました。
詳しくは、「CSSでココログの画像をポラロイド風にアレンジ」をご覧下さい。

ココログ本文で絵文字を使う方法

以前ココログのコメント欄で絵文字を使う方法をご紹介しましたが、その応用で、ココログ本文でも同じ絵文字を使う方法をご紹介します。

「テンプレートをいじらずにコメント欄で絵文字を使う方法」のカスタマイズを導入していることが前提です。

1.手順4のスクリプトをコピーし、「各コメントの class 属性」を「entry-body-text」に変更します。

<script type="text/javascript">
<!--
// 本文にカスタマイズ絵文字入力機能：画像変換
function changeCustmizeEmojiTag() {
// （１）コメント全体のタグの id 属性
var commentAreaIdName = 'center';
// （２）コメント全体のタグ名
var commentAreaTag = 'div';
// （３）各コメントの class 属性
var commentBodyClassName = 'entry-body-text';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
var objComArea;
var classComArea;
var objComBody = new Array();
if (commentAreaIdName != '') {
objComArea = document.getElementById(commentAreaIdName);
if (!objComArea || !objComArea.innerHTML) return;
classComArea = objComArea.getElementsByTagName(commentAreaTag);
} else {
classComArea = document.getElementsByTagName('*');
}
for (var i = 0; i < classComArea.length; i++) {
if (classComArea[i].className == commentBodyClassName) objComBody[objComBody.length] = classComArea[i];
}
for (var i = 0; i < objComBody.length; i++) {
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
}

function getStringCustmizeEmojiTag(list, s, att) {
for (var i = 0; i < list.length; i++) {
s = s.split('[' + list[i][0] + ']').join('<img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" />');
}
return s;
}
changeCustmizeEmojiTag();
// -->
</script>

2.コメント欄の絵文字スクリプト(手順4)の続きに、上記の記述を追加します。

コメント欄のように、表示された絵文字アイコンををクリックしてのタグ挿入は出来ませんが、タグを直打ちすれば以下のように表示できます。
[・・・][ハート][涙][がーん][怒][♪][?][!][汗][ひらめき][失恋][ミニハート]

IE6.0では上手く表示できたのですが、firefox1.5でみたときに、上手く変換されていないのが気になります。
コメント欄の絵文字も変換されないので、私がfirefoxの設定ミスをしているだけかも^^;
→URL Breaker Plusと相性が悪かったようです。
こちらのスクリプトを外したら、コメント欄の絵文字は動きました。

他のブラウザでも見えているかどうか、コメントいただけると助かります。

【追記】
IE6.0　→　○
Opera　→　○
firefox1.5　→　×
Netscape7.1　→　×

ネスケとfirefoxが駄目なようなので、スクリプトを外しました(x_x;)

【2006.2.8　追記】
別の方法で成功しました。
「ココログ本文で絵文字を使う方法(改訂版)」をご覧ください。

【2006.4.18　追記】
絵文字アイコンのアップロードに関しては、以下の記事を参考にして下さい。
「ココログのよくある質問集: アニメーションGIFが動かない」

Mozilla系ブラウザで、引用のはみ出しを折り返す方法～ココログ編

引用の横幅より長いURLなどは、Mozilla系ブラウザ(firefoxなど)でみると、引用の枠線から飛び出してしまいます。
内容が読み取れなくて不便ですし、見た目もよくありません。

firefoxに拡張機能url_breakerを入れれば折り返して閲覧することが出来ますが、これはあくまで閲覧者側の努力。
今回は、サイト管理者側が折り返して表示するというカスタマイズです。

ケセラセラBrand-new!さまの「Mozilla 系ブラウザーで引用部分を折り返す。」を参考にしながら、ココログでの設定方法をまとめます。

1.outsider reflexさまの「Firefoxで長いURIを折り返す」より、url_breaker_plus.user.jsをダウンロードします。
(「DOM2 RangeとDOM3 XPathを使って書き直してみた。」のリンクをクリックします。)

2.そのままではIE閲覧時にエラーが出るということで、回避する記述を追加します。

url_breaker_plus.user.jsを開き、8行目の「(function () {」の後に、以下の記述を追加します。

if(navigator.appName == 'Netscape'){

更に、35行目の「range.detach();」の後に、以下の記述を追加します。

}

3.niftyのhomepageスペースにurl_breaker_plus.user.jsをアップロードし、パーミッションを705に変更します。
　→ココログにファイルマネージャーでアップロードしたのでは、動きませんでした。
　　パーミッションの設定が出来ないからでしょうか。

4.ココログのマイリストのメモ欄に、以下の記述を貼り付けます。
メモの表示はテキスト表示です。
URLは、手順3でアップロードしたものに変更してください。

<script src="http://homepageX.nifty.com/XXXXXX/url_breaker_plus.user.js" type="text/javascript"></script>

firefoxでurl_breakerの拡張機能を無効にし、「JUGEPi! BBSの設置とカスタマイズ」を閲覧してみたところ、きちんと折り返して表示されました。

【追記】
記事にしていなかったようなので、補足。
IE向けには、スタイルシートで折り返しを規定しています。

.content blockquote {
word-break:break-all;
}

【2006.2.7　追記】
コメント欄の絵文字表示機能が動かなくなることが判明。
このスクリプトは一旦外します。

ココログサポートは「みんなで解決! 広場」をなんだと思っているのか?

ココログで分からないことを、ユーザー同士が教えあうというみんなで解決!　広場が12月にスタートしてから、1ヶ月以上。
機能面での不満が色々溜まっていたのですが、今回爆発するような出来事があったので記事にします。

問題のトピックは、「92．文字の大きさが小さくなってしまいます。 」。
質問の内容は全く問題ないのですが、その中に驚くべき一文があります。

メールにてココログサポートに問い合わせてみましたが、はっきり分からず、この広場でみなさんに教えてもらうことをすすめられました。

ココログサポートというのは、niftyという企業が行っている公式な問い合わせ窓口ですよね。
それが「分からないから、広場で訊いてみて」?
ユーザーの質問に答えを出すのが「ココログサポート」の仕事じゃないんですか?

よく分かりやすい回答をされているsecond messageさまも、「「出来ない」ことを証明するのは難しい」で、

「～広場」で回答が出ないから、スタッフに問い合わせる、だったら流れ的に納得できるけど、逆ってあり得るの？
だってそのシステム作ったのはユーザーじゃないわけだから、スタッフが判らないことを振られても答えられるわけないと思うけど…。
それに答えるのはあなたたちの「仕事」じゃないんですか？
ユーザーのことを「ていのいい下請け」程度にしかとらえてないってこと？

と怒っておられますが、全く同感です。

そもそも「みんなで解決!　広場」というのは、ユーザーが善意で回答する場所です。
「ココログサポート」のように、お金をもらって仕事でやっているわけではありません。

同じくsecond messageさまの「ココログ：「みんなで解決！広場」への要望」にまとめられていますが、現状の「みんなで解決!　広場」は、機能面の至らなさが酷すぎます。

「よくある質問と回答一覧」や「ヘルプを読んでから質問してください」などの基本的なアナウンスがないので、同じ質問や、ヘルプを見ればすぐに分かる質問が何度も繰り返されます。
しかも過去ログ検索機能がないので、回答する人は地道に過去ログを探して、「既出の回答がありますよ」とURLつきの回答をしなければいけません。

そもそもこのレベルの基本機能は、こういったサービスを開始する前に実装しておくべきでしょう。
それすら怠っている上に、サポートが回答を丸投げとはどういうことですか?

古河建純社長、

今回、皆様から頂いたご意見やお叱りを参考にさせていただき、より良い形でのココログサービス提供を目指して行きます

とのことですが、ココログサポートと「みんなで解決!　広場」の改善も併せてお願いします。

ココログを携帯で読むリンクを作成

Blogを携帯で読むには、Googleを利用する方法があります。
しかしながら当サイトは左サイドバーのコンテンツが多く、なかなか記事本文に到達できません。

そこでココモブを利用して、簡単に記事を読めるリンクを追加しました。

【最新5件の新着記事を携帯で読む】

こちらでは、ココログのトップページの新着記事(当サイトでは最新5件)を、簡単に閲覧できます。

リンクの作成方法は、以下の通りです。

1.ココモブの「特定のココログ（1つ）を携帯から見る」に、自分のココログURLを入力します。
最後の「/」は不要です。

例）http://「koroppy」.「cocolog-nifty」.com/「blog」

2.「表示」ボタンをクリックし、URLを生成します。

3.生成されたURLをサイドバーに貼り付けます。

またココモブには、RSSリーダーのような機能もあります。

【最近3日間の新着記事を携帯で読む】

こちらでは、最近3日間に更新された新着記事を閲覧できます。

リンクの作成方法は、以下の通りです。

1.ココモブの「ココモブリーダー」に、自分のココログURLの一部を入力します。
例）「http://koroppy.cocolog-nifty.com/blog/」→「koroppy」

2.「表示」ボタンをクリックし、URLを生成します。

3.生成されたURLをサイドバーに貼り付けます。

こちらは1サイトだけでなく、複数のココログを登録することもできます。

【2006.1.26　追記】
「携帯で読む」URLのQRコードを作成し、サイドバーに表示しました。
「サイトのQRコードを作成」をご覧ください。

niftyでのminiBBS(apeboard+)設置方法

blogサイドバー表示に最適な、from shun.さまのブログ用ミニBBSスキン「shun's apeskin」。
しかしniftyでは、cgi-binに置けるファイルに制限があるため、そのままでは設置できません。
アップロード先を変えたり、ソースを書き換えたりする必要があります。

BBSの方で何度かご質問を受けましたので、nifty特有の変更点について、あらためてまとめておきたいと思います。

　　　【フォルダ構成の変更点】
1.アップロード先を変更する

cgi-binスペースに置けないファイルは、homepageスペースにアップロードします。
「imgフォルダ全て」「bbsskin.css」が、homepageスペースに変わります。

例)http://homepageX.nifty.com/XXXX/minibbs/img/
例)http://homepageX.nifty.com/XXXX/minibbs/bbsskin.css

　　　【ソースの変更点】
2.skinini.cgiの中身を変更する

★「# アイコンのパスを指定 ____.07」に、手順1でアップロードした「imgフォルダ」のURLを指定する。

例)http://homepageX.nifty.com/XXXX/minibbs/img/

★「# メールアドレス記入時に使用するリンク用画像（TEXTでもOK）のタグ ____.14」に、手順1でアップロードした「mail.gif」のURLを指定する。
必要があれば、15番も指定する。

例)$mail_image01 = '<img src="http://homepage3.nifty.com/XXXX/minibbs/img/mail.gif" border=0>';

★「# URL記入時に使用するリンク用画像（TEXTでもOK）のタグ ____.18」に、手順1でアップロードした「home.gif」のURLを指定する。
必要があれば、19番も指定する。

例)$url_image01 = '<img src="http://homepage3.nifty.com/XXXX/minibbs/img/home.gif" border=0>';

3.apeskin.htmlの中身を変更する
★全ての「img/」を、手順1でアップロードした「imgフォルダ」のURLに変更する。

例)http://homepageX.nifty.com/XXXX/minibbs/img/

★「bbsskin.css」を、手順1でアップロードした「bbsskin.css」のURLに変更する

例)<link rel="stylesheet" href="http://homepageX.nifty.com/XXXX/minibbs/bbsskin.css" type="text/css">

以上がnifty特有の変更点です。
それ以外は、説明通りに設定した後アップロードし、パーミッションを設定してください。

アクセス解析をAccessAnalyzerに変更

忍者システムズからAccessAnalyzerへ変更しました。

second messageさまの「アクセス解析を「Acsess Analyzer」に変更」がきっかけでした。

ページごとの訪問件数が判る(中略)しかも、アドレスでの表示だけでなく、タイトルを自動的に読みとってタイトルごとに表示されるので非常に判りやすい。

サイドバー.jpがメンテナンスの今、アクセス解析で人気ページを取得できるのは助かります。

生ログの保存期間が1年間に伸びたのも、メリットです。

面白いと思ったのは、リンク元統計に「検索語句」と「単語」の2種類がある点。
複数の単語を組み合わせて検索してきた場合、その組み合わせ自体を集計したのが「検索語句」。
単語単位にばらして統計をとったのが「単語」(忍者システムズの「検索ワード」)です。

「ページの閲覧時間」を解析しているのにも驚きました。

勿論、忍者システムズの方がよかった点もあります。

デフォルトで「時系列アクセス推移」(AccessAnalyzerの「時間別」)が表示されるのは、便利でした。
「時系列アクセス推移」の棒グラフに数字がついているので、ぱっと見て状況を把握しやすかったのも、よかったです。
生ログも10分毎の更新ではなく、リアルタイムだったように思います。

miniBBSのスパム対策を強化

お世話になっているサイドバーのminiBBSですが、スパムや宣伝書き込み対策が問題です。
今回from shun.さまより、「shun's skin.【ミニBBS】海外スパム対策方法」が発表されました。

一つ目は、htaccessでIPアドレスを指定してブロックするというもの。

二つ目は、datファイルのパーミッションを600に変更し、直接datファイルにアクセスできなくするというものです。

レンタルサーバーによってエラーになる場合があります

とのことですが、今のところniftyでは問題なく動作しているようです。
書き込めない等の不具合がありましたら、コメントにてお知らせください。

またdatファイル名を、デフォルトから変えることも推奨されています。
これはどのBBSを導入するときも、やっておきたい対策ですね。

個人的には、「miniBBSをカスタマイズして、禁止URLを設定」と「miniBBSに、禁止キーワード機能を追加」を行っています。

この禁止キーワードを「http://」とすると、本文に宣伝URLを入れている書き込みは、全て弾けると思います。
ただそこまですると、必要があって本文にリンクを入れたいときにも、書き込めなくなってしまうのが難点です。

【2006.4.3　追記】
「miniBBSにsubject指定でのスパム対策を導入」を導入しました。

【2006.5.10　追記】
apeboard+本体に、SPAM対策機能が追加されました。
「miniBBSのapeboard+本体をSPAM対策版に差し替え」をご覧下さい。

地図の画像を貼り付ける「ちず窓」

地図の画像を切り出して、自分のBlogに貼り付けられるちず窓β。

以下の記事に貼り付けてみました。
東京ディズニーランド
多摩動物公園
片貝海岸
大洗サンビーチ
多摩テック
東京ラーメン「珉珉」

「作成履歴」で画像やタグ、ヒット数の確認ができるのも便利ですね。
今は「住所」と「駅名」からしか検索できません。
ランドマーク名のような、キーワードでも検索できるようになると更に便利かも。

トラックバック欄にスクロールバー

ココログでは、「本文」→「トラックバック」→「コメント」の順で表示されます。
トラックバックが沢山ある場合、なかなかコメントまでたどり着けなくて、不便だなと思っていました。

そこでトラックバック欄にスクロールバーをつけてみました。
CSSの記述は、以下の通りです。

/* トラックバック欄 */
.entry-trackback {
overflow: auto;
height: 230px;
margin: 0px 0px 10px 0px;
}

これでトラックバックの多少に関わらず、すぐコメント欄を読むことができます。

IE以外のブラウザで確認していないのが、ちょっと心配です。
不具合等ありましたら、コメントでご指摘いただけると助かります。

「みんなで解決! 広場」への要望

ココログサポート「みんなで解決! 広場」が始まりましたね。

ココログをはじめる前の疑問解決!
ココログの使い方解決！（初級者向け）
ココログ徹底活用（上級者向け）

のテーマ別に、分からないことがあったら質問し、分かる人が回答していくという掲示板。
オフィシャルでこういうところがあるのって、心強いですよね。

そこで一つ要望が。
類似機能である人力検索サイトはてなも、教えて!goo新着質問も、bk1はてなも、皆RSS配信しています。
ココログも、質問だけRSS配信したらいかがでしょうか。
RSSリーダーでチェックできれば、より活発なレスがついて、掲示板としてもメリットが大きいと思うのですが。

それから、本文に書いたURLの自動リンク化もしてほしいです。
「こちらを参考にしてください」とURLを書いてあっても、いちいちコピーしてブラウザに貼り付けるのでは面倒なので。

検討していただけませんかね? ＞ココログスタッフさん。

【追記】
肝心なものを忘れてました。
類似の書込みがないか調べられるよう、全文検索機能が欲しいですね。

track wordを導入

トラックワードのアルファテスター募集のお知らせが届いたので、設定してみました。
「どのページがどんなキーワードの組み合わせで検索されているか」を分析できるツールです。

ページごとに、検索キーワードの一覧が表示されます。
右サイドバーの「アクセス解析」の＋ボタンを展開してご覧ください。
　　

一番魅力に感じたのは、track feed同様、RSSリーダーで情報をチェックできる機能です。
この肝心の「検索ヒット状況をお知らせするRSS」が、RSSリーダーで見ると「RSSフィードは準備中です」となってしまっています。
しかし、直接RSSを開くとデータを閲覧できました。

キーワード　－　検索エンジン(ページタイトル)

という形でデータが配信されるようですね。

勿論RSSではなく、ログインしてログを確認することもできます。

「キーワード別」「ページ別」を選択できるのがいいですね。
トータルのアクセス数は棒グラフで、Yahoo!、Google、MSNなどの検索エンジン別の内訳はアイコンつきで表示され、とても見やすいです。

「キーワード別」では、メインキーワードでのトータルアクセスと、組み合わされたキーワード別のアクセスを見ることができます。
組み合わせも分析してくれるアクセス解析は、初めてな気がします。

「ページ別」では、それぞれのページごとのキーワードを見ることができます。
これを見ると、キーワードとヒットしている記事がずれてしまっているページ、というものが分かりますね。
クロールするタイミングの問題なのでしょうが、どうせなら適切なページがヒットして欲しいものです。

【2005.12.7　追記】
RSSでの配信が始まりましたね。
「○○ : ブログの検索ヒット状況をお知らせする RSS - トラックワード」というように、RSSタイトルがIDなのが気になりますが。
サイト名ひっぱってきてくれないかな。

データ形式は上記の通りですね。
概要に実際のLinkも入っていて、とても便利です。

ClickTrackを再導入

サイトに入ってくるアクセスであるINではなく、サイト内でクリックされたリンク、つまりOUTを解析するClickTrack。
りょーちさんのところで提供されていましたが、負荷の問題で惜しまれながら終了していました。

それがこの度、ARC WEBのサービスとして復活したとのことです。
りょーちの駄文と書評さまの「clicktrackがACRWebさんで復活」経由で知りました。

早速MyblogLogから、新しいClickTrackに切り替えました。

りょーちさんバージョンと、今回のARC WEB版では、いくつか違いがあります。

まず嬉しかったのは、ジャンプ先URLごとにクリック数が集計される機能がついたことです。
これは前から欲しかった機能で、クリックの多いURLが一目で分かるようになりました。

一方不便になったのは、「解析対象ページ」を指定していちいち解析しなければいけない点です。
個別ページ数の多いBlogという形態では、全てを見るのがとても面倒になりました。
「ジャンプ先URL」と「クリック数」でソートした、一覧ページ(ランキング)も作って欲しいですね。

miniBBSを冬バージョン(クリスマスツリー)に変更

右サイドバーに表示しているminiBBSを、冬素材に変更しました。
from shun.さまの「●ミニBBS　季節シリーズ　【冬】　配布を開始します。」よりお借りしました。

ベースは、「白背景」のクリスマスツリー(winter 2a)。
名前の前のアイコンは、「壁紙グレー」から。
背景の舞い散る雪は、「猫」から組み合わせました。

アイコンにあわせて、フォントカラーが変わります。
VIBErationさまの「MiniBBSのアイコン毎に文字色を変更する方法」を参考にさせていただきました。

また、秋のアイコンを残しつつ、冬アイコンも表示させるようにしています。
「前の季節のアイコンを残しつつ、miniBBSを差し替える方法」をご覧ください。

クリスマスシーズンが終わったら、「白背景」の雪の結晶(winter 2c)に変えるのもいいな、なんて計画しています♪

Google Analyticssを導入

高度なアクセス解析ツールGoogle Analyticsを導入しました。

追跡する各ページの タグと タグの後、 タグの前にコード セグメントを貼り付けます。

とあり、テンプレートを編集できるココログプロでしか使えないと諦めていました。

facet-diversさまの「ココログベーシックでGoogle Analytics」で、サイドバーに貼り付けても動作することを知り、設置しました。

「経営層」「マーケティング担当」もありますが、「ウエブマスター向け」を閲覧。
データが表示されてみると、その詳細さに驚きます。

閲覧者の環境では、ブラウザやOSの種類だけでなく、Java有効率や、Flashのバージョン、接続速度まで分かります。

また面白いのが「最初のページを訪問してすぐにサイトを退出したユーザーの数」である退出率の算出です。
閲覧者が他のページにも興味を持ってサイト内を移動してくれたか、そのまま出て行ってしまったのかが、ページごとに分かるのです。
シビアですよね^^;

概要ページでは視覚的に情報を閲覧できるので、分かりやすいです。
地図や言語で見れば、台湾からのアクセスがあることが分かったり。
見ているだけで楽しいです。

気になる点や要望としては、URLだけじゃなくてページタイトルも取得してほしいです。
URLが書かれていても、どのページだか分からないので。
もしくはそこからページへリンクを貼ってくれたら、アクセスできて便利です。
また上位10しか見られない機能があるので、生ログを見られたらいいのにと思います。

また、忍者システムズではアクセスがあるのに、データの取れていない時間があります。
というより今回データが取れているのは1時間だけで、しかも全てのデータではないと思われます。

「ココログベーシックでGoogle Analytics（続報）」によれば、テンプレートでもプロでも全てのデータは取得できてない模様。
データの精度という面ではまだまだですが、面白いので、とりあえず設置しておきます。

Google Sitemapsを導入

(遊) あそびや（asobiya）～★さまの「Google Sitemap、ココログで使えるようになった」を拝見して、Google Sitemapsを設定してみました。

手順は以下の通り。

1.「Add to your account」からサイトのURLを登録します。

2.「Verify」で指定された名前の空ファイルを、サイトトップ(http://koroppy.cocolog-nifty.com/)とブログトップ(http://koroppy.cocolog-nifty.com/blog/)にアップロードします。
空ファイルをアップロードできずに悩みましたが、中に1文字だけ入れたらう上手くいきました。

「Top search queries(上位の検索クエリ)」は、

1. blogpet 背景
2. "少年 陰陽師"
3. コレピク
4. 本棚
5. "整形 疑惑"

「Top search query clicks(上位の検索クエリのクリック数)」は、

1. コレピク
2. blogpet 背景
3. "少年 陰陽師"
4. blogpet 背景
5. koroppy 絵文字

なんだ、整形疑惑ってｗ

BlogPet背景で来てくださる方が多いことがよく分かりました。
もっぱらここがヒットしているんでしょうね。
記事の数は少ないのに、コレピクも強いなぁ。

【追記】
URLの最後を「hl=ja」にすれば、日本語になるんですね。
英語のまま格闘してましたよorz

はてなリングに参加

はてなリングというのが始まっていますね。

はてな以外のBlogでも参加可能のようなので、以下のリングに参加してみました。
同盟のロゴは、右サイドバーの「Webring」に貼ってあります。

1.BlogPet ブログペット
2.ミッシングリング
3.書評リング
4.Book

ブログをつなげる新しいコミュニケーションツールということで、自動的にリングアンテナがメンバーのブログをチェックしてくれます。
リングには専用掲示板も用意されるとか。

今はMyblogListで作っている「後姿ラブリー同盟」のメンバーリンクを、はてなリングに移行したら便利かも?
Next/Prev/Randomでメンバーのサイトを移動できる、ナビゲーションバーもつくようです。
ユーザー登録(無料)が必要なのが、面倒かな。
この件に関する、会員の皆様のご意見を募集します。
関連トピックか、この記事へコメントをお願いします。

ココログのサイト内全文検索窓を設置

あれこれと検索窓を置いていましたが、この度暴想さまの「自分のココログを全文検索するJavaScript」に統一することにしました。

サイトの全バックナンバーから検索してくれるので、Googleを使ったときのように漏れがありません。
しかも、検索キーワードは赤字で表示されるので、とても便利です。

右サイドバー上部の「サイト内検索」で、試しに「BlogPet」や「カスタマイズ」で検索してみてください。
その便利さが分かります。

設置も至って簡単です。
以下のスクリプトを貼り付けるだけです。

<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/prototype.js"></script>
<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/cocolog_ajax_search.js"></script>
<form action="javascript:cocologAjaxSearch( '/blog/archives.html', document.getElementById('search_box').value );"><input type="search" id="search_box" value=""><input type="button" id="search_button" onclick="javascript:cocologAjaxSearch( '/blog/archives.html', document.getElementById('search_box').value );" value="検索" style="border-style:solid; border-width:1px; border-color:#697497; background:#ecf1fa; font-size:10pt; color:#697497"></form>

検索ボタンのスタイルのみ、変更しました。
「blog」は、サイトのURL「http://koroppy.cocolog-nifty.com/blog/」にあわせて修正します。

【2006.6.17　追記】
「</div>」や「続きを読む」以降が検索対象から漏れる問題を解決するパッチをあてました。
詳しくは、「ココログサイト内検索に、検索範囲を修正するパッチ」をご覧下さい。

【2006.11.11　追記】
「blog」の部分を修正せずとも動作するようになったそうです。
詳しくは「cocolog_ajax_search.jsをバージョンアップした。」をご覧下さい。

【2008.10.7　追記】
「暴想: ココログ最強検索をバージョンアップした」とのことで、ブログパーツに差し替えました。

検索ボタンの色変えCSSは、以下の通りです。

/* サイト内検索ブログパーツ検索ボタン */
input#search_button {
border-style:solid;
border-width:1px;
border-color:#697497;
background:#ecf1fa;
font-size:10pt;
color:#697497;
}

Bloglines始めました

愛用していたティッカー型RSSリーダーのパラボナミニが、エラーで突然起動できなくなってしまいました。
代替サービスとして、Bloglinesを利用することにしました。

パラボナミニの使い勝手がよかったので、ブラウザ型のRSSリーダーを使うのは初めてです。

ブラウザ型では、タイトルと概要がずらずら表示されるのが見難くて、あまり好きではありませんでした。
Bloglinesでは「ヘッドラインだけを表示」に設定すれば、タイトルのみのすっきり表示にできるのですね。

ブラウザ型はいちいちアクセスしないといけないので、新着チェックが面倒かと思っていました。
BloglinesNotifierをインストールすれば、アイコンの色の変化で新着確認ができるのですね。

閲覧登録用アイコンというのを、左サイドバーの「リンクリスト」に追加しました。
クリックするだけでBloglinesに登録できるというものです。
パラボナミニにはなかったものですが、便利ですね。

パラボナミニにあった、重要度の設定はできないようです。
重要度の高い設定だったRSSのみ「更新通知機能で通知する」設定にし、その他は「通知しない」にして差別化することにしました。

もうひとつパラボナミニで重宝していたのが、キーワードによる抽出機能です。
Bloglinesにも「閲覧登録したブログから検索」でフィード登録できる機能がついていますが、「アルファベットのみ対応」なので使えません。
ぜひ日本語対応して欲しいです。

パラボナミニのバックアップを取っていなかったので、購読していたRSSを復元するのに苦労しています。
今度はちゃんと「登録リストの抽出(OPML)」をしておかなくっちゃ。
...と思ったら、とあるサイトでエラーが出てしまい、抽出できませんΣ(T□T)

【追記】
天気予報もRSSでチェックできるのがいいですね。

ブログコメントチェッカーの登録が面倒だなと思ったら、facet-diversさまに「[f-] ブログコメントチェッカー→Bloglines用bookmarklet（修正版） 」がありました。

miniBBSに、禁止キーワード機能を追加

サイドバーにあるfrom shunさまスキン作成のminiBBS(スクリプトは2apesさま作成のapeboard+)に、スパム対策を施しました。
禁止URLに引き続き、禁止キーワードによる制限を追加しました。

手順は、以下の通りです。

1.「boardini.cgi」に以下の設定を追加します。

# KOROPPY追加↓ # --------------------------- 特定のキーワードの書き込み規制の設定

# キーワードを指定して書き込みを規制する。 ____.36
#（規制するときは'1'、しないときは''）
$deny_WORD = '1';

# 投稿を規制するキーワード（複数指定する場合はカンマで区切る） ____.37
@deniedword = (
"***",
"***");

# KOROPPY追加↑

項目と項目の間であれば、挿入場所は基本的にどこでも構いません。
私はファイルの一番下、以下の文章の直前に挿入しています。

# =========================================================================
# 以下の 1; は絶対に消さないこと！！！
# =========================================================================
1;
#
=========================================================================

2.「apeboard_plus.cgi」のsub write_message(通常の記録用サブルーチン)に、以下の記述を追加します。
「# 書き込み元のチェック」の直前に挿入します。

# KOROPPY追加↓
# 特定キーワードの投稿を制限 ------------------------------------
if ($deny_WORD ne ''){
# キーワードチェック
foreach (@deniedword) {
if (index($message,$_) >= 0) { $match=1; last; }
}
if ($match){
&unlock_close(TXT);
&print_error('投稿を許可されていません。');
}
}
# KOROPPY追加↑

【2005.12.22　追記】
htaccessによる制限も追加しました。
「miniBBSのスパム対策を強化」をご覧ください。

【2006.4.3　追記】
「miniBBSにsubject指定でのスパム対策を導入」を導入しました。

【2006.5.10　追記】
apeboard+本体に、SPAM対策機能が追加されました。
「miniBBSのapeboard+本体をSPAM対策版に差し替え」をご覧下さい。

最近のコメント&トラックバックにアイコンを追加

噴水2さまで見かけた、最近のコメント&トラックバックに追加した矢印アイコン。
コメントは右矢印、トラックバックは左矢印と、可愛らしさと分かりやすさが両立されていて、素敵です。
(「スタイルシートに着手」の15番にて紹介されています。)

早速真似っこして、ピンクの矢印アイコンを追加してみました。
素材は、とんとん工房さまにお借りしました。

CSSの記述は以下の通りです。
アイコンのURLは、ご自身でアップロードされたものに変更してくださいね。

#recent-comment li {
list-style: none inside url(http://***/arrowr.gif);
}

#recent-trackback li {
list-style: none inside url(http://***/arrowl.gif);
}

【2006.8.23　追記】
最近の記事にもNEWアイコンを追加しました。

#recent-entries li {
list-style: none inside url(http://***/arrowr.gif);
}

miniBBSをカスタマイズして、禁止URLを設定

サイドバーにあるfrom shunさまスキン作成のminiBBS(スクリプトは2apesさま作成のapeskin+)に、スパム対策を施しました。
URL欄の内容をチェックして、指定禁止URLを入力した場合、エラーで投稿できなくなるようにしました。

Perlはよく分からないので、正しくできているかどきどきです^^;

手順は以下の通りです。

1.「boardini.cgi」に以下の記述を追加します。

# KOROPPY追加↓
# --------------------------- 特定のURLの書き込み規制の設定

# URLを指定して書き込みを規制する。 ____.34
#（規制するときは'1'、しないときは''）
$deny_URL = '1';

# 投稿を規制するURLアドレス（複数指定する場合はカンマで区切る） ____.35
@deniedurl = (
"XXX",
"XXX");
# KOROPPY追加↑

2.「apeboard_plus.cgi」のsub write_message(通常の記録用サブルーチン)に、以下の記述を追加します。
「# 書き込み元のチェック」の直前に挿入します。

# KOROPPY追加↓
# 特定URLの投稿を制限 ------------------------------------

if ($deny_URL ne ''){
# URLチェック
foreach (@deniedurl) {
if (index($url,$_) >= 0) { $match=1; last; }
}
if ($match){
&unlock_close(TXT);
&print_error('投稿を許可されていません。');
}
}
# KOROPPY追加↑

【2005.10.26　追記】
禁止キーワード制限も追加しました。

【2006.4.3　追記】
「miniBBSにsubject指定でのスパム対策を導入」を導入しました。

【2006.5.10　追記】
apeboard+本体に、SPAM対策機能が追加されました。
「miniBBSのapeboard+本体をSPAM対策版に差し替え」をご覧下さい。

フローマップに参加

サイト間の人の流れを視覚化するという、面白い試みフローマップ。
自分のサイト単独では、各種アクセス解析でINとOUTを把握しているつもりです。
その流れが、更に他のサイトと繋がっているところを、図式化して表示するというのが興味深いですね。

観測気球さまの「フローマップ flowmap」によれば、

この手のサービスは参加サイトが増えれば増えるほど面白い絵が得られることが期待できるのです

とのことなので、参加してみました。

設定すれば「検索キーワード」と「リンク元ドメイン」も表示できるようですが、とりあえずは非表示で。
「リンク元ドメイン」は、専用RSSでチェックできます。

カテゴリと月別バックナンバーをプルダウンメニュー化(タイトルと概要抽出機能つき)

長いタイトルだ(笑)

暴想さまの「カテゴリ別バックナンバーをプルダウンメニューにするJavaScript」と「月別バックナンバーをプルダウンメニューにするJavaScript」を導入しました。
カテゴリ別と月別バックナンバーをプルダウンメニュー化してすっきり表示させるスクリプトです。
しかもタイトルと概要を抽出する機能がついています。

上部に表示されている「タイトルのみ表示/タイトルと概要を表示」というリンクをクリックすると、「タイトル一覧」と「タイトル+概要一覧」を表示できます。
説明するよりも、とにかく触ってみてくださいのひと言。
とても便利です!
特に記事数の多いバックナンバーで活躍しますね。

設置も至って簡単です。
以下のスクリプトをマイリストのメモ欄に貼り付けるだけです。
カテゴリのスクリプトは「カテゴリ」の、月別バックナンバーのスクリプトは「月別バックナンバー」のなるべくすぐ下に記述します。

<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/category_archive2pulldown.js"></script>
<script type="text/javascript">
// カテゴリをプルダウンメニュー化
category_archive2pulldown();
</script>

<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/cocolog_archive_extention.js"></script>
<script type="text/javascript">
// タイトルと概要を表示
cocolog_archive_extention();
</script>

<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/date_archive2pulldown.js"></script>
<script type="text/javascript">
// 月別バックナンバーをプルダウンメニュー化
date_archive2pulldown( '/blog/archives.html','');
</script>

月別バックナンバーの「/blog/archives.html」は、自分のBlogのURLに合わせてください。
「http://koroppy.cocolog-nifty.com/blog/」の部分です。

facet-diversさまの遅延対策を参考にさせていただきました。

window.onloadを使う方法では、サイドバー折りたたみスクリプトとも相性が悪いケースがあるようです。
サイドバーを折りたたみたい場合は、window.onloadを使わない今回の遅延対策が、おすすめです。

【2006.4.26　追記】
メンテナンス以降、カテゴリ別バックナンバーのみプルダウンメニュー化できない不具合について、対応版に差し替えました。
詳しくは、「カテゴリプルダウンスクリプト～メンテナンス後不具合対応版を導入」をご覧下さい。

前の季節のアイコンを残しつつ、miniBBSを差し替える方法

「miniBBSを秋バージョンに差し替え」したわけですが、私は夏バージョンのアイコンも残したまま、秋バージョンへ移行しています。
これだと、夏のログでは夏のアイコンが、秋の新しい書込みには秋のアイコンが表示されます。

お問い合わせがあったので、ここで手順をまとめておきます。

1.新しいアイコン(今回なら秋アイコン)を、別名でアップロードします。
私は「a1.gif」というように、autumnから「a」をつけました。

2.apeskin.htmlを開き、以下のようなアイコンの選択画面のソースを探します。

<option value="1" style="color:#f59bc8;">コスモス</option>

この「value」の値を、新しいファイル名(今回なら「a1」)に書き換えます。
アイコンの数分だけ変更してください。

<option value="a1" style="color:#f59bc8;">コスモス</option>

3.アイコン一覧(お目めマーク)がある場合は、icon.htmlも修正します。
全てのアイコンの「img src=」に、新しい別名(今回なら「a」)を追加します。

<IMG src="a1.gif">

これだけで、両方の季節のアイコンを表示できます。

VIBErationさまの「MiniBBSのアイコン毎に文字色を変更する方法」を利用し、アイコンにあわせてフォントカラーを変更している方は、更に以下の修正が必要です。

4.bbsskin.cssを開き、新しい色設定を追加します。
「table.col1」ではなく、新しいファイル名(今回なら「a」)を追加します。
アイコンの数分だけ、追加してください。

/* コスモス */
table.cola1{
color:#f59bc8;
}

以上で、設定は完了です。

夏アイコンに秋アイコンを上書きした状態で運用してしまっている方は、ログの修正を行えば、既に投稿されている秋アイコンでの書き込みも正しく表示できます。
ただしログの書き換えは、間違えるとBBSが表示できなくなりますので、必ずバックアップをとって行ってください。

5.ご自分のログファイル(「****.dat」)を開きます。
1行が、一つの書き込みのデータに対応していて、以下のような構成になっています。

連番,ハンドルネーム,,メールアドレス,URL,書き込み日時,謎の文字列,アイコンファイル名,本文,IPアドレス,

この「アイコンファイル名」を、秋バージョンでの書き込みデータのみ、「1」→「a1」というように書き換えます。

miniBBSを秋バージョンに差し替え

サイドバーに表示しているminiBBSを、秋バージョンに差し替えました。

差し替え素材は、from shun.さまの「ミニBBSスキン　季節シリーズ「秋」できました。」からお借りしました。
新規設置用フルダウンロードは、「ブログ用ミニBBSスキン「shun's apeskin」サンプル＆配布場所」になります。

星空やうさぎなど素敵なセットが沢山あって、どれにしようか迷っちゃいましたf(^^;)
結局ベースは、白背景autumn 2a（秋の草花）を選びました。
紅葉の壁紙は、猫autumn 1a（猫と紅葉）から。
名前の前の紅葉のミニアイコンは、壁紙グレーautumn 3a（紅葉）からお借りして組み合わせました。

夏バージョンと同じく、アイコンにあわせてフォントカラーが変わります。
VIBErationさまの「MiniBBSのアイコン毎に文字色を変更する方法」を参考にさせていただきました。

メインBBSに禁止URLを設定

コメント本文のNGワードに引き続き、URL欄も内容をチェックするよう、CGI CafeさまのBBS(KENT WEBさまスクリプト作成)をカスタマイズしました。
スパム対策です。

手順は以下の通りです。

1.前回の@denywordの前に、以下の禁止URLの設定を追加します。

@denyurl = (
"url1",
"url2");

2.前回の書き込み内容チェック処理の前に、以下の処理部を記述します。

# URLチェック
$flag=0;
foreach (@denyurl) {
if (index($in{'url'},$_) >= 0) { $flag=1; last; }
}
if ($flag) { &error("不適切な内容のため処理を中断しました"); }

【2006.4.3　追記】
「メインBBSに設定アイコン以外の投稿を弾くスパム対策」を導入しました。

ココログの「ブログ虎の穴」に出演♪

ココログの「ブログ虎の穴 其の二十」に出演しちゃいました♪
書籍にてサイトを紹介していただいたことはありますが、取材を受けて回答したことが載る、というのは初めてのこと。
嬉しいのと気恥ずかしいのとが、なんだか入り混じった感じですねf(*^^*)

過去に行ったカスタマイズの記録と解説は、カテゴリ「ウエブログ・ココログ関連」に。
BlogPet関係のカスタマイズは、カテゴリ「BlogPet」に。
利用しているサービスなどの一覧と、設置解説など当サイトの関連記事のリンクは、「裏技＆お役立ちサイト集」にあります。

よろしければ、これを機会にご覧下さいませ。

MyblogLogからClickTrackへ移行

今まで使っていたMyblogLogを、ClickTrackへ移行しました。

MyblogLogとは、自分のサイトのどのリンクがクリックされたか、OUTのデータを集計するツールです。
どこから自分のサイトにきたのか、というINのデータを集計するアクセス解析とは、一味違った統計が取れます。

しかしながら無料版ではログが1週間しか残らないなど、やや不満な点もありました。
そのあたりを改良されたのが、りょーちの駄文と書評とアフィリエイトさまの「ClickTrack≒MyBlogLog？」です。

導入手順は、とても簡単です。

1.申し込みページで、希望するIDを入力します。
2.表示されたスクリプトを、サイドバーに貼り付けます。
3.ログを参照するページへのリンクも表示されるので、ブックマークしておきます。

【2005.10.5　追記】
「clicktrack サービス中止のお知らせ」が発表されました。
負荷増大のためとのことで、残念です。
phpとMySQL環境があれば、自分で設置して継続動作可能とのこと。

フッター部に「MM/memo」「はてなブックマーク」ボタンを追加

フッター部に、「MM/memo投稿」「このエントリを含むはてなブックマーク」ボタンを追加しました。
facet-diversさまの「ココログベーシックでClipLink（その2:おまけつき）」に、記述を追加する形で実装します。

手順は以下の通りです。

1.「addFootLinks01a.js」を開く。

2.最初の「// user variables:」に、以下の記述を追加する。

clipMMText = "MM/Memo";
hatenaSearchText = "このエントリーを含むはてなブックマーク";

3.functionが並んでいるところに、以下の記述を追加します。

function addClipMM() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
var h3 = h3s[i];
var div = getPostedDiv(h3);
var p = getPermalink(div);
var t = clipMMText;
var h = "http://1470.net/mm/memo_form.html?url=" + escape(p);
var n = "_blank";
var f = "";
var a = " | " + getWindowOpenAnchor(t, h, n, f);
div.innerHTML += a;
}
}

function addSearchHatena() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
var h3 = h3s[i];
var div = getPostedDiv(h3);
var p = getPermalink(div);
var t = hatenaSearchText;
var h = "http://b.hatena.ne.jp/entry/" + escape(p);
var n = "_blank";
var f = "";
var a = " | " + getWindowOpenAnchor(t, h, n, f);
div.innerHTML += a;
}
}

3.マイリストを開き、上のリストに以下の記述を追加します。

clipMMText = "<img src=¥"http://1470.net/img/mm_icon.gif¥" width=21 height=12 style=¥"border: none;¥" alt=¥"MM/memo投稿¥" title=¥"MM/memo投稿¥" />";
hatenaSearchText = "<img src=¥"http://stella.cocolog-nifty.com/starchartlog/b_entry.gif¥" width=16 height=12 style=¥"border: none;¥" alt=¥"このエントリーを含むはてなブックマーク¥" title=¥"このエントリーを含むはてなブックマーク¥" />";

4.下のリストに、以下の呼び出し記述を追加します。

addClipMM();
addSearchHatena();

ココログにはてなブックマークのポイント送信機能を追加

ココログに、はてなブックマークのポイント送信機能を追加しました。
左サイドバーの「アクセス」の中に「P!」というアイコンがあります。
はてな始めたばかりでよく分かっていませんが、面白そうなので入れてみました。
ぜひ私にもお恵みを（笑）

StarChartLogさまの「マイリストを使って、はてなブックマークの投げ銭対応」に詳しい手順が記述されています。
導入したい方は、こちらをご覧下さい。

こちらのサイトには、フッター部に「MM/memo投稿」ボタンと「このエントリを含むはてなブックマーク」ボタンがついています。
どちらかというとこちらの機能の方が、巡回先についていたら実際に使いそうです。
当サイトでもaddFootLinks01a.jsに追加する形で導入しようと、今試行錯誤中です。

はてなダイアリー始めました

はてなブックマークに引き続き、はてなダイアリーも始めました。
KOROPPYのはてなDiaryです。
はてな関係の日記を中心に書いていくつもりですが、どう変化していくかは未定です。

タグがココログと違っているので、なかなか慣れるまで大変そうです。
面倒なので、よく使いそうなものは単語登録してしまいました。

サイト名、毎回そのまんまの安直なネーミングですよね^^;
でもこれの方が、どのサービスのサイトか一目瞭然で、管理しやすいんです。

メインBBSにNGワードを設定

CGI Cafeさまからお借りしている、KOROPPYの喫茶室（BBS）のCGI(KENT WEBさまスクリプト作成)。
スパム対策としてNGワードを設定し、NGワードが含まれている書込みはできないようにカスタマイズしました。
もし普通の書込みでエラーがでるようなことがありましたら、サイドバーにあるminiBBSの方でお知らせ下さい。

【追記】
ソースは以下の通りです。

1.「設定項目」に、NGワードの設定を追加します。

# 書き込み内容制限（禁止用語を記述）
@denyword = (
"ここにキーワード");

2.「ログ書込み処理」に処理を追加します。

# 書き込み内容チェック
$flag=0;
foreach (@denyword) {
if (index($in{'comment'},$_) >= 0) { $flag=1; last; }
}
if ($flag) { &error("不適切な内容のため処理を中断しました"); }

【2005.9.13　追記】
「メインBBSに禁止URLを設定」しました。。

【2006.4.3　追記】
「メインBBSに設定アイコン以外の投稿を弾くスパム対策」を導入しました。

MiniBBSのアイコンにあわせてフォントカラーを変更

季節ごとに素敵なアイコンセットを配布してくださる、fromshun.さまのMiniBBS。
前々から選択したアイコンにあわせてフォントカラーを変えたかったのですが、「subject<!--s-->」を2回呼び出すとうまく動きません。
結局、ランダムに文字色変更という、苦肉の策に落ち着いていました。

今回は念願叶って、アイコンにあわせたフォントカラー変更を導入しました。
修正方法は、VIBErationのはってぃんさまがコメントにて教えてくださいました。
ありがとうございます。

私の手順を、以下にまとめておきます。

1.「apeboard_plus.cgi」を開き、361行目当たりの、以下の項目を探します。

# メイン部分の作成と文字列の変換（親部分）-----------------------

2.上から7項目目の「$dispsubject/i」の最後に「gc」を付け足します。

$maintmp =~ s/subject<!--s-->/$dispsubject/igc;

「subject<!--s-->」を複数回使うには、CGIを変更しなければいけなかったのですね。

3.「apeskin.html」を開き、headの中に以下の記述をコピーします。
私のアイコンは名前を変えてあるため、case文が「s1」「s2」となっています。
オリジナルのまま使っている方は、「case "s1"」の「s」を全て削除してください。

<SCRIPT LANGUAGE="JavaScript">
<!--
var c0 = "#000000"; /* その他 */
var c1 = "#F08080"; /* いちご味 */
var c2 = "#87CEFA"; /* ブルーハワイ味 */
var c3 = "#9ACD32"; /* メロン味 */
var c4 = "#ffff00"; /* レモン味 */
var c5 = "#DB7093"; /* 練乳いちご味 */
var c6 = "#6B8E23"; /* 抹茶あずき味 */

function getColorCode( subjectNo ) {
switch (subjectNo) {
case "s1":
document.write( "<font color = \"" + c1 +"\">" );
break;
case "s2":
document.write( "<font color = \"" + c2 +"\">" );
break;
case "s3":
document.write( "<font color = \"" + c3 +"\">" );
break;
case "s4":
document.write( "<font color = \"" + c4 +"\">" );
break;
case "s5":
document.write( "<font color = \"" + c5 +"\">" );
break;
case "s6":
document.write( "<font color = \"" + c6 +"\">" );
break;
default:
document.write( "<font color = \"" + c0 +"\">" );
break;
}
}
//-->
</SCRIPT>

4.bodyの「message<!--s-->」の前後に、以下のような記述を追加します。

<SCRIPT LANGUAGE="JavaScript">
<!--
getColorCode( "subject<!--s-->" );
//-->
</script>
message<!--s-->
<script type="text/javascript">
<!--
document.write("</font>");
// -->
</script>

以上で、カキ氷のアイコンにあわせたフォントカラーで表示されるようになります。
レモン味の黄色が見難いので、お好みで色を変えてください(^^ゞ

【2005.7.18　追記】
VIBErationさまが、「MiniBBSのアイコン毎に文字色を変更する方法」を発表されました。
本家はってぃんさまのソースの方が、すっきりして美しいです。

メンテナンス以降、ココログにログインできなかった不具合について

昨日のメンテナンスが終了しても、エラーが出てココログにログインできない状態が続いていました。
既に記事を投稿で来ている人もいるのに、何故だろうと思っていたら、観測気球さまに対応策が掲載されていました。

「[観] ココログの管理画面にアクセスできない現象」による対策は以下の通りです。

いまも管理画面にアクセスできずに悩んでいる人、試しに cookie を消してみてください。

最初は自分のCookie（koroppy.cocolog-nifty）を削除したのですが、これでは駄目でした（←当たり前）。
はっと気がついて、ココログ（app.cocolog-nifty）を削除したら、無事ログインできました!!

ログインで操作できないという人、他にも何人もお見かけしています。
一晩経っても、未だに「お知らせココログ」にこの障害が掲載されていないのはおかしいと思います。

MiniBBSを夏バージョン「カキ氷」へ

右サイドバーにあるミニBBSを、桜からカキ氷(summer2a)へ変更しました。
fromshun.さまの「 Blogサイド用BBS　夏季限定バージョンできました。」からお借りしました。

違う「白背景」への変更だったので、アイコンを入れ替えるだけでは動かず、あちこちいじる必要がありました。
過去の投稿では、古い桜と猫アイコンも表示できるようにしてあります。

「猫シリーズ」同士だとアイコンを入れ替えるだけで簡単なのですが、どうしてもカキ氷が使いたかったんです!
だって、どれも美味しそうでしょ～♪

どうぞお気軽にカキコしてくださいね。

コメント欄にBBSへの誘導リンクを表示

全く本文と関連性のない連絡事項などは、BBSを活用していただきたいもの。
そこで、BBSへのリンクを「コメントを書く」の下に表示することにしました。

facet-diversさまの「コメント欄の設定を明示する」のアレンジです。

以下、導入手順です。
「ココログでコメント欄の設定を表示するスクリプト」と違う記述は、太字にしてあります。

1.以下の内容を、マイリストのメモ欄に記述します。
「commentNotice」の中の文章は、お好みで変更してください。
表示位置を「コメントを書く」の下に変更するため、「comment-separator」を「comment-data」に変更しています。

<script type="text/javascript">
<!--
function commentNotice(html){
var ref = getRefNode4ComNotice();
if (!ref) return;
var div = document.createElement('div');
ref.parentNode.insertBefore(div,ref);
div.innerHTML = html;
}
function getRefNode4ComNotice() {
var n = document.getElementById("comment-data")
if (n) n.style.marginBottom="-2em";
return n;
}
commentNotice('<div id="notes-on-commentdata">記事本文と関係のない連絡事項などは、<a href="http://hpcgi3.nifty.com/koroppy/cocobbs/kerobbs.cgi">BBS</a>をご利用ください。</div>');
//-->
</script>

2.CSSに以下の記述を追加します。
「#notes-on-comment」の内容をコピーし、必要な部分だけ変更すると楽です。

/* BBSへの誘導表示 */
#notes-on-commentdata {
border: dotted 1px #697497;
padding: 0.5em;
position: relative;
top: -15px;
line-height: 1.3em;
color: #697497;
font-size: x-small;
}

アレンジ方法は、開発者であるfacetさまに教えていただきました。
いつもありがとうございます。

「KOROPPYの本棚」のトラックバック・ポリシー

当サイトのトラックバック・ポリシーをまとめました。
参考にさせていただいたのは、【絵文禄ことのは】さまの「トラックバック・ポリシーを作ろう。ルールやマナーに悩む人のための作成ガイド」です。
雛型から選択しつつ、必要な部分は補足・修正を加えました。

既に「トラックバックへのスタンス」がありますが、これは「自分がトラックバックを送るときに気をつけることの覚書」から始まったもの。
訪問してくださった方に対して、簡潔で要点の分かりやすいものではなかったので、作り直しました。

「個別記事にトラックバックの注意書きを明記」を修正し、トラックバックURL欄にこの記事へのリンクを表示しました。

　　　【基本】
このサイトへのトラックバックは原則フリーですが、削除することもあります。
内容に関係があってリンクもしている記事からは、トラックバックを遠慮せずにできるだけしてほしいです。

　　　【礼儀・挨拶】
トラックバックする際、事前連絡は必要ありません。
文中で必ずリンクしてありますので、トラックバックへのトラックバック返しは、必要ありません。
当サイトへのリンクがない、またはリンク先がサイトのトップである場合、こちらからトラックバック返しをすることがあります。
重複トラックバックはこちらで削除しますので、削除依頼は必要ありません。

　　　【削除対象】
内容に関係がなく、当方へのリンクのない記事からのトラックバックは、削除します。
文中で参照リンクの貼られているものの、内容は直接関係ない記事からのトラックバックは、削除することもあります。
内容は関連しているが、当方へのリンクのない記事からのトラックバックは、削除せずトラックバック返しをします。
機械的・大量のトラックバックspam広告は、削除します。
その他、管理人の判断で削除することがあります。

ブクログの本棚にデリシャスライブラリーモード

ゴールデンウイーク中に、ブクログの本棚が進化してますね。
標準の本棚で、本を横積みしてみたり。
デリシャスライブラリー風では、表紙を重点的に見せてみたり。
せっかく画像を使っているブクログですから、こういう見せ方の楽しみが増えるのは嬉しいことです♪

あとはお友達の本棚を登録できるようになるといいな。

「KOROPPYのMemo」を開設

TypeKeyのアカウントを取得して、1470.netの「MM/Memo」にKOROPPYのMemoを作りました。
ソーシャルブックマークサービス機能がついています。
TypeKeyはBlogにコメントするときに使うものかと思っていたら、こんな活用方法があるのですね。

このソーシャルブックマークサービスとMyClipとの使い分けが、自分の中でできていません。
タグなどのプラスアルファをつけられるから、全てソーシャルブックマークサービスに入れてしまえばいいのかな?
とりあえず、最近のMyClipデータを移行してみました。

【2005.5.6　追記】
自分で分類（タグ）を作れること。
「お気に入り」に入れることで、他の人の新着もRSSリーダーでチェックできること。
更に特定のタグについての新着を、RSSリーダーでチェックできること。
同じページを登録した他の人のメモも、一括で見ることができること。
などなど、慣れてくるととても便利なものですね。

MyClipの使用を止め、完全にMM/Memoへ移行しました。

「プレーンテキスト」の過去記事編集への要望

4月7日のメンテナンス直後は、「プレーンテキスト」にも関わらず、記事を保存するとpやbrタグが挿入されていました。
これですと結局タグつきの記事を編集せねばならず、「リッチテキスト」とあまり変わりませんでした。

リッチテキストもいいところがあるのですが、どうしても譲れない問題があります。
blockquoteの使い勝手が悪いのと、過去記事編集で一部の文章（スクリプトの記述など）を消されてしまうことです。
なので私は「プレーンテキスト」に戻しました。

これが気がつくと、「プレーンテキスト」では以前のように、タグなしの文章のみで編集できるように戻っていました。
とても嬉しい変更です。

で、気になるのが以前「リッチテキスト」で保存した記事たちのこと。

「リッチテキスト」で「新規投稿」や「過去記事編集」した記事は、今「プレーンテキスト」で編集するときもタグが表示されてしまうんですよね。
強引にpとbrを削除して「プレーンテキスト」で保存しなおすと、改行なしでずらずらと表示されてしまいます。
つまりタグの記述が必須の設定になってしまっているのです。

一度「リッチテキスト」を使ってしまった記事は、二度と「プレーンテキスト」の状態で編集できないのでしょうか?
記事のどこかに、「リッチテキスト」で保存したというフラグがあるのでしょうか?

あと一声。
「リッチテキスト」で編集してしまった過去記事も、「プレーンテキスト」でタグなし編集できるよう、変更をお願いします。

この要望を、「ココログスタッフからのお知らせルーム」へトラックバックします。

【追記】
「プレーンテキスト」に限らないのですが、「カスタム設定」での画像アップロードについて。
imgタグにwidthとheightが表示されないのが不便です。
サムネイルありにしないと、表示されないようですね。

BlogPeopleのList Me!! でサイト名のみを表示させる

BlogPeopleの「List Me!!」をクリックすると、サイト名の欄に「document.title」が表示されます。
トップページの場合はサイト名が表示されるので問題ありませんが、個別ページですと「サイト名:記事タイトル」が表示されてしまいます。
当サイトとではBlogPeopleという専用ページにリンクがあるので、「KOROPPYの本棚:BlogPeople」と登録されてしまう場合があります。

そこで「document.title」ではなく、サイト名が表示されるように修正しました。
参考にさせていただいたのは、やむやむさまの「BlogPeopleのListMe!をいじってみた」です。

1.MT系での導入方法。

+escape(document.title),

上記の太字部分を、以下のように書き換えます。

+escape('<$MTBlogName encode_html="1"$>'),

2.MT系ではない、またはココログベーシックのように上記のタグが使えない場合の導入方法。

+escape(document.title),

上記の太字部分を、以下のようにサイト名に書き換えます。

+escape('KOROPPYの本棚'),

ささやかなことですが、訪問者に優しい小技ですね。

今回の修正に当たり、「リッチテキスト」で問題が発生しました。

BlogPeopleのリンクリストを貼り付けた個別ページを編集しようとすると、タグが消されてしまうのです。
リンクリストを表示しようとする→できない→タグを消してしまうという、流れなのでしょうか。
結局は「プレーンテキスト」にして編集しましたが、この問題は気にかかります。

それから引用ボタンの動きと、「記事の作成」での表示が今ひとつで使いにくいです。

ココログのフォルダ名重複問題への要望

カテゴリのフォルダ名重複問題について、ココログへのの要望です。

ココログの大元であるTypePad Japanでは、11日のメンテナンスでこの問題が修正されました。
情報をお寄せいただいたのは、モコ・ア・モコ　うさぎらぶらぶふぁいやー！！！！さまです。
「BlogPetの背景」「BlogPetの言葉」「BlogPetの話」というように、私と同じく"BlogPet"で始まるカテゴリ名を複数設定されています。
しかしココログのように、カテゴリのフォルダ名が重複することはなく、きちんとバックナンバーが表示できています。

今後ココログでも同様にバージョンアップすることを、前向きにご検討いただきたいと思います。

メールフォームを導入しました

メールアドレスを公開せずにメールを受信できるよう、メールフォームサービスを導入しました。
利用したのは、ChoiM@ilです。

女の子向けの可愛らしいデザインが、8種類用意されています。
《緑系》チェック
《ピンク系》うさぎ、花、シンプル(ピンク1)、シンプル(ピンク2)
《オレンジ系》水玉、料理、猫
今回は「うさぎ」を選びました。

デフォルトの入力項目を利用すれば簡単ですし、自分で項目を増やすことができます。
並べ替えや、入力必須の有無なども、簡単に設定できます。
メールを受け付けたときに、自動的に受付メールを返信することもできます。
送信元のIPアドレスも取得してくれます。

CSSでカスタマイズしたい人には向いていませんが、簡単手軽で可愛らしいものを、という方にお奨めです。

右サイドバー「BBS」の中と、プロフィールにリンクしてあります。
お気軽にご利用ください。

ただし、気になる点もあります。

受信用メールの設定に、Yahooメールが利用できませんでした。
GMailでは設定できました。
HotmailやYahooのようなフリーメールでは、利用できないのかもしれません。

フォームの有効期限を必ず設定しなければならず、最大1年となっています。
1年経った頃にはデザインを変えればいいのかもしれませんが、要注意事項です。

また、3ヶ月利用されないと、自動的に削除されてしまうようです。

リッチテキストで引用文の文字色を指定する

今までのblockquoteのCSSのままでは、リッチテキストでの引用文に、文字色が反映されなくなりました。
blockquoteの中にｐタグが挿入されるからです。

そこでリッチテキスト用に、以下の記述を追加しました。

.content blockquote p{
color: #697497;
}

この文字色は、以下のblockquoteと同じものをコピーしてきました。

.content blockquote {
color: #697497;
}

これでバージョンアップしたココログでも、引用文の文字色を指定できます。

投稿画面では画像の上書きアップロードができない

今回のファイルアップロードに関する仕様変更で、一つだけ気になる点があります。

今までは「記事の作成」で画像ファイルをアップロードすると、既に同じファイルがあれば確認画面が出て上書きできました。
それが今では、上書きができなくなっています。
できないだけならいいのですが、勝手に名前を変えて(_2などとつける)アップロードされてしまいます。
上書きのつもりが、無駄に二つのファイルができてしまい、URLも変わってしまいます。

ファイルマネージャーでアップロードする分には、上書きが可能です。
また画像ではなく、その他のファイルのアップロードでは、上書き確認が行われます。

勝手に名前を変えてアップロードするのではなく、以前のように上書き確認するようにして欲しいです。

カーソルのあるところに画像が挿入できるようになったのは、便利ですね。

ココログスタッフからのお知らせルームにトラバしてみます。

seesaaサイドバー折りたたみボタンの色を開閉で変える

seesaaのサイドバーを折りたたんだ時、開閉でボタンの色を変えました。
毎度ながらfacetさまのアドバイスのおかげです。

折りたたみスクリプト設置手順と違う部分のみ、明記します。

1.手順1の記述を、以下のように書き換えます。
太字の部分が変更や追加のあったところです。

function toggleOpenClose(id,val){
if(val == "▲"){
document.getElementById(id).style.display = "none";
document.getElementById('btn' + id).value = "▼";
document.getElementById('btn' + id).className = "btnunfold";
}
else{
document.getElementById(id).style.display = "block";
document.getElementById('btn' + id).value = "▲";
document.getElementById('btn' + id).className = "btnfold";
}
}
function getButton(obj, i , sInner , bDefaut){
var ret;
var val;
var classname;
if ( bDefaut ) {
val = "▲";
classname = "btnfold";
}
else {
val = "▼";
classname = "btnunfold";
}
ret = '<div align="left">'+'<label for="btncolumn' + i + '" class="columntitle">' + sInner + '</label>'+'<input type="button" value="' + val + '" id="btncolumn' + i + '" class="' + classname + '" onclick="toggleOpenClose(\'column' + i + '\',this.value);"/>'+'</div>';
obj.setAttribute("id", 'column' + i);
return ret;
}

2.手順8のCSSの記述を削除し、以下の記述に差し替えます。

/* 折りたたみボタン▲ */
.btnfold{
font-size:8pt;
color:#DB7093;
text-align:center;
border:1px solid #DB7093;
background:#FFFFFF;
height:14px;
width:14px;
float:right;
margin-top: -15px;
}
/* 折りたたみボタン▼ */
.btnunfold{
font-size:8pt;
color:#697497;
text-align:center;
border:1px solid #697497;
background:#FFFFFF;
height:14px;
width:14px;
float:right;
margin-top: -15px;
}

【追記】
ボタンの右寄せをやめ、タイトルのすぐ横に表示するよう変更しました。

float:right;
margin-top: -15px;

上記の記述を、下記の記述に差し替えました。

margin:0px 0x 2px 5px;

ココログのファイルアップロードが便利に

本日のメンテナンスの結果、ココログのファイルアップロードがとても便利になりましたね!

一番嬉しかったのが、前回のメンテナンスの不満が解消されたこと。
面倒だったアップロードの設定が保存できるようになりました。
アップロード先のフォルダも、以前のように指定できるようになりました。
どちらも「画像オプション」で「カスタム設定」を選ぶと、設定できます。

「ファイルマネージャー」でのファイルのアップロード、フォルダの作成も可能になりました。
既にアップロード済みのファイルのリンクタグも、随時参照できて便利ですね。

今まで表示されなかったHTMLやCSSファイルも表示されるので、削除が可能になりました。
カテゴリ名変更に伴い、不要になったバックナンバーファイル(結構重いんです)も削除できました。
うっかり必要なファイルを削除しないよう、自己責任で慎重な操作が必要ですね。

ファイル関連以外にも、いくつか変わっていますね。

記事投稿画面のタグ機能の画像が一新されました。
引用文がダブルクオーテーションになっていたので、最初分かりませんでした。
引用ボタンを押すと、タグに「dir="ltr" style="MARGIN-RIGHT: 0px"」がつくのと、「HTMLの編集」から「記事の作成」に切り替えると<p>タグが入ってしまうのも気になります。

本文入力欄を「大きく」しても、保存した後はまた元のサイズに戻るようですね。
これも設定が保存できると嬉しいのですが。

「この編集画面の表示設定を変更する」を使うと、実際にココログ上での表示を確認しながら、HTMLを編集できるのですね。
ソースを貼り付けても、「<」を「&lt;」にきちんと変換してくれますし。
いちいち「確認」を押さなくていいのは、便利かもしれません。
2画面切り替えは、慣れるまでちょっと大変そうですけど^^;

「サイトを表示」のリンクが「ココログを表示」に変わっています。
「固定リンク」が「Permalink」になったのは、他社に合わせたのでしょうか。
日本語表記は分かりやすくて、好きでしたけれど。
→フッターの「Permalink」を元の「固定リンク」に戻す方法がありました。
参照「お知らせココログ:表示言語の設定について」

逆に「XMLを表示する」は「RSSを表示する」へ。
分かりやすくなりましたね。

欲しかった「トラックバック一覧」もできていました。
ただし観測気球さまの記事に気になる制限事項も。

IPアドレスでトラックバックの規制をする場合、そのIPアドレスが例えば livedoor Blog のサーバのIPアドレスだったりすると、livedoor Blog を使っている全ての blog からのトラックバックを規制してしまうことになる

つまりココログやJUGEMといったBlogサービスを利用している相手からのトラックバックでは、個別のサイトを規制できないということでしょうか。

総括。
今回は、長い間待っただけの甲斐のある、充実のメンテナンスでした。
満足♪

意見を募集しているとの事なので、ココログスタッフからのお知らせルームへトラックバックしてみます。

【追記】
「保存」が終わるたびに、編集画面のウインドウが前面に来るのは不便ですね。
別画面で作業していると、中断されます。

それから個別記事URLの生成が変わったようですね。
「post_」の後に、数字の連番以外の英数字が使われています。

マイリストの「メモ欄」、狭っ!!

改行のたびに<p>タグが挿入され、不便だなと思っていたら、回避方法を発見しました。
いかんともしがたいさまの「ココログのリッチテキストエディタでの改行方法」より。

改行するときは [ Shift + Enter ]

段落を作るときは [ Enter ]

それからコメント投稿者名につくリンクも変わりましたね。
今まではサイトURL(またはメールアドレス)だったのが、以下のようなリンクになりました。

http://app.cocolog-nifty.com/t/comments?__mode=red&id=*****

「Click here if you are not redirected」というページから、リダイレクトするようになったのですね。

seesaaのサイドバーを折りたたむ

seesaaのサイドバーを折りたたんでみました。

参考にしたのは、色と日記とウェブログさまの「[ブログ]番外編　コラム開閉スクリプト」です。
livedoorの記事ですが、seesaaでも使えるようです。

1.折りたたみスクリプトをコピーします。
ここでは、ボタンに表示する文字を設定できます。
「▲」が開いているとき(ココログの「－」)、「▼」が閉じているとき(ココログの「＋」)です。

/* 折りたたみスクリプト */
function toggleOpenClose(id,val){
if(val == "▲"){
document.getElementById(id).style.display = "none";
document.getElementById('btn' + id).value = "▼";
}
else{
document.getElementById(id).style.display = "block";
document.getElementById('btn' + id).value = "▲";
}
}

function getButton(obj, i , sInner , bDefaut){
var ret;
var val;
if ( bDefaut ) {
val = "▲";
}
else {
val = "▼";
}
ret = '<div align="left">'+'<label for="btncolumn' + i + '" class="columntitle">' + sInner + '</label>'+'<input type="button" value="' + val + '" id="btncolumn' + i + '" class="btncolumn" onclick="toggleOpenClose(\'column' + i + '\',this.value);"/>'+'</div>';
obj.setAttribute("id", 'column' + i);
return ret;
}

最後の「ret = ～</div>」で、サイドバーのコンテンツ名(=sidetitleの値)と開閉ボタンの順番を決めています。
私の記述では、名前→開閉ボタンの順で表示されます。
開閉ボタン→名前の順に表示するには、以下の記述に差し替えてください。

ret = '<div align="left">'+'<input type="button" value="' + val + '" id="btncolumn' + i + '" class="btncolumn" onclick="toggleOpenClose(\'column' + i + '\',this.value);"/>'+'<label for="btncolumn' + i + '" class="columntitle">' + sInner + '</label>'+'</div>';

またこの「<div align="left">」で、コンテンツ名の文字の配置を指定しています。
中央寄せにしたい場合は「center」を指定してください。

2.次に、開閉ボタンの設定をします。
「aryTitle」には、ボタンをつけたいコンテンツの名前(=sidetitleの値)を入れます。
「aryDefault」では、デフォルトでの折りたたみ状態を指定します。
開いておく場合は「true」、閉じておく場合は「false」にします。
[]内の数字は、1から連番にしていきます。
「aryTitle」と「aryDefault」の2行でワンセットなので、同じ値を入れます。

var aryTitle = new Array();
var aryDefault = new Array();

/* 折りたたみ箇所指定 */
aryTitle[1] = "新着記事";
aryDefault[1] = true;

aryTitle[2] = "最近のコメント";
aryDefault[2] = false;

3.折りたたみの処理部をコピーします。

/* 折りたたみ処理 */
var aryDiv = document.getElementsByTagName("div");
var sTmpInner;
for(var j = 0; j < aryDiv.length; j++){
if(aryDiv[j].getAttribute("class") == "sidetitle" ||aryDiv[j].getAttribute("className") == "sidetitle"){
sTmpInner = aryDiv[j].innerHTML;
for(var i = 0; i < aryTitle.length ; i++){
if (sTmpInner.indexOf(aryTitle[i]) != -1 ) {
aryDiv[j].innerHTML = getButton(aryDiv[j+1], i , sTmpInner , aryDefault[i]);
}
}
}
}

if(document.getElementById){
document.writeln('<style type="text/css" media="all">');
document.writeln('<!--');
for(var i = 0; i < aryDefault.length ; i++){
if( aryDefault[i] ){
document.writeln('#column' + i + '{display:block;}');
}
else {
document.writeln('#column' + i + '{display:none;}');
}
}
document.writeln('-->');
document.writeln('</style>');
}

4.手順1～3の記述をファイルに保存します。
文字コードはEUC-JP、形式はJavaScriptで保存します。
例》sidebarfold.js

5.「ツール」→「ファイルマネージャー」でこのファイルをアップロードします。

6.サイドバーの最下部に「自由形式」のコンテンツを追加します。
手順5でアップロードしたファイルのURLに変更します。

<SCRIPT language="JavaScript" type="text/javascript" src="http://***.seesaa.net/file/***.js" charset="EUC-JP"></SCRIPT>

7.再構築すれば、設置は完了です。

8.折りたたみボタンのデザインを変更するには、CSSに記述を追加します。
私はボタンの位置を右寄せにしました。

/* 折りたたみボタン */
.btncolumn{
font-size:8pt;
color:#5F5F5F;
text-align:center;
border:1px solid #BFBEBA;
background:#FFFFFF;
height:14px;
width:14px;
float:right;
margin-top: -15px;
}

【補足】
ココログのように、ボタンの開閉で色を変更できると更にいいですね。

手順1とCSSを以下のように変えることで、起動時に開閉で色を分けることは出来ました。

function getButton(obj, i , sInner , bDefaut){
var ret;
var val;
var classname;
if ( bDefaut ) {
val = "▲";
classname = "btnfold";
}
else {
val = "▼";
classname = "btnunfold";
}
ret = '<div align="left">'+'<label for="btncolumn' + i + '" class="columntitle">' + sInner + '</label>'+'<input type="button" value="' + val + '" id="btncolumn' + i + '" class="' + classname + '" onclick="toggleOpenClose(\'column' + i + '\',this.value);"/>'+'</div>';
obj.setAttribute("id", 'column' + i);
return ret;
}

/* 折りたたみボタン▲ */
.btnfold{
font-size:8pt;
color:#DB7093;
text-align:center;
border:1px solid #DB7093;
background:#FFFFFF;
height:14px;
width:14px;
float:right;
margin-top: -15px;
}
/* 折りたたみボタン▼ */
.btnunfold{
font-size:8pt;
color:#697497;
text-align:center;
border:1px solid #697497;
background:#FFFFFF;
height:14px;
width:14px;
float:right;
margin-top: -15px;
}

でもこれでは、起動時の色で固定になってしまうんですよね^^;
ボタンを閉じたり開いたりしたときに、うまく変わってくれないんです。

それから、折りたたみの状態保持もできないのですね。

【追記】
折りたたみの開閉で、ボタンの色を変えるよう変更しました。
詳しくは「seesaaサイドバー折りたたみボタンの色を開閉で変える」をご覧ください。

ナビゲーションメニューをリニューアル

増えたカテゴリに対応するため、ナビゲーションメニューを一新しました。
ボタンの素材を小さいものに変更し、全てのカテゴリを表示できるようになりました。

素材は前回同様、MINE CHANNEL!さまからお借りしました。
シンプルながらお洒落で、可愛らしさのあるリンクボタンが豊富にあります。
色違いも揃っているので、サイトに併せたデザインを選べます。
今回は色違いを全部使って、種別ごとに色を変えてみました。

重複カテゴリ名問題へのniftyからの回答

「カテゴリ別バックナンバーに不具合発生中」に関して、niftyから回答がありました。

カテゴリ名を変更および追加後、各カテゴリ名のリンクが同一になってしまったとのことですが、下記アドレスでもご案内しておりますが、カテゴリ名に半角と全角が混在している時には、ブログのシステム構造上、半角部分が同一URLのカテゴリが作成されます。

【ココログヘルプ　ウェブログ－設定】
http://help.cocolog-nifty.com/help/cat550612/index.html
・[ カテゴリページに表示されない個別ページがある ]

　上記の現象はココログでの制限事項となっており、何卒ご容赦賜りたく存じます。

要は仕様です、ということでしょうか。

回避策として「BlogPetBackground」「ブログペット」という表記案を提示されました。
しかし「ブログペット」と「BlogPet」、「ウェブログ」と「Blog」などの表記は、こだわりを持って使い分けています。
ましてやシステム上の問題を回避する為に、「BlogPetBackground」などと分かり難い名前はつけたくありません。

個別ページURLのように、カテゴリ名も同じ英数字の場合は連番をつける（「Blogpet_1」「BlogPet_2」）など、プログラムで回避方法があると思うのですが。
不満の残る回答でした。

【2005.4.11　追記】
TypePad Japanではこの問題が修正されました。
詳しくは「ココログのフォルダ名重複問題への要望」をご覧下さい。

カウンタがリセットされました(T^T)

今アクセスしたら、左サイドバーに入れていたカウンタが、なぜかリセットされていました!!
バックアップを取ったのはかなり前なので（2005年3月15日で307213ヒットが最後）、値を元に戻すこともできず...。
とりあえず、カウントスタート日付だけは修正しました。

開設当初から今まで、このサイトの歩みをカウントし続けていた値なので、消えてしまったことがとてもショックです。
@niftyのCGIスペースにおいていているのですが、負荷が高くなってファイルが壊れたりしたのでしょうか。

レンタルカウンタに移行したほうが、安全なのでしょうか。
でもこのデザイン、気に入っているんですよね...。

ハイクブログにコメント記入履歴

ハイクブログに「コメント記入履歴」ができましたね。
今まではコメント先の記録がなかったので、その後レスがついたか確認できていなかったんです。
この機能があれば見逃さないので、コメントが活発になりそうですね。

ただし履歴が残るのは、ログインした状態でコメントした場合に限ります。
ログインしていないと名前にリンクも張られないので、なるべくログインしてコメントしたいものです。
毎回ログインしなくても、一定期間はログインした状態を保存できるといいのですが。

実験機能のため、予告なく終了、変更になる場合があります。

とのことですが、便利なので正式実装へぜひ移行していただきたいです。

過去１週間分のうち最大30件を表示

が現状ですが、時間制限なしで過去○件表示になると嬉しいです。

さらに「投稿した季語・お題履歴」もできると便利ですね。

カテゴリ別バックナンバーに不具合発生中

今まで「こうさぎ」カテゴリにまとめていた記事を、内容ごとに分類して3分割しました。
新しいカテゴリは「BlogPet」「BlogPet背景」「BlogPetの後姿ラブリー同盟」の3つです。

が、しかしっ!!

3つともバックナンバーのURLが、同じ「http://koroppy.cocolog-nifty.com/blog/blogpet/index.html」になってしまっています。
そのため「BlogPet」以外の2つのバックナンバーが、正しく表示できません。
カテゴリ名が同じ"BlogPet"の文字から始まっているせいでしょうか。
原因はまだ分かりませんが、只今niftyに問い合わせ中です。

分割することでBlogPet関連バックナンバーの軽量化を図ったのですが、思わぬ結果になりました。
現段階では、旧「こうさぎ」バックナンバーを参照くださいませ。
お手数をおかけして申し訳ございません。
よろしくお願いします。

【2005.3.31　追記】
niftyから回答がありました。
要は仕様ということでしょうか。

【2005.4.11　追記】
TypePad Japanではこの問題が修正されました。
詳しくは「ココログのフォルダ名重複問題への要望」をご覧下さい。

うしくん立ち寄り所になりました

人口無脳うしくんの巡回先に入れていただきました。
早速記事にしてもらったので、ご紹介します。

★「Re: BlogPetの他Blog紹介機能」
5・7・5になってないんですけどヾ(--;)ぉぃぉぃ。

★「Re: ブラウザのスタイルシートを設定する」
日ごろの行いがモノを言うんですよ、うしくん(゜ー゜)ニヤリ。

★「Re: サイトのQRコードを作成」
運転手さん、スーパーまでよろしく。
ショッピングカートで遊んじゃいけませんよ。
うさぎだけでなく、いぬやねこ、パンダもオススメしております♪

うしくんに巡回して欲しい方は、「うしからの無脳エントリ希望者募集」から申請を。

サブタイトルの表示をアレンジ

春咲き組Ringのタグを、サブタイトルの右端に表示させました。
サブタイトルにそのまま入れると、ナビゲーションメニューの下に表示されてしまいます。
そこでfloatを使って位置を調整しました。

いつもお世話になりっぱなしのfacetさまに、今回もアドバイスをいただきました。
ありがとうございました。

手順は以下の通りです。

1.サブタイトルの記述を分割します。
説明文は「<div class="subtitle">」、ナビゲーションメニューは「<div class="menu">」、春咲き組Ringは「<table class="sakuraring">」にしました。

2.スタイルシートに以下の記述をします。

#banner h2 {
font-size: 13px;
display: block;
text-alingn: center;
}
/* サイト説明 */
#banner h2 div.subtitle {
font-size: 13px;
text-alingn: left;
margin: 10px 0px 5px 40px;
line-height: 1.5em;
height: 40px;
}
/* ナビゲーション */
#banner h2 div.menu {
text-align: center;
}
/* 春咲き組Ring */
#banner h2 table.sakuraring {
float: right;
margin-top: -110px;
height: 75px;
font-size: 11px;
line-height: 1.5em;
}

個別記事にトラックバックの注意書きを明記

「トラックバックへのスタンス」を記事にまとめても、トラックバックする前になかなか読んでいただけないものです。
そこでトラックバックURLの下に、注意書きを表示することにしました。

オリジナルは、facet-diversさまの「トラックバックの注意書きを明示する」です。
私はスタイルシートを利用しています。

右サイドバーのマイリストのメモ欄に、以下の記述を追加します。

<script type="text/javascript">
<!--
var notes = '重複トラックバックはこちらで削除致しますので、お気になさらずに。<br />当サイトへの言及リンクがなく、関連性の低いトラックバックについては、削除する場合があります。ご了承ください。<br />詳しくは<a href="http://koroppy.cocolog-nifty.com/blog/2004/02/post_20.html">「トラックバックへのスタンス」</a>をご一読ください。';
function AddNotesOnTrackbacking(html) {
var ref = _getRefNode();
if (!ref) return;
var div = document.createElement('div');
div.id = 'notes-on-trackbacking';
ref.parentNode.insertBefore(div, ref);
div.innerHTML = html;

function _getRefNode() { // for Typepad
var n = document.getElementById("trackback")
if (!n) return null;
n = n.parentNode; // h2
while (n) {
if (n.nodeType==1 && n.className && n.className=="trackback-list-head") {
return n;
}
n = n.nextSibling;
}
return null;
}
}
AddNotesOnTrackbacking(notes);
//-->
</script>

スタイルシートには、以下の記述を追加します。

#notes-on-trackbacking {
margin: 1em;
border: dotted 1px #697497;
padding: 0.5em;
line-height: 1.3em;
color: #697497;
font-size: x-small;
}

「ココログでコメント欄の設定を表示」も、同様に点線の枠で囲むよう変更しました。
自分の環境（IE6.0）で綺麗に見えるよう、marginでかなりの調整を行っております。
他のブラウザで「表示がおかしいよ」という場合は、コメントでお知らせいただけると助かります。

クリックされたリンクを調べるMyBlogLogを導入

自分のページに来てくれたリンク元(=IN)は、各種アクセス解析で調べることができますよね。
MyBlogLogは、その逆といいましょうか。
自分のサイトから外部へのリンク(=OUT）で、クリックされたものを調べるツールです。

英語のサイトですが、入力項目は以下の5つなので難しくはありません。
Blog Name（サイト名）
Blog Address (URL)
Your Email Address（メールアドレス）
Enter Password（パスワード）
Confirm Password（パスワード確認）

無料の「MyBlogLog (Free)」を選択し、生成されたスクリプトをサイドバーに貼り付けるだけです。

記事本文だけでなく、サイドバーに貼り付けているMyClipをクリックした場合でも拾ってくれるのですね。
さすがにiframe内のリンクは、無理っぽいです。
何を紹介したリンクが一番人気があるのか、解析結果が楽しみです♪

【追記】
設置して半日しか経っていないのに「Today」と「Yesterday」のデータが発生!
たぶん日付の区切りが、現地時間（アメリカ?）なんでしょうね、きっと。
「Yesterday's Top 5 Links」をサイドバーに表示することもできますが、これも現地時間区切りになるようです。

【2005.3.20　追記】
「MyBlogLog Account Downgraded」という通知メールが届きました。
アクセスしてみると、表示される解析データが減っています。
なるほど、最初は無料でProをお試しできるわけですね。

livedoorのサイドバーに「ページ内見出し一覧」

ライブドアの「カテゴリアーカイブ」と「月別アーカイブ」のサイドバーに、「ページ内見出し一覧」をつけました。
このココログサイトでは、右サイドバーにある「このページの記事」のことですね。
「カテゴリー内の記事一覧を載せる」を参考にさせていただきました。

カテゴリ別では、以下の記述を追加します。

<div class="sidetitle">ページ内見出し一覧</div>
<div class="side">
<CategorizedArticlesLoop>
<$TrackBackAutoDiscovery$>
<div class="sidebody"><a href="#<$ArticleId$>">
<$ArticleTitle ESCAPE$></a></div>
</CategorizedArticlesLoop>
</div>

月別では、太字の「CategorizedArticlesLoop」を「MonthlyArticlesLoop」に変更するだけです。

記述する場所は、裏技個別記事サイドバーの中です。
私の例では、サイドバーの最上部に表示されます。

<div id="links">
ここに記述
<script language="JavaScript" src="<$BlogUrl$>plugin.js"></script>
</div>

今回ハマったのが、HTMLテンプレートを修正したのに、サイトに反映されないという現象です。
ちゃんと再構築しているのに、何故反映されないのか?
ココログにはない現象なので、昨日から悩んでいました。

検索してみると、「livedoorのブログのカスタマイズをしているけど、すぐに反映されない？」に回答がありました。
難しいことは上記の記事にお任せするとして、具体的な対策は唯一つ。
修正したHTMLに該当する記事を、修正するのです。

私は過去記事を一つ「編集」画面にし、いじらずそのまま「保存」しなおしました。
すると、新しいHTMLが反映されているではありませんか!
再構築といい、この奇妙なワンクッションといい、面倒ですね～。

【追記】
一つも過去記事のないカテゴリでは、ページが真っ白に表示されてしまいます。
エントリ数が少ないのに、導入すべきではなかったかも(^^ゞ

...と思ったら、「ページ内見出し一覧」を削除しても真っ白に。
記事が一つもないカテゴリは、そもそもエラーが出てしまうのでしょうか。
それとも裏技サイドバーがよくないのかな?

livedoorにカウンタとアクセス解析を設置

ライブドアに、カウンタとアクセス解析を設置しました。
本当はサイドバーに追加したいのですが、昨日と同じように、裏技個別記事サイドバーで上手く動作しません。

パンパでガウチョさまの「livedoor Blogでのカウンタ類のスマートな付け方」を参考にさせていただきました。

1.忍者TOOLSで「よろづカウンター」と「中流アクセス解析」をレンタルします。

2.「Blogの設定」の「説明」に、以下の記述します。
descriptionタグを閉じた後、新しいclassを作って上記のソースを貼り付けます。
私は「"tools"」にしました。
最後に「</div>」は不要です。

サイトの説明分</div><div class="tools">ソースの貼り付け

3.スタイルシートで、「.tools」を新しく記述します。
私は「.description」をそのままコピーしました。

livedoorの個別記事にサイドバーをつける

夫が「blogを始めたい」と言い出しました。
大好きな古田選手の影響と思われます（←単純）。

原稿は自分で書くようですが、サイトの作成や管理は私任せで頼みたいとの事。
全部自分でやりなさいっ!!
...とは思ったのですが、他のblogサービスを使うのもいい経験かも。
ということで、ライブドアにサイトを開設し、カスタマイズに挑戦しました。

livedoorは、トップページにしかサイドバーが表示されないのですね。
livedoorブログのカスタマイズ方法を参考に、HTMLに記述を追加し、CSSも併せて修正しました。

「<div id="content">」を閉じる場所がよく分からず、試行錯誤です。
結局footerの直前に、以下の記述を追加しました。

</div>
<div id="links">
<script language="JavaScript" src="<$BlogUrl$>plugin.js"></script>
</div>

livedoorでは、デザインを「カスタム」にすると、CSSもHTMLも無料コースで編集できます。
高度なことができるのは魅力的ですが、初心者には難しいのではないかと感じました。
私にとってHTMLは、半ば暗号でした(￣□||||!!

個別記事の裏技サイドバーでは、MyblogListとBlogPeopleの表示が変になってしまいます。
JavaScriptの中にJavaScriptがあるのが原因との事で、枠の外に飛び出してしまうのです。

回避方法は、小春日和の陽射しの中でさまの「サイドバーにスクロール窓」で紹介されていました。
これがどうしても上手くいかないんです(T^T)

HTMLファイルをアップロードするようなのですが、画像ファイルのアップロードしか発見できず。
ファイルは別スペースにアップロードしたのですが、今度はiframeで妙な横スクロールバーが出てしまいます。
結局JavaScriptは諦めて、別ウインドウでリストを表示する機能を利用することにしました。

ココログを始めた頃のように、試行錯誤中です。
カスタマイズは大変だけど、成功したときの喜びも大きいですね。

こうやって他のサービスを利用してみると、ココログって使いやすいなと感じます。
他のサービスでは、とにかく「再構築」が面倒です。
短気な私には、この手間が辛いんです。
それからココログは、サイドバーの作成や並び替え機能が、ずば抜けて便利ですね。

【2005.3.7　追記】
同様に、「月別アーカイブ」にもサイドバーを設定しました。
同じ記述をしているはずなのに、「カテゴリ別アーカイブ」はサイトに反映されません。
再構築もしたのに、謎です。

【2005.3.7　追記】
修正したHTMLテンプレートが、再構築しても反映されない謎が解決しました
くわしくは「livedoorのサイドバーに「ページ内見出し一覧」」。

ブログ検索「Find Blog」

trackfeed経由で知った、ブログ検索Find Blog。
blogごとにサイト情報が出るのですが、「よく出てくる言葉」をまとめてあるのが面白いですね。
最近使っている単語ばかりなので、RSS(ココログなら最新15件)の中で、頻度の高い言葉を抽出しているのでしょうか。

KOROPPYの本棚のよく出てくる言葉は、

桜,ラブ,後姿,背景,うさぎ,本棚,サイト,香り,桜花,人,

確かに「うさぎ」の「後姿」が「ラブ」な記事、多いですね（笑）
「桜」や「桜花」は桜花ぶろぐ関連でしょうか。

KOROPPYの裏庭のよく出てくる言葉は、

背景,うさぎ,記事,エコ,ネット,神殿,広場,方法,サイト,サイド,

最近は「ネット」で見つけた「背景」の紹介に使っているので、その説明文から拾った単語が多いようです。

「BlogPet」で検索するとあまりヒットしないのですが、「うさぎ」で検索するとそれらしいサイトさんがヒットします。
「こうさぎ」を「うさぎ」と抽出しているのは、修正して欲しいですね^^;

他のblogからリンク数の多い順/総合ランキングも300位まであります。
295位に密かにランクインしてました(*^m^*)

BlogPeople Tagsを使ってみた

BlogPeopleの新機能、BlogPeople Tagsを使ってみました。
私のページは、「BlogPeople Tags - koroppy」です。

最初はモダシンさんの説明を読んでもさっぱりでした。
del.icio.usは聞いたことがありますが、使ったこともなかったので。

でも一通り登録し終わって読み返してみると、言いたいことが少しわかってきた気がします。
タグをつけておくことで、リンクを縦断して検索したり、分類したりできるということでしょうか。
使いこなし始めると、もっと感覚的に分かってくるのでしょうね。

登録後の修正は、自分の公開用ページで行うのですね。
最初分からなくって、BlogPeople内を探してしまいました^^;
「ブックマークの変更」は、リンクの右の編集ペンマークをクリック。
「カテゴリ名の変更」は、カテゴリ名をクリック後、下の「編集」をクリックです。

タグごとにRSSで読めるというのが、今っぽいなぁ。

【追記】
少し使ってみての感想など。

「ブックマークの編集」をクリックすると、右に「人気 tags 一覧」が表示されますね。
毎回編集しないとアクセスできないので、自分のホームに表示できるといいですね。
リンクだけでもいいですけれど。

同じブックマークを持つ人を「他:1人がリンク」とリンク表示してくれるのですね。
興味の似ている人、共通項のある人のページが見れていい感じ。
タグを通して、あちこちサーフィンしていっています。

MyClipのクリップ人数がおかしい

サイドバーに入れているMyClipのクリップ人数と、実際のクリップ人数が一致しない場合があります。
表示設定の「CLIP_COUNT link=on」の部分です。

例えば今、「Blog Pet 投稿支援ツール 「ここうさぎ」 Ver 2.00」は「（2）」と表示されます。
しかしコメント一覧をみると、5人がクリップしていることが分かります。
2件ですと、クリップした人数ではなく、コメントのついている数になってしまいます。

「CLIP_COUNT」の説明では、

同じ記事を何人がClipしているか、その数を表示

のはずなのですが。

【2005.2.23　追記】
問い合わせへの回答では「はりつけたClipリストが最新状態に更新されていなかったため、表示された数字とクリップ数が合わなかった」だけとのこと。
しかし、翌朝（10時間後）でも反映されていませんでしたよ。
確かにずいぶん経ってから反映されましたが、12時間以上もかかるなんて、ちょっと遅すぎませんかね。

他BlogのRSSをCallbee Feedで表示

エコログの内容をプロフィールに表示してみました。
「ブログや情報配信サイトのRSSソース出力 Callbee Feed」を利用しています。
RSSを利用して、最新○件の記事タイトルと、概要を表示するサービスです。

「RSSの出力・編集」でRSSを入力し、いくつかの機能を選択するだけ。
生成されたコードを貼り付けるだけで動きます。

デザインの変更も簡単です。
「CSS選択・編集」で選んだテンプレートのソースを、そのまま自分のCSSに貼り付けるだけです。
その場でカスタマイズして、画面上でプレビューすることもできます。

私のCSSは、以下の通りです。

.rss_box {
margin: 10px 5%;
padding: 4px 8px;
width: 460px;
background-color: #ECF1FA;
border: 2px dashed #CCE6FF;
}

.rss_title, rss_title a {
font-size: 18px;
font-weight:bold;
margin: 5px 0;
padding: 0;
letter-spacing: 1px;
}

.rss_item {
font-size: 13px;
font-weight : bold;
margin: 8px 0;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
text-decoration : none;
border-bottom: 1px solid #7777FF;
}

.rss_item a:hover {
text-decoration : none;
border-bottom: 1px dotted #DB7093;
}

.rss_date {
font-size: 11px;
font-weight : normal;
color: #DB7093;
}

ブログ用miniBBSをカスタマイズ

ブログ用ミニBBSをカスタマイズしてみました。

昨日のカスタマイズに手を加え、本文の文字色がランダムに変わるようにしました。
apeskin.htmlに、太字の記述を追加します。

<td width=110>
<script type="text/javascript">
<!--
colorNum= 14;
colorCode= new Array(
"#6A5ACD",
"#79c7ec",
"#4169E1",
"#00008B",
"#008080",
"#2E8B57",
"#228B22",
"#BDB76B",
"#FFA500",
"#DB7093",
"#E9967A",
"#CD5C5C",
"#F08080",
"#4682B4"
);
rndColor= Math.floor(Math.random()*colorNum);
document.write("<font color = ¥"" + colorCode[rndColor] +"¥">");
// -->
</script>
message<!--s-->
<script type="text/javascript">
<!--
document.write("</font>");
// -->
</script>
</td>

「colorNum =」の値は、色コードの合計数です。
表示が重くなったのが気になりますが、仕上がりには満足です♪

本当は、猫の背景画像ごとに色を設定したかったのですが、挫折しました(x_x;)
「subject<!--s-->」を引数にしたファンクションで、色を指定する方法を試していました。
ファンクション自体は上手く動くのですが、その後の背景画像が表示されなくなってしまうんですよね。
「subject<!--s-->」は、一度しか使えない記述なのでしょうか。

サイドバーに桜のmini bbs

桜花ぶろぐが復活することもあり、JUGEPI! BBSから桜の舞い散るミニBBSに入れ替えました。
fromshun.さまの「ブログ用BBS　季節シリーズ「春」できました。」からお借りしました。
「猫と桜」(spring 1a)です。

apeskinなので、経験のある方は簡単に設置できると思います。
フルダウンロードは「ブログ用ミニBBSスキン「shun's apeskin」サンプル＆配布場所」からどうぞ。

カスタマイズしたのは2箇所です。

まずは、本文の文字色をpalevioletredにしました。
apeskin.htmlに、太字の記述を追加しています。

<font color="#DB7093">message<!--s--></font>

次に、「桜」(spring 3a)で使われているピンクのお花を、同じように名前の前に表示するようにしました。
apeskin.htmlに、太字の記述を追加しています。

<img src="img/kome.gif" width=12 height=12><span class="c1">name<!--s--></span>

ちなみに今、JUGEPI! BBSがエラーで使えないようですね。
サイドバーに表示はできますが、「WRITE」「READ」が動かないので、実質利用できないようです。
（詳しくは開発日記参照）

【2005.2.10　追記】
文字色をランダムに変更するようカスタマイズしました。

リンク元をRSS配信するtrack feedを導入

[あ] UnderDone(あんでるどん)さま経由で知ったtrack feed。
自分のblogに対するリンク元をチェックし、RSSで配信してくれるサービスです。

作業もいたって簡単。
メールアドレスを登録後、生成されたスクリプトをサイドバーに貼り付け、RSSリーダーに登録するだけです。

早速、思わぬリンク元を発見しちゃいました。
検索エンジンで上位表示されているのも分かっちゃったりするし。
これは手放せなくなりそうです♪

ブログコメントチェッカーや今回のtrack feedのように、RSSを利用した便利なサービスは、今後も登場しそうですね。

ブクログへのトラックバック

ブクログへのトラックバックが、送れたり送れなかったりします。
ブクログが重い事と関係があるのでしょうか。

送信しているのは、基本的に朝や日中。
夜に比べると、比較的軽い時間帯です。
ちなみにぶろっぐぴんぴんを使えば、一回で成功します。
ココログとブクログの相性が悪いとか...?

PINGといえば、Modern Syntaxさまの「更新PINGとかトラックバックPINGなどについての平易な説明」を読んでビックリしました。
更新PINGと、トラックバックのPINGは、まったくの別物だったんですね!
トラックバックURL欄に、更新PINGのURLを書きはしませんでしたが、なんとなく同じものかと思ってました。
ココログで記事を保存したときの「トラックバック送信中・・・」の画面には、更新PING用URLもトラックバックURLも一緒に表示されていましたし。

更新PING送信には、前述のぶろっぐぴんぴんがおすすめです。

全ての月別バックナンバーをプルダウン表示

ココログベーシックでは、月別バックナンバーが10件（=10か月分）しか表示されません。
そこでfacet-diversさまの「月別バックナンバー　プルダウンメニュー」を使い、全ての月別バックナンバーをプルダウン表示しました。

私の手順は、以下の通りです。

1.「monthlyArchiveSelector01a.js」をダウンロードし、アップロードしておきます。

2.「ウェブログ一覧」→「デザイン」→「コンテンツ」を開き、表示するコンテンツからココログ純正の「バックナンバー」を削除します。

3.マイリストに「バックナンバー」を作成し、「メモをテキスト表示」にしておきます。

4.メモ欄に、以下のソースを貼り付けます。

<script type="text/javascript" src="http://xxxx.cocolog-nifty.com/blog/files/monthlyArchiveSelector01a.js">
</script>
<script type="text/javascript">
<!--
MakeMonthlyArchiveSelectorHtml("http://koroppy.cocolog-nifty.com/blog/", "2003/12", "月別バックナンバー");
//-->
</script>

ファイルのURLは、自分でアップロードしたものに変更してください。
MakeMonthlyArchiveSelectorHtmlの引数は、("blogのトップページURL","blogを開始した西暦年(=YYYY)/月(=MM)","最初に表示するタイトル"）です。

5.JavaScriptをOFFにしている人のために、バックナンバー一覧のリンクも追加します。

【2005.2.28　追記】
元記事にて、JavaScriptがOFFの時だけ、バックナンバー一覧を表記する方法が補足されていました。
以下の記述を、手順4の前に記述します。

<noscript>
<a href="http://koroppy.cocolog-nifty.com/blog/archives.html">バックナンバー一覧</a>
</noscript>

6.スタイルシートに以下の記述を追加し、サイドバーの他の文字とデザインを合わせます。

#monthly-archive-selector {
color: #666666;
font-size: x-small;
font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
}

内容が重複しているので、ココログ純正バックナンバーは削除しました。
ココログ純正バックナンバーを併用する場合、手順2と手順5は不要です。

【2005.5.18　追記】
「ブログを開始した年月」を2003/12より前に設定した場合に、2003/12より下の並び順がおかしくなるという不具合に対応した、新しいスクリプトが公開されています。
くわしくは「「月別バックナンバー　プルダウンメニュー」のスクリプト本体を差し替えました」をご覧下さい。

【2005.9.1　追記】
2005年以降に開始年月を設定した場合、上手く動かないという不具合に対応した、新しいスクリプトが公開されています。
今問題なく動いている方は、差し替え不要です。
詳しくは、「「月別バックナンバー　プルダウンメニュー」のスクリプト本体を差し替えました」をご覧下さい。

【2005.10.12　追記】
「カテゴリと月別バックナンバーをプルダウンメニュー化(タイトルと概要抽出機能つき)」へ移行しました。

「輝く！日本ブログ大賞 2005」にエントリー

輝く！日本ブログ大賞 2005にエントリーします。

【URL】http://koroppy.cocolog-nifty.com/blog/
【タイトル】KOROPPYの本棚
【ハンドル名】KOROPPY
【推薦コメント】おすすめ本の紹介、ココログのカスタマイズ、こうさぎの同盟、の3本柱で運営しています。

日本を代表するブログサービスが一丸となってイベントを行うことで、ブログの認知を高め、ブログシーンをさらに盛り上げることを目的

としたプロジェクトだけあって、王手のブログサービスがこぞって参加しています。
自薦もOKとのことなので、皆で盛り上げていきましょう!