カウンター変えました

今まで、FC2のスゴいカウンターを使っていたんですが、昨日からおかしくなってしまったので、CGIのカウンターに変更しました。

数字が小さくて気に入っていたのですが、カウントしてくれないんじゃしょうがない（;´Д｀）。しかし、FC2の管理画面のカウンターまでwrong userになってたのには、笑いました。

というわけで、Kent WebさまのDay Counterを設置してみました。

数字画像は、ハイロックネット工房さまからお借りしています。

昨日と今日のアクセス数もわかって、中々よろしい♪

但し、表示に若干時間がかかるので、右側のサイドバーに移動させました。

ケータイからココログにコメントする

100%　OKとは言い難いですが、なんとか携帯からコメントを送る事に成功？しました。

尚、ケータイは、ブラウザビューが出来るタイプのものです。って、裏技っぽいので、あまりオススメ出来ない方法かも（;´Д｀）。ココホレを使う方法です。

何故か、トップページはブラウザビューでも表示出来なくなってしまったので、ココホレの方のURLでRSSを表示させます。

http://sasanishiki.org/cgi-bin/cocohore/getlog.cgi?m=
takkun-mama.cocolog-nifty.com/diary/&sog=1&g=1&h=
http://takkun-mama.cocolog-nifty.com/diary/
（実際は改行なしで1行です。）

RSSボタンがあるので、それを押すと、最新の記事の画面になります。

記事タイトルの＋ボタンを押すとその記事の画面が表示されます。但し、右サイドバーから全部表示されてしまうという罠・・・Σ(・ε・；)

しかし、なんとかコメント画面までは表示されると思います。左サイドバーまでは多分無理w

そこで、名前とコメントを書いて「送信」すれば、「404エラー」が出ますが、サーバーにはコメントが送られていました（;´Д｀）。

エラーだと思って、3回くらい送って諦めたけど、3回ともコメントきてましたよ・・・orz

ただし、パケット量が多い（と思う）ので、定額ユーザーしか使えないと思います。いや～、どのくらい請求くるかな（;´Д｀）。

全文検索を入れてみました。

うちのブログでも使っている「タイトルと概要を表示」を作成した、暴想のなおゆきさまが全文検索も作っていたので、右のサイドバーに入れてみました！

ココログ内では、結構目にしていたのだけれど、中々手が回らなかったのです（;´Д｀）。

そしたらですよ。まぁ、凄いわ。っていうか、面白いよ＞コレ。超便利Σ(ﾟДﾟ υ)

検索結果は、真ん中に出てきます。

こんな感じ。

暴想：自分のココログを全文検索するJavaScript

それにしても、いつも面白いスクリプトを提供してくれます♪blog tatooなんて、あちらの人にcool！って言われたりして・・・w　（密かにお絵かきに期待しているママ）

ところで、これをマイリストで作ろうとして、ふと目に入った「メモ」・・・。

これを選んだら、なんとテキスト部分のボックスが、ちょうどいい塩梅になってるじゃぁありませんか！！

というわけで、今まで「リンク」で作っていたんですが、これは「メモ」で作ってみました。これで、間が1行詰められたかな？

今まで気になっていたweb拍手も、「メモ」に変えてみました。

インフォメーションを設置しました。

右側のサイドバーに置いていたBBSが管理しきれなくなってきたので外して、代わりに「お知らせ」用の掲示板を設置しました。（管理人のみ書き込みが出来るタイプです。）

CGIは、apeboard_plus、スキンは、CUTE.Eさま配布のものを使いました。（色を変えました）

中々おしゃれな感じに仕上がったと思います(´∀｀*)。

これで、ココログがトラブっても何らかのメッセージは出せます♪

そしてお知らせの下に、BBSの代わりのコメント掲示板をつけました。これなら、公開、非公開もこちらで設定出来るので、ちょっと管理が楽になりました。

今後、付ける場所が違うコメントはこちらの掲示板の方に移動させますので、ヨロシクお願い致します。

---

さて、実際の設置方法です。

1.まずは、CGIを設置します。ダウンロードは、左サイドバー下のバナーの2apesのHPからどうぞ。

