XHTML対策

XHTML対策

PERSONA@BLOG

キリ番リスト

2005年06月21日 管理用コメント投稿のなりすまし対策

カテゴリ Seesaa BLOG カスタマイズ


【2010/08/16 追記】
Seesaaの仕様変更に伴い、正常に動作しないカスタマイズとなりました。
現時点では解決策は不明のために、このカスタマイズを施していらっしゃるブログ様は、カスタマイズの取り外しをお願い致します。











自分のBLOGで、訪問者が残して下さったコメントに対して、自分自身が自分のBLOGにコメントを投稿(返信)する機会があると思います。

うちの場合だと、
訪問者  「こんにちは! 初めまして!」
ペルソナ 「こんにちは! ご訪問ありがとうございました!」
みたいに。

でもよく考えてみると、コメント投稿時の名前は赤の他人がペルソナと名乗る事も可能です。

例えば、
訪問者  「こんにちは! 初めまして!」
ペルソナ 「つまんねーコメントいちいち書くな。うぜーからもう来るな。」
みたいに、赤の他人がペルソナと名乗っていたずらしたとしても、訪問者にはペルソナが書いたコメントと判断されてしまいます。

WEB上でこのように本当にその人であるようなふりをする行為は、一般的になりすまし(成り済まし)と呼ばれています。


また、WEB上には自分と同じ名前を名乗っている方が複数いる場合も存在します。

うちの場合だと、こんな事態も起こりえます。
ペルソナ 「初めまして! ペルソナと言います!」
ペルソナ 「ご訪問ありがとうございました!」
ペルソナ 「二人ともペルソナなんだ! 私もペルソナって言うんです!」
ペルソナ 「こんにちは! 通りすがりのペルソナです!」
もうこうなってくると、管理人のコメントはどれなんだかさっぱりわかりません。
って言うか、「こんな事ありえるか?!」とかいうつっこみはなしで。(笑)


今回紹介するカスタマイズは、そのBLOGにおける真の管理人のコメントを、
・スタイルシートでわかりやすく区別する。
・真の管理人の証であるアイコンを付ける事でなりすましを防ぐ(アイコンなしも可)。
そんなカスタマイズです。


このカスタマイズは単純に、管理人のコメントの見た目を訪問者のコメントの見た目と区別するという使い方もできます。


カスタマイズ自体は簡単なのですが、書いてある記事の内容を理解できるかどうかで、

「カスタマイズできたよーーー!!!」
「さっぱりできません。。。(T◇T)」

と、明暗がはっきり分かれてしまう、

難易度 ★☆☆☆☆
理解度 ★★★★☆

な、カスタマイズです。(笑)


サンプルは、このBLOG内の私が書いたコメントを見てみて下さい。

訪問者のコメントと異なり、背景色が薄い灰色だったり、 ← こんなアイコンが付いています。




ここから本題のカスタマイズに入ります。

まず、ペルソナと誰でも使用する事が可能な名前を、どうやって真のペルソナかどうか判断するの?!という事ですが、
コメント投稿時にパスワードを入力する事で、真の管理人と判断します。

例えば、
投稿時に『1111』とパスワードを入力した投稿者は真の管理人と判断し、
投稿時に『1111』とパスワードを入力しなかった投稿者は真の管理人と判断しない、
という方法を取っています。

このカスタマイズは、Seesaaユーザーに対してのカスタマイズ紹介ですので、私が今更書く必要もありませんが、Seesaaのコメント投稿欄にはそのようなパスワードを入力するような場所は存在しません。

そこでメールアドレス入力欄をパスワード入力欄として利用します。
自分のBLOGにコメントを書く際に、いちいちメルアドを入力するような人はいないと思います。
めんどいし。意味ないし。

「決め付けるな! バーカ!
俺は毎回自分のBLOGにコメントを書く時は、メルアドも入れてるんだよ!」

という方は、もうこの時点でこのBLOGから立ち去って下さい。
こっから下の文章は、あなたにとって何の役にも立たない文章ですので。

実際には、メールアドレス入力欄ではなく、ホームページアドレス入力欄を利用する事も可能ですが、両方の場合のカスタマイズ方法を書くとなると、かなり長い記事になってしまいますので、今回はメールアドレス入力欄をパスワード入力欄として利用する方法のみを紹介します。