2.apeboard_plusが動くのを確認したら、スキンを入れ替えてデザインを見ます。ココログだと横幅125ピクセルくらいかな。

3.マイリストに、新しいリスト（リンク）を作り、テキスト表示を選んでから、メモ欄に下記のテキストを貼り付けます。
　（コメント掲示板へのリンクも一緒に貼っています）

---

<IFRAME NAME="infomation" src="CGIを置いたURL/apeboard_plus.cgi" width=150 height=200 frameborder="0" style="border-width :1px;border-style :solid;border-color #DC143C;"></IFRAME>
<br><br>
<a href="http://takkun-mama.cocolog-nifty.com/diary/2006/04/comment_bbs.html">コメント掲示板</a><br>
どこにコメントしたらいいか迷ったらここにどうぞ♪

コメント(；´∀｀)

えーと、バージョンアップしてですね・・・、コメントを書くと、次にこんな画面になりますw

っていうか、そこいくまでに、書き込みボタンが「Post」って！！

うちのサイトは小学生も来てるのに～(；´∀｀)。

で、これって、機械的なコメントスパムに対抗するものなんですが、目で見てアルファベットを入力しなきゃいけません。面倒すぎる・・・ヽ(;´Д｀)ﾉ

こういう機能こそ、選択にして貰わないとな～～。しかも、まだ英文のままだし！！

---

わかりましたよ。原因が！

何故か、「表示言語」がデフォルトで英語になってたんですよ！というわけで、日本語にしてファイルを更新しました。

「すべてのファイル」を選ぶとやっぱり途中でエラーになるので、カテゴリー別とか、個別とかわけて更新しました。

とりあえず、日本語表記になりました。それと同時に、サイドバーの折り畳みスクリプトも復活w

ついでに、マイリストも更新かけたのでようやく元に近い形になりました。

着々・・・？

3/28のココログバージョンアップに向けて、退避作戦も色々と考えているわけですが・・・w

ここしばらくは、LaCoocanのMTブログの方のメンテナンスをしてました。

MTのテンプレートを配布している場所を見つけたので、早速3カラム形式にしてみたり(´∀｀*)。

スタイルシートで写真に影を付けてみたり。

Flashカレンダーを導入してみたり！

いやぁ～、なかなかいいカンジになってきましたね。これなら万が一の事があっても大丈夫？かな。

スパム防止にIPフィルター

このところ、BBSに英語のスパムが来るようになってたんです。ひとりごととギロ夏の方のBBSは検索されないようになってるので、まだ来てないんですけど、一個だけ忘れてたところがやられました。（;´Д｀）

プロクシ制限かけても通ってくるので、何かいいフリーソフトないかなと思って探してみました。

そしたらありましたよ。いいのが(*^ーﾟ)b　＞　コンピュータ関連の備忘録　というところに、IPスパムフィルターというCGIがあって、そのサポート掲示板に、「apeboradのような掲示板でもＩＰスパムフィルターは使えますか？」というエントリがありました。

ママのBBSは、apeborad+　なのですが、ちゃんとapeborad+用に書き直してくれたcgiのソースが(;つД｀) 。

というわけで、色々といじってみました。

・・・が、構造上@Niftyではイマイチという事がわかったので、LaCoocanの方へBBSを移設しました。ま、その方が管理しやすいのでOKなのですが。

というわけで、やったこと。

---

・BBSを@NiftyからLaCoocanへ

　CGIのディレクトリのcgiとhomepageにおいたimageを統合。本来提供されているディレクトリ構成でLaCoocanへ。htmlもimage参照部分を修正。
　パーミッションの変更

・上記ブログから、IPスパムフィルターをダウンロード
　説明に書いてある通りに、修正（SG・MT以外に変更するのも忘れずに）した後、フォルダ構成に従ってアップロード
　パーミッションの変更
　動作チェック　OKなら次のステップへ。

・apeboard_plus.cgiの差し替え
　サポートコーナーにある apeboard_plus.txt のファイルをダウンロードして拡張子をcgiに変更して、自分の環境用に修正して差し替える。
　念のため、apeboard_plus.cgiのバックアップは事前に取っておく。