また、メールアドレス入力欄をパスワード入力欄として利用するのではなく、新たにパスワード入力欄を追加して、JavaScript等で同様のカスタマイズをする事も可能だと思うのですが、その方法は今から紹介する方法よりもめんどくなっちゃうので、今回はJavaScriptも使いません。





まず前準備として、パスワードを決めて下さい。

パスワードには、
・文字数制限はありません。
・半角英数字、ひらがな、カタカナ、漢字、何でもOKです。
普段、他の何かで使っているものではなく、今まで使った事のない新しいパスワードを決めて下さい。
これは万が一、今回決めたパスワードが他人にばれてしまった際に、被害を最小限に防ぐためです。


次に、真の管理人の証であるアイコンを用意して下さい。
見た目の変更はしたいけど、アイコンはいいやって方は、アイコンの用意は不要です。





さて、長くなりましたが、こっからがやっとカスタマイズ方法の紹介です。(爆)

管理画面 > デザイン > コンテンツ > 記事 > コンテンツHTML編集
と進み、HTML内の下記の部分を探します。

<div class="comments-head">この記事へのコメント</div>

<% loop:list_individual_article_children -%>
<div class="comments-body">
<div class="text"><% comment.body | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage %><a href="<% comment.homepage | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | tag_strip %></a><% else %><% comment.writer | tag_strip %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>
<% /loop -%>


上記のHTML部分は、コメントの表示を設定しているHTMLにあたります。

使っているテンプレートや過去のカスタマイズによって、上記とまったく同じ状態ではない場合もありえますが、

赤字のコメントの表示全体に対するclass
青字(2ヶ所あり)のコメント投稿者名を意味する部分

この二つのHTMLの場所が把握できていれば、上記とまったく同じ状態でなくても問題はありません。


上記のHTMLを下記のように書き換えて下さい。

<div class="comments-head">この記事へのコメント</div>

<% loop:list_individual_article_children -%>
<div class="comments-body">
<div <% if:comment.email eq 'パスワード' -%>class="admin"<% else %>class="text"<% /if -%>><% comment.body | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage %><a href="<% comment.homepage | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | tag_strip %></a><% if:comment.email eq 'パスワード' %> <img src="**********" alt="このアイコンは投稿者が真の管理人である事を証明します" /><% /if %><% else %><% comment.writer | tag_strip %><% if:comment.email eq 'パスワード' %> <img src="**********" alt="このアイコンは投稿者が真の管理人である事を証明します" /><% /if %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>
<% /loop -%>


※ アイコン不要の場合は、青字の部分のカスタマイズは不要です。
パスワードの部分を、ご自分で決めたパスワードに変更して下さい。
**********の部分を、用意したアイコンのアドレスに変更して下さい。
このアイコンは投稿者が真の管理人である事を証明しますの部分の文章は、好きなように変更して下さい(このままでもOK)。


この記事の最初の方で下記のように書きましたが、

今回紹介するカスタマイズは、そのBLOGにおける真の管理人のコメントを、
・スタイルシートでわかりやすく区別する。
・真の管理人の証であるアイコンを付ける事でなりすましを防ぐ(アイコンなしも可)。
そんなカスタマイズです。


赤字の部分が、
・スタイルシートでわかりやすく区別する。
青字の部分が、
・真の管理人の証であるアイコンを付ける事でなりすましを防ぐ(アイコンなしも可)。
のカスタマイズにあたります。


「なんじゃこりゃ?! めんどくせーーーーー!!!!!」

と思った方は、とりあえず赤字の部分のカスタマイズだけをして、青字の部分は、

・めんどいからやめて、赤字の部分だけをカスタマイズする事にする。
青字の部分は、また別の機会かあとでカスタマイズする事にする。

という感じで、こっから下↓に進んでもOKです。





管理画面 > デザイン > スタイルシート > 現在使用中のスタイルシートのタイトルをクリック
と進み、textという部分を探します。

.text{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}


このように、textのスタイルシートを設定している部分がありますので、それをコピーしてtextの下に貼り付けて下さい。

.text{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}
.text{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}


下に貼り付けた方のtextadminと変更して下さい。

.text{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}
.admin{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;

}


緑色の部分が、真の管理人のコメントのスタイルシートにあたりますので、緑色の部分をお好きなように変更して下さい。

例えば下記のように。

.text{
font-size: 90%;
color: #333S;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}
.admin{
font-size: 90%;
background:#cbffff; /* 背景色を追加してみた♪ */
color: #ff0000; /* 文字色を変えてみた♪ */
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}






あとは、保存して再構築しておわり。





メールアドレス入力欄にパスワードを入力して、コメント投稿テストをしてみて下さい。

「おおおおお!!!!!」
となるか、

「BLOGが壊れたではないか!!!!!(T◇T)」
となるかは、あなた次第です。(爆)



追記。

わかりやすく書こうとするあまり、かなりの長文の記事になりました。(爆)
肩こったよ。。。(爆笑)

って言うか、記事がうじゃうじゃダラダラしすぎて、誰もこんなカスタマイズしないだろうなぁ。。。(大爆笑)

自分で言うのもなんだけど、とってもいいカスタマイズだと思うので、がむばれ!カスタマイズ挑戦者!(笑)

XHTML対策

XHTML対策

タグ この記事に設定されているタグ(キーワード)

XHTML対策

コメント コメント (26) | トラックバック トラックバック (4) | 清き一票 清き一票 | | このブログの読者になる | 更新情報をチェックする | トップページへ | このページの一番上へ | 一つ前の記事へ 一つ後の記事へ
この記事へのコメント
始めまして〜

メール欄を使ったカスタマイズと言うのは目から鱗です。そういう手もあったのかと驚きました!
またネタ探しに(?)覗きに来ますのでよろしくお願いしますm(_ _)m
きむ
2005年06月26日 01:48
はじめまして♪

ネタ探しになるようなたいしたものはありませんが、こちらこそ宜しくお願いします!

ご訪問、コメント、ありがとうございました!(^o^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2005年06月26日 09:03
こんにちは。GENXと申します!初めまして〜。

こういうカスタマイズがあったんですね!さっそく自分のサイトにもこのカスタマイズを適用してみました事を報告いたします。

このサイトはかなり勉強になりますね。同じSEESAAユーザーとして感心しています。
また覗かせて頂きます。

ではまた〜〜
GENX URL
2005年07月06日 15:08
GENXさん、こんにちは♪


> このサイトはかなり勉強になりますね。

わたしも勉強しながら書いている記事が多いので、ひょっとしたら間違って書いていて、『間違った事を勉強』させちゃってる可能性もあるかもしれません。(爆)

また遊びに来て下さい♪

ご報告のコメント、ありがとうございました!
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2005年07月06日 16:53
はじめまして、夕と申します。

こちらでご紹介されていた管理者アイコンの設定と、別の記事のcookie設定の記事を読ませていただき、無事blogに反映させる事が出来ました♪

凄く分かりやすい記事、ありがとうございます。
迷わないで間違えずに出来、大感激です!

これからも頑張ってくださいね、また読みに来させていただきます。
URL
2005年07月10日 00:29
夕さん こんにちは♪

最近ネットをする時間がなかなか取れず、お返事が遅くなってしまって、ごめんなさいです。。。(T◇T)

記事を書く時って、わかりやすく書こうとするあまり、逆になんだかクドすぎるぐらい長い文章になる事も多くて、

「こんな文章で、自分以外の人はわかるだろうか?!」

みたいに思う事も多いので、このようなコメントをいただけると、とても嬉しく思います!

ありがとうございました♪(^o^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2005年07月13日 17:33
ペルソナさん、はじめまして!

このアイデアに脱帽です!
自分もカスタマイズの紹介サイトを作ってるのですがだんだんとネタが・・・。(笑)
他の人ってどんなカスタマイズしてるのかなーと見て周ってたのですがやっぱりアイデアって似通ってきますね〜、当たり前といえば当たり前なんですけどね。そんな中、このカスタマイズを発見してきむさんと同じく目からうろこが!(笑)

ペルソナさんはJavaScriptもかなりの腕前のようで、ただただ関心してしまいました。また勉強のために遊びに来させてもらいます♪
ブロマイズ URL
2005年07月16日 03:29
友達ばっかりの訪問ですが、
わかりやすくするために(自分が(* ̄m ̄)プッ)
これも取り入れてみました!

ホントありがとうございます!!!
あぃ URL
2005年07月20日 10:47
> ブロマイズ様

うはっ!!
超メジャー級のカスタマイズサイトの管理人様ではありませんか。。。

まさかこんなとこに来ていただけるなんて、ただただ驚くばかりです。

ブロマイズ様のサイトは、Seesaaのカスタマイズを本当にわかりやすくご親切に解説されていて、私も訪問者の一人であったりします。(笑)

ブロマイズ様のようなカスタマイズサイトは、きっと誰もが求める理想的なカスタマイズサイトなのだと思います。

Yahoo!に登録されている理由もとても自然に納得できます。

わたしもまた訪問させていただきますので、今後ともによろしくです♪(^o^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2005年07月21日 15:53
> あぃ様

取り入れおめでとうです♪

ご報告のコメント、ありがとうございました(^o^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2005年07月21日 15:56
初めまして。
このページを発見してカスタマイズネタを読んでいろいろ
いじってみたくなりました。
で、さっそくこの『なりすまし対策』をしたところ…

BLOGが壊れたではないか!!!!!(T◇T)
になってしまいました。。。
アイコンはつけずにやってみようと思い、赤字の部分+スタイルシートを
変更しました。
記事のページに行くとサイドが表示されなくなってしまいました。

何か方法が間違っているのでしょうか?
yu-ko URL
2006年03月12日 12:26
yu-koさん、こんにちは♪


> 赤字の部分+スタイルシートを変更しました。

この部分だけをカスタマイズされたのでしたら、おそらくスタイルシートには問題はないのでは?と思います。

となると、赤字の部分をカスタマイズされた時に、きちんとタグを記述できていなかったのでは?と推測できます。

<div class=”text”>
の部分が、
<div <% if:comment.email eq 'パスワード' -%>class=”admin”<% else %>class=”text”<% /if -%>>
となるように、記事内の文字をコピーして、再度やってみて下さい。
※このコメントの↑はコピーしないで下さい。

おそらく上手くいくと思います。

それでも上手くいかないようでしたら、再度ご連絡を下さい。
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年03月12日 16:37
すみません…
やり直してみたら、ちゃんとできました。
ご迷惑おかけしました。

どうも、ありがとうございました!
また遊びにきます〜
yu-ko URL
2006年03月12日 22:37
yu-koさん、こんばんは♪

上手くいったようでよかったです!(^ー^)

ご報告のコメント、ありがとうございました!
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年03月15日 21:52
オープニングの「ペルソナ大量発生」に激しく笑った後、カスタマイズさせてもらいました。
まだ、コメントなんてないブログですが、将来のために・・・(泣
まっつん URL
2006年08月08日 21:38
こんにちは。
何度か挑戦してようやく出来ました!
ありがとうございます。

ですが、投稿した際の管理人の名前の部分の
色はどうやったら変えられるのでしょうか?

ちなみにseesaaブログです。
F-わかめ URL
2006年09月16日 00:46
はじめまして。
とても便利な機能なので、時間をかけてやっと成功しました(^^♪

他にもいろんな使い方ができそうですね。
これからも勉強させて頂きます。

PS.リンク集に掲載させて頂きました!
http://adseo-blog.seesaa.net/article/41614317.html

今後ともどうぞ宜しくお願い致します。
SEO対策支援ブログ URL
2007年05月19日 10:46
こんにちは♪

ご訪問、コメント、ありがとうございました!

リンク集にまで掲載していただきまして、感謝感激です!(^ー^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2007年05月19日 13:49
初めまして。
こちらのカスタマイズを参考にした
シス日記さんの方でカスタマイズ法を知り、
使わせて頂いていました。

今まで問題なく背景色を変える事が出来ていたのですが、
seesaaブログがリニューアルしてから
書き込み時にエラーが出るようになってしまいました。

シス日記さんでも質問をしましたら、
シスさんが試してもエラーが出たそうです。
詳しく分からないということで、こちらで質問をさせて頂きました。

メールを書き込むところにパスを書かないで投稿して
管理画面のコメント一覧でパスワードを入れると
ちゃんと背景色が変わります。

カスタマイズの知識は詳しくないので
自分ではどこを直したらいいのか分かりません。
もし直し方がありましたら、教えて頂きたいと思います。


突然の質問すみません。よろしくお願い致します。m(_ _)m
そらまめ URL
2010年08月16日 03:49
テスト
ペルソナ
2010年08月16日 19:52
test2
ペルソナ
2010年08月16日 20:45
そらまめさん、こんばんは♪

ホントですね。。。(汗)
パスワードを入れると、ちゃんと動作しなくなっていますね。。。(><;)

私自身がカスタマイズから遠ざかっている事もあって、ちょっぴり自信がない点もあるのですが、メルアド欄には「正式なメルアドを入力するための場所」という仕様変更がなされていて、パスワードのような文字列などを入れる事ができない仕様に変更になったような気がします。

こうなってしまうと、このカスタマイズはもうどうしようもありませんです。。。( _ _)_

「他の方法で同じような事をする事も可能では?」とも思うのですが、「今すぐ作っちゃお♪」みたいに時間を取れない事もあり、難しいです。。。

せっかく使って下さっていたのに、おちからにもなれずにごめんなさい。。。(><)

せっかくコメントをいただいたのに、解決できなくて残念です。。。(;_;)
ペルソナ
2010年08月16日 21:05
【追記です。】

> メールを書き込むところにパスを書かないで投稿して
> 管理画面のコメント一覧でパスワードを入れると
> ちゃんと背景色が変わります。


これはおそらくですが、管理画面の仕様変更はまだ行われていないのだと思います。

とりあえずブログ側は対応したけど、管理画面はまたでいいやみたいな感じだと思います。
ペルソナ
2010年08月16日 21:16
ペルソナさん、早速お返事ありがとうございます。
>メルアド欄には「正式なメルアドを入力するための場所」という仕様変更がなされていて、
>パスワードのような文字列などを入れる事ができない仕様に変更になったような気がします。

なるほどです。

とっても便利なカスタマイズだったので残念ですが、
とりあえず、管理画面の方でまだ出来るので、
使えなくなるまで使おうと思いますw

カスタマイズを作るのは、とっても大変な作業だと思いますので、
どうかお気にならさずに。

お忙しい中、お返事頂けただけで嬉しいです。
ありがとうございました。
m(_ _)m
そらまめ URL
2010年08月17日 05:33
使えなくなってしまったのですね。
なんか投稿できない!という状態になったので、
こちらに来てみたら、仕様が変わってしまったとわかって安心です。
上の方々同様管理画面では使用できるので、使えるまで使うことにします。
とても便利なので。
tamaki URL
2010年10月17日 23:36
tamakiさん、こんばんは♪

私も本当に残念です。。。(;_;)
ペルソナ
2010年10月18日 00:10
お名前

MAIL(管理人のみに公開)

URL

コメント


この記事へのトラックバック
この記事へのトラックバックURL(URLをクリックで反転)



&amp;#63870;コメントなりすまし投稿対策 …すでに投稿者別アイコンを設置しているのに、何故?と思う方もいるかもしれない。 でも、あれは名前だけで連動させているので、私の名前を使われても分から..

□LOVE BEST□
2005年06月24日 14:39

『うるめいわし −丸干し−』さんでコメント投稿者のクッキーと管理者専用のコメントアイコンの設定をされていた。 それを見て、もう少しこのブログに蛙分が欲しいなと思っていた事を思い出した。 なのでさっそく..

蛙の独り言 二跳ね
2005年07月11日 00:46

ブログの場合、BBSと違って、管理人も他の投稿者も区別しにくいな~と思っていました。 管理者になりすまして悪さをするなんてことは思いつきもしませんでしたが、投稿者と管理人の区別はあったほうが見やすいと..

まったり...ほっこり
2006年03月03日 19:39

ブログのコメント欄って、掲示板のように管理人の区別ができないんですよね。 不便を感じるのは私だけでしょうか? 他人に私になりすまされても、困りますね。いずれ改善してほしいなと思うのですが、今はカスタマ..

カスタマイズ実験室
2006年09月26日 00:51
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。