これで、問題なく動いてくれました。
海外からのアクセスは全てシャットダウンしてくれるらしいので、これで英語スパムに悩まされる事はないかな。

あとは、他のBBSとかも徐々に@NiftyからLaCoocanに切り替えて行きたいと思ってます。

ラクーカンでブログ

2月のお試し期間中に、ブログがちゃんと使えるかどうか作ってみました。

この際なので、途中でHP更新が止まっている旅行記wをリライトしてみることに・・・（;´Д｀）。

@Niftyのページの手順に従って、MTをインストールして設定。

画面のイメージが気に入らないので、スタイルシートを色々いじって、なんとか見れる程度に完成(；´∀｀)。

あとは、記事を入れていくだけ・・・なのですが、さ～て、今回は最後まで書き続けられるのか？！

つれづれ旅行記

因みにデフォルトではこんな感じのテンプレートになってます。

しかし、こんなもの作っちゃったら、お試し期間のみで解除とか出来なくなっちゃうなぁ。

MTは、いくらでもブログ作れちゃうらしいし(；´∀｀)。

ラクーカンでメールとか

一ヶ月間お試し期間があるので、ラクーカンを申し込んでみました。

というわけで、色々といじっています。

@homepageは、無料なのですが20MBとちょっときつきつだったので。
ラクーカンは、2GBという容量も魅力ですが、sendmailやwikiも使えるというので、何か面白いこと出来るかなぁと。

というわけで、CGIからsendmail送信はOKになったわけですが、悪用されるようだったら、すぐに元に戻そうと思ってます（;´Д｀）。

ていうか、どのディレクトリでもCGIがOKになったので、今までと同じ感覚でいたら、データが覗かれ放題になってしまう・・・。慌てて、拡張子を変更したり、システム的に閲覧できないようにしたり、色々と大変です。

wikiも仕事で、導入したことあるけど、結局一般の人は掲示板の方が、簡単でいいみたいなんですよねー(；´∀｀)。やっぱり、ちょっとシステムかじってる人とか、マニアな人向けなのかしら。

で、一番恐れていることは、ラクーカンを始めた事で、@ホームページのサービスがどうなるかって事・・・。

やっぱりそこは、Niftyですから、あんまり信用がないっつーかw、いきなり終わっちゃったりしたら困るんだよなぁ・・・。

そこそこ検索上位にいるドメインをスパッと切られたら困っちゃいます(；´∀｀)。ホント、頼みますよ＞Niftyさん。

トラックバックでの注意事項を表示させる

昨日、トラックバック時の注意事項を、表示させました。

トラックバック文化圏が話題になってますから、ウチの姿勢も明示しておかないとね。

スクリプトは、いつも通り、facet-diversで配布されているものを使用しています。

文面は、

記事に関連するトラックバックは大歓迎です。その際に元記事への言及は必要ありません。但し、こちらでスパムと判断したものは予告なく削除致します。

こう。スタイルはデフォルトで使ったんですが、緑の文字なんでケロロテンプレートのうちにはぴったり(；´∀｀)。

コメント欄に注意書きを追加

コメントを書くときの注意書きを追加しました。

スクリプトはいつものごとく、facet-divers　さまのものを使わせて頂いております。「お役立ちリンク」に、リンク貼りましたので、興味のある方は是非。

まだまだ色々と修正したいところや、追加したスクリプトが、いっぱいあるんですが、手が回りません（;´Д｀）。

サイト自体が、あんまり重くなっても困るので、厳選せねばと思っているのですが、ここってどんな感じなんでしょうね。快適だと良いのですが・・・。

そして今、一番やりたいのは、web拍手の修正です。新しいweb拍手みたいに書き込みメッセージを表示させるように変更したいなぁ・・・。その前に中身を変更しろって感じではありますが・・・(；´∀｀)。

ココログでトラックワードを設置しました！

これは、凄いです。ブロガーには、物凄く有難いサービスですね(´▽｀*)。

左のサイドバーに、track word　を貼り付けてみましたが、このページがどんな言葉で検索されているのかが、閲覧者にもわかるようになっています。

例えば、このトップページなら、”たっくんママ”で検索かけてくる人が多いってことですね。サイドバーに設置しているので、それぞれのページで、track wordが何なのか表示してくれます。

で、え～こんな言葉で検索されてるの？っていうのもあるので、それを見て記事の内容を見直したりも出来ます。

ブロガーは、RSSで速報を見る事も出来ますし、管理画面でじっくりと調べる事も出来ます。結構、面白いです。

スクリプトを貼り付けるだけで、設定できるのですが・・・。

■各ブログへの設置方法
「livedoor blog」に設置する
「ヤプログ！」に設置する
「ドリコムブログ」に設置する
「So-net blog」に設置する
「JUGEM」に設置する
「Seesaa ブログ」に設置する
「Movable Type」に設置する

ココログの説明文がないです～(；´∀｀)。私のココログのマイリストの場合、そのままスクリプトを貼っても表示されなかったので、ちょっと手直しして、HTMLでの表示に変えちゃいました。以下、やり方です。

---

まず、トラックワードのスクリプトを作成して、テキストエディタで編集できるようにしておきます。

下のソースをコピペして、赤文字のところを自分のIDに直します。準備はこれでOK。

そして、ココログでマイリストを、リンクタイプで作成します。「設定の変更」で、「メモの表示」を「テキスト表示」にします。

「項目の追加」で、「メモ」に作成したHTMLを貼り付けます。

後は、マイリストを好きなところに表示させればOKです。多分。

---

トラックワード　ココログ用　HTMLソース

<!-- track word -->
<table width="150" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><a href="http://www.trackword.net/"><img style="border:0" src="http://www.trackword.net/img/minilogov.gif" alt="blog seo tool : track word" width="120" height="14px"></a>　</td>
</tr>
<tr>
<td><a href="http://my.trackword.net/u/xxxxx/1">blog SEO</a>　</td>
</tr>
<tr>
<td><a href="http://my.trackword.net/u/xxxxx/2"></a>　</td>
</tr>
<tr>
<td><a href="http://my.trackword.net/u/xxxxx/3"></a>　</td>
</tr>
<tr>
<td><a href="http://my.trackword.net/u/xxxxx/4"></a>　</td>
</tr>
<tr>
<td><a href="http://my.trackword.net/u/xxxxx/5"></a>　</td>
</tr>
</table>
<script type="text/javascript" src="http://az.trackword.net/show.phtml?r=xxxxx" charset="utf-8"></script>
<!-- track word -->

サイドバー折り畳み設置しました。

昨日、やりたかったのはこれなんです。

今日は無事に壊れることもなく、出来ました（;´Д｀）。いや、ほっとしましたよ。

サイドバーの折り畳みは、facet-diversさんのとこのスクリプトを使用しています。素晴らしいです。ほんとありがとうございます～ってカンジです。

facet-divers　サイドバー折り畳み２：状態保持機能付き

あと、コメントアウトして非表示にしたところの下線や枠も消すjavascript：Mac IE対応（？）版　サイドバーの見出しの下線や枠も非表示にするも使わせて貰いました。サイドバーが少しすっきりしたかと思います。

コメントアウトして非表示にしたところの下線や枠も消すjavascript：Mac Safari対応版最新版はこっちでした。どうもすみませんでした(;つД｀)

これで、迷惑トラックバックが来ても、ちょっとは時間の余裕が出来たかな。

はぁ～～これで、後は「ケロロテンプレート」で、「タイトルと概要の表示」さえ出来れば完璧なんだけど・・・(;つД｀) 。（右下バージョンだと、これだけは相変わらずエラーになる）

カテゴリーが消えたΣｒ(‘Д‘ｎ）

いろいろといじってたら、カテゴリーが消えちゃいました・・・orz

設定とかいじっても、復活しなかったので、手動でマイリストに「カテゴリー」リストを作りました・・・(;つД｀) 。

それと、ココホレと携帯でjava scriptsだけが出て、記事が読めない現象が起きてたんですが、多分これで解消出来たんじゃないかと。

いや、携帯の動作はまだ見てませんが。後で、また報告します。

ママの携帯は、ブラウザ携帯なのですが、やっぱりｊａｖａだらけだったんで、悲しい思いをしてたんですよね（;´Д｀）。

---

追記：

無事、携帯から見る事が出来ました。というわけで、ココモブで、このブログの記事が読めます(；´∀｀)。

携帯で見たい人は、上のURLを携帯に送ってくださいね。

---

更に追記：

うう～む・・・（;´Д｀）。ココログに何か起こっているのか、スクリプトが悪いのか・・・（;´Д｀）。

夕方までは、概要とタイトル表示がIEでもネスケでもOKで、カテゴリーが消えていたのですが・・・。

夜になると、カテゴリーが復活してたけど、ケロロニュースが2個表示されてるし、IEでは接続出来ないという現象が！！

しょうがないので、「タイトルと概要」を外しました。う～ん、これ便利なんですが・・・(；´∀｀)･･･困ったな。

---

更に追記：しつこいw

どうやら、今日はココログで色々と不具合があったみたいで・・・（;´Д｀）。タイミングが悪かったってことですかね～。制限かけてる方のブログは、未だカテゴリー表示が消えたままなので、システム側で何かやったのは確かだと思いますが。

とにかく、アクセスしてくれたのに、見ることが出来なかった皆様には本当にごめんなさいです(´･ω･`)。

タイトル一覧と概要表示が、出来るようになりました

素晴らしいJava Scriptを見つけましたヽ(´ー｀)ノ

暴想：タイトルと概要を表示するJavaScript

このページで、管理人のなおゆきさまが提供して下さっているJava Scriptが、凄い！

早速、設置してみました。タイトル一覧や、一覧＋概要の表示が出来てます。

こういうのが欲しかったのよねぇ・・・｡･ﾟ･(ﾉ∀`)･ﾟ･｡

ただ、気をつけなければいけない事がありまして・・・、記事が多いカテゴリー（ケロロ軍曹とか）は、表示されるまで結構時間がかかるので、マシンスペックが低い人はカテゴリーを選んだ時にびっくりしないで下さいね。

ファイル名を付けたら楽になりました

なんで、最初っからやらなかったんだ～～ってくらい。ホントに気が付くの遅すぎです。

好きなファイル名を付けられるんですよ(；´∀｀)。

リンクを貼ってある此処録ANNEXに、載ってました。

数字とアルファベットだけのタイトルを作って、下書き保存すれば思い通りのファイル名がぁ～～～！

そして、改めて日本語のタイトルに直せばいいし。ココログは、フォルダで年月が表現されてるので、わかりやすいように「日　タイトルローマ字」で作ってます。スペースで区切れば、アンダーバーに変えてくれるので、見やすく出来るし。

ママはココログプラスなので、ココログのアクセス解析を見るときに凄く楽チンになりました。素晴らしい♪

そして、新しい日付の記事が読まれてるんだな～ってのが、よくわかりました。

あ、あとアニメ感想が、よく読まれてますね～。

ｃoｃohore!を付けました。

過去記事の見出し一覧が欲しくて、ずっと探してたんですが、結局cocohore!（ココホレ）が一番良さそうなんで、導入します。

右のサイドバーにありますんで、使ってやって下さい。

過去記事で探したいものがあったら、これで簡単に見つけられると思います。

時間順でも出るし、カテゴリー別でも表示出来るので、使い勝手はいいと思います。

タイトルをクリックすると、右側に記事が表示されます。コメントも投稿出来るみたいです。テンプレートは表示されないんで、ちょっとつまんないかもしれませんが・・・。

---

ココログでの登録方法を書くのを忘れてた・・・（;´Д｀）。

マイリストを、リンクタイプで作成して、メモ欄に下のように入れました。

---

＜a href="http://sasanishiki.org/cgi-bin/cocohore.cgi?f1=400＆f2=*＆f3=110＆m=1＆s=1＆t= takkun-mama.cocolog-nifty.com/diary/"＞＜img src="http://sasanishiki.org/cocohore/img/hore3.gif" width="80" height="15" border="0" alt="cocohore!"＞＜/a＞
＜br＞＜br＞過去ログを見ることが出来ます。＜br＞
「カテゴリ別」で、「掘出し」を選ぶと見出しがチェック出来て便利です

---

赤の部分を自分のブログのディレクトリに変えてください。

＆とカッコを半角に戻しておいて下さい。あと、HTML部分には改行はありませんので気をつけて。
ココホレのHELPの一番最後にもやり方が書いてあります。

それから、設定でメモをテキスト表示にしておくのをお忘れなく。

バックナンバー作成

本サイトで記事の移植をしている関係で、色々とTipsを導入しております。

こちらにも、「月別バックナンバー」として、プルダウンメニューのバックナンバーを設置しました(´▽｀*)。

ココログのバックナンバーは10個しか表示しないので、それ以前を見る時の為です。

ぶっちゃ毛、ここは3月の記事からしかないので、必要になるのは来年1月なのですが・・・・w

で、このスクリプト、記事が1件もないと「Not found」で、エラーページに飛ばされてしまうので、4年の4月から5年の2月までは、ダミーページを入れています。間違えてクリックしないで下さいね～～～（;´Д｀）。

---

ママが参考にしているサイトを、「お役立ちリンク」として、サイドバーに貼りました。ココログ使ってる人は是非参考にしてくださいね～。

blog用掲示板のコト

先週から、右側のサイドバーにblog用の掲示板をおいたわけですが、使っているCGIやスキンの紹介をば。

---

CGI

まず、掲示板の元となるCGIですが、2apes　のフリーCGIをダウンロードして使用しています。ママは、CGIが使える場所があるので、そこに入れて色々とカスタマイズしています。

CGI使えない人には、レンタルの掲示板もやっているようです。

---

スキン

Blog用のスキンは、from shun.　で、提供されているものを使用しました。色々なスキンがあって目移りしますが、一番シンプルなものを選びました。

---

アイコン

そして、ラブリ～なケロロとギロロのアイコンは、atomosphereからお借りしました。管理人さまの巧な技には感嘆するばかりですΣ(・ε・；) 。

web拍手説明

web拍手って何？

web拍手公式サイトの「web拍手って何？」のページから引用すると

---

今までメールや掲示板を利用しないと伝えられなかったwebサイト（ホームページ）管理人への応援の気持ちを、ボタン一つだけで伝えることを可能にするために開発された、webサイト管理人と閲覧者を繋ぐ最も簡単で、全く新しいコミュニケーションツールです。

---

というわけで、ぽちっとリンクを押してくださるだけで、面白かったよ！の気持ちをママに届ける事が出来ます。

ついでに、メッセージを書くことも出来ます。拍手連打というワザも使えますｗ

web拍手は、無料版と有料版、それにスクリプト配布版があるようです。詳しくはリンク先の公式ページを見てくださいね。

---

ママの設定

ママが使っているのは、スクリプト配布版です。自分のHPの場所にCGIスクリプトをおいて使っています。

ココログの表示は、「マイリスト」に追加して、名前欄に

＜a href="http://自分のCGIのアドレス/clap.cgi" target=_blank＞ぽちっとな＜/a＞

を入れました。（タグの誤動作を防ぐため、括弧は全角に変えています）

あとは、好きなところに設置するだけで、web拍手が動作するようになります。

追加変更）

やっぱり、ボタンの方が雰囲気出るよね！ってことで、拍手画像をスクリーンショットから透過GIFで作成。

＜a href="http://自分のCGIのアドレス/clap.cgi" target=_blank＞＜img src="http://自分の画像のアドレス/botan.gif" width="70" height="19" alt="web拍手ボタン"＞＜/a＞
（タグの誤動作を防ぐため、括弧は全角に変えています）

---

web拍手CGI設置の時には、CGIファイル名を推測されないよう変更する、ログファイルを読めないよう.htaccessに記述する、拍手絵に検索避けのタグを入れる、等の工夫も必要です。