2007年8月29日(水)
ココログのトップページから過去の記事をN件ずつさかのぼって表示できるようなスクリプトを試作してみました。
サイドバーのメモリスト等、HTMLを記述できるところに、↓のようなスクリプトを貼り付けます。
カスタムCSS対応のテンプレートをお使いの方は、CSS部分(<style ... >~</style>の~部分)は、カスタムCSSの中にまとめて書いてしまった方がよいです。
なお、拙作の目次スクリプトで既にCSS設定してある方は、このスクリプトでも共通で使えますので、<style ... >~</style>は省略出来ます。
→【2009/07/17】設置用フォームに変更。
<script type="text/javascript" charset="utf-8" src="http://furyu.tea-nifty.com/script/cocoPBack.js"></script>
<style type="text/css">
.ccpb_nav {
font-size: 14px; line-height: 120% ;
margin: 0px; padding: 2px 0px 2px 0px;
text-align:center;
}
.ccpb_counter {
font-size: 12px;
margin-left: 12px;
color: darkgreen;
}
.ccpb_list {
list-style-type: none;
margin-left: 12px;
padding-left: 0px;
text-align: left;
}
.ccpb_list li {
margin-left: 0px;
padding-left: 0px;
}
.ccpb_number {
display:block; width:2em; text-align:right; font-weight: bold;
}
.ccpb_table tbody {
vertical-align: top;
line-height: 110%;
text-align: left;
word-break: normal ;
}
.ccpb_alink {
width: 72px;
font-size:10px;
}
.ccpb_plink {
word-break: break-all;
}
</style>
<script type="text/javascript">
with (cocoPBack) {
showMax = 5 ; // 1ページあたりに表示する記事数(ただしトップページのみココログ管理画面の設定に依存)
backTitle = 'back' ; // '戻る'リンクのタイトル
backStr = '<span style="font-family:monospace;"><< back</span>' ; // '戻る'リンクデザイン
nextTitle = 'next' ; // '進む'リンクのタイトル
nextStr = '<span style="font-family:monospace;">next >></span>' ; // '進む'リンクデザイン
separator = '<span style="font-family:monospace;"> | <a href="javascript:void(0)" title="top" onclick="javascript:cocoPBack.pageBack(0)">top</a> | </span>' ; // セパレータデザイン
spacer = '<span style="font-family:monospace;"> </span>' ; // '戻る'や'進む'リンクがないときの代替表示デザイン
topTitle = 'トップページ' ; // トップページで表示するタイトル
pageTitle = 'バックナンバー' ; // バックナンバーページで表示するタイトル
switchLinkType = true ; // ページ内移動と個別ページへの移動のリンクの入れ換え(false:入れ換えない true:入れ換え)
linkTitleType1 = 'ページ内移動' ; // ページ内を移動するリンクのタイトル
linkTitleType2 = '個別ページへ' ; // 個別ページへ移動するリンクのタイトル
useIndex = true ; // ページ内目次表示
useTopIndex = true ; // トップページにも目次表示
useTopNav = true ; // 上部のナビ表示
useBottomNav = true ; // 下部のナビ表示
navBeforeIndex = true ; // ナビを目次の前に付ける
entryDescend = true ; // 元の記事の並び順(false:昇順 true:降順)
onCompleteContent = null ; // 整形後に呼出す関数
}
cocoPBack.init();
</script>
デフォルトだと、上下に << back | top | next >> のようなナビが現われて、5件ずつ表示を切替えることが出来ます。
各種パラメータについてはコメントを見ながらお好みで変更してください。
なお、拙作の
目次スクリプトを使用している場合には、
cocoPBack.init();
を削除し、代わりに、目次の設置用スクリプトのオプションとして、
cocoPView.onCompleteContent=function(){
cocoPBack.init();
};
というのを追加します。
既に
お知らせスクリプト等でこの設定を使っている場合には、
cocoPView.onCompleteContent=function(){
cocoInsertNotice.init();
cocoPBack.init();
};
のように
{ ~ }内に追加します(cocoPView.onCompleteContent=~の設定を2箇所以上に書いてしまうと、後のものが優先されて前のものは無効になりますのでご注意を)。
cocoPView.onCompleteContent=~は、cocoPView.init_onload() もしくは cocoPView.getArchivesRequest()よりも前に追加してください。
また、このスクリプトを適用したあとで別のスクリプトの機能を呼びたい場合(たとえば、ページを切替えた後で、
コメント表示釦や
TOPへ戻るリンクを追加したい場合等)には、上の設置用スクリプト中で、
onCompleteContentの箇所を修正します。
例えば、コメント表示釦の追加の場合には、
onCompleteContent=function(){
cocoCView.init();
};
のように設定します。
【制限事項】
- 動作するかどうかはお使いのテンプレートに依存します。特に、ココログオリジナルテーマ等はNGです。また、月別バックナンバーを作成していないブログでは動作しません。
具体的には、ご自分のトップページにて、
を試してみて、ナビや目次が表示されないようでしたら、未対応です。
- トップページの表示件数はココログの管理画面で変えてください(このスクリプトではトップページについてはナビを付けるだけです。showMaxを調整しても変わりません)。
- 記事中にスクリプト等のタグを貼り付けてある場合に、動作しません(@nifty投票など)。
- 当然ながら無保証ですし、あまりテストしていないので不具合も多いかと思います。ご了承の上、自己責任でお使いください。
『
みんなで解決!広場』で、たまに、トップページから過去記事をさかのぼりたい(*1)、1件ずつじゃなく何件かずつ表示したい、といった意見をみかけるので、試しに作ってみたものです。
月の切れ目のところでもたついたり、URLが変化しなかったり、いろいろと問題があるのは重々承知の上ですが、『無いよりはまし』程度のものが出来たようにも思います。いかがでしょうか。
(*1) 最近のメンテナンスで、プロコース以外でも、トップページから次の1件へは飛べるようになったので、1件ずつならたどっていくことはできますね。
2007/08/29(水) 00:56 | 固定リンク
|
| トラックバック (1)
2007年8月24日(金)
ココログの記事についたコメントをRSSフィードとして取得する試み。
↑のブックマークレットをブラウザのお気に入り(ブックマーク)に登録しておき、ココログの個別記事のページで実行すると、一番上の方に『RSS』というリンクが表示されます。
これをご自分のRSSリーダに登録しておくことで、該当の記事についた最近のコメントをRSSリーダで読むことが出来るようになります。
取得できるのは新しい順に5件までです。
ブログにコメントを書いた後は、その後の話題の進展が気になります。
が、あちこちでコメントをしていると、確認に回るだけでも意外に大変……。
自分のココログは、コメントがつけばメールで通知してくれますし、プロコースの場合は上級者向けテンプレートを使って
最近のコメントをRSS配信するようにもできますが、他の人のところだとそうはいきません。
RSSリーダで記事についたコメントが監視できれば……と思うのですが、ココログにはこの機能がありません。
なので、試験的に作成してみました。
【制限事項】
- 個人的・実験的なサービスなので、予告無しに中止する場合があります。
仕組み上、サーバ側に負荷がかかるのが避けられませんし。
- 投稿時間・コメントへの個別リンク(アンカー)・投稿者サイトへのリンク等は反映されません(これらは元データ(*1)に存在しない情報なのでどうしようもないのです。ご了承ください)。
(*1)実は、元データは携帯用サイトのコメントページです。5件ずつ表示されるため、最新の5件だけを拾ってくるにはちょうど良かったので。
なお、投稿時間の時・分のところは、コメントの連番として使ってます(笑)。
ちなみに、同様のサービスとして、
なんかがあるみたいです。
ココログ以外にも対応しているようですし、使い勝手を考えてもこれらを利用するのが吉かと思います。
2007/08/24(金) 23:29 | 固定リンク
|
| トラックバック (0)
2007年8月21日(火)
ココログの記事のフッタ部分にTOPに戻るためのリンクを追加するスクリプトです。
メモタイプのマイリスト等、HTMLを記述可能なところに以下のようなコードを貼り付けます。
<script type="text/javascript" src="http://furyu.tea-nifty.com/script/cocoNiBack.js"></script>
<script type="text/javascript">
(function(){
with(cocoNiBack){
toHomeStr='Home↑'; // "トップページに戻る"リンク用文字列
toTopStr='Page Top↑'; // "ページ先頭に戻る"リンク用文字列
toEntryTopStr='Entry Top↑'; // "記事先頭に戻る"リンク用文字列
addTbFooter=true; // トラックバックに"戻る"リンク用フッタを追加する(true)/しない(false)
addCommentFooter=true; // コメントに"戻る"リンク用フッタを追加する(true)/しない(false)
toTbTopStr='Trackback Top↑'; // "トラックバック先頭に戻る"リンク用文字列
toCommentTopStr='Commnet Top↑'; // "コメント先頭に戻る"リンク用文字列
}
// === リンク追加処理の呼び出し
addBackToHome(); // ブログのトップページ(ホーム)に戻るリンクを付ける
addBackToTop(); // ページのトップに戻るリンクを付ける
addBackToEntryTop(); // 記事のトップに戻るリンクを付ける
addBackToTbTop(); // トラックバックの先頭に戻るリンクを付ける
addBackToCommentTop(); // コメントの先頭に戻るリンクを付ける
// ↑リンクが必要なければ頭に//をつけてコメントアウトすること。
})();
</script>
なお、ページ構成をある程度決め打ちしているため、ココログオリジナル・テーマ等の一部のテンプレートには未対応です。悪しからず。
あとは、おまけ的ですが。
- リンクの文字を変更する等のカスタマイズがちょっとだけ簡単になった……かも?
- 設置場所を気にしなくてよくなったかも(右サイドバー/左サイドバーどちらでもOKのはず)。
- ブログトップ(ホーム)のURLを自動取得出来るようになった……はず。
例によってあまりテストしていませんので、不具合があったらごめんなさい。
■更新履歴
-
【2007.09.11】
-
トラックバック/コメントの先頭へ戻るリンク設定追加。
オプション:addTbFooter、addCommentFooter、toTbTopStr、toCommentTopStr
リンク追加用関数:addBackToTbTop(), addBackToCommentTop()
2007/08/21(火) 02:23 | 固定リンク
|
| トラックバック (1)
2007年8月19日(日)
例えば、CSSプロパティ名の"font-size"は、JavaScriptのstyle属性名にするとfontSizeになりますが、この表記の変換はどうやるのがスマートでしょうかね?
簡単なことだと思うのですが、いざやろうとすると、ぱっと浮かばない……。
とりあえず、
function chgCssPropToJsRef(cssProp){
return cssProp.replace(/-./g,function(s){return s.charAt(1).toUpperCase()});
}
function chgJsRefToCssProp(jsRef){
return jsRef.replace(/[A-Z]/g,function(s){return '-'+s.toLowerCase()});
}
みたいな感じでできそう、か?
~.replace(/-([a-z])/g,function(s,h1){return h1.toUpperCase()})とやってもよさげ……パフォーマンス的にはどちらがいいのかな?
2007/08/19(日) 10:54 | 固定リンク
|
| トラックバック (0)
2007年8月17日(金)
ココログのスパムフィルタに関する苦言。
ココログのコメントについては、スパム対策として、管理画面で
スパム防止認証画像の表示設定
という画面があり、
- スパムの疑いがあるコメントに対して表示
- すべてのコメントに対して強制的に表示
- すべてのコメントに対して表示しない
のいずれかが選べます。
1または2を選べば、状況に応じて、もしくは強制的に、CAPTCHAと呼ばれる、PC的に判別しにくい(=自動投稿し難い)英数字の入力を促す画面を表示することにより、機械的なスパムを防止する仕組みになっているわけです。
でもこれ、自分でコメントする際にも表示されるために(1.にしておいても結構な割合で引っかかる)煩わしいので、敢えて3.を選び、同時に、
- 『コメント公開を保留』にして、自分で確認後に手動公開する。
- 『コメント/トラックバック投稿規制』で、IPアドレスまたはキーワードによる規制をかける。
といった手法で、スパムに対する自衛策を取ってらっしゃる方も多いかと思います。
ところがどうも最近のココログでは、投稿されたコメントについて、
- スパムの疑いがあり(上記 1.の設定にしていると、CAPTCHAが表示されるようなケース)
- かつ、上記 3. の設定にしてある
と(自分で設定した、『コメント/トラックバック投稿規制』や、『コメント公開を保留』設定に関らず)
問題が発生しました
スパム・コメント対策のため、まだコメント投稿が完了しておりません。
下に入力された内容を訂正してから「送信」を押してコメントしてください。
という、
コメントを付けようとした人には全く意味不明な(だって、訂正すべき箇所がどこなのかすら、表示されないんですよ?)メッセージが表示されて、投稿出来ない、という愉快な状態になってしまうようです。
ちなみに、このメッセージ、
- http://www.cocolog-nifty.com/
- http://ja.wikipedia.org/
などのURLが、アドレス(URL)欄や内容欄(コメント本文中)に含まれるだけで表示されることが確認されています。
ということで、今のところ、コメントを付けようとしてくれた方に意味不明なエラーメッセージで脱力させたくなかったら、自分が多少面倒であっても、スパム防止認証画像の表示設定で
スパムの疑いがあるコメントに対して表示
を有効にしておくしか、手がないようです。
それにしても……ブログ管理者が自分のブログにコメント出来ないことがあるわ、普通にコメントしようとしただけで、まったく意味不明なエラーメッセージを出すわ……これって、ほんとに企業の看板背負って提供しているサービスですか?>ココログさん/@niftyさん。
2007/08/17(金) 00:00 | 固定リンク
|
| トラックバック (1)
2007年8月16日(木)
ページ(content)上部に任意のお知らせを表示するようなスクリプトを作ってみました。
ココログ管理画面の『トップに表示』と比較して、
- トップページ以外にも表示可能。
- 記事以外に、任意のテキストも表示可能。
- ココログフリーでも広告が表示されない(笑)。
という利点(?)が有ります。
設置方法は、サイドバー上のメモタイプのマイリスト等、HTMLを記述できるところに
<script type="text/javascript" charset="utf-8" src="http://furyu.tea-nifty.com/script/cocoInsertNotice.js"></script>
<script type="text/javascript">
(function(){
var c=cocoInsertNotice;
c.targetPage='toppage monthly category'; // 対象となるページ種別(toppage,category,monthly,weekly,daily,individualを半角スペースで区切って複数指定可能、またはallで全種別対象)
c.noticeKind['DEFAULT']='text'; // text:テキスト指定、entry:記事内容を取り込み
c.noticeEntry['DEFAULT']='http://~'; // お知らせとして取り込みたい記事のURL
c.noticeText['DEFAULT']='\
<div style="font-size:12px;color:brown;">\
<strong>【お知らせ】</strong>(サンプル)<br />\
<ul style="margin:4px auto 8px 16px;">\
<li>ページの最初にお知らせを表示できます。</li>\
<li>特定の記事をお知らせとして使用することが出来ます。</li>\
<li>ページ種別(トップページ・カテゴリー・バックナンバー・個別記事)に応じて表示/非表示を変更可能です。</li>\
</ul>\
</div>\
'; // end of notice
// お知らせを複数行にわたって記述する場合は各行の終わりに"\"マークを付けること。
// お知らせ内に"'"を記述したい場合は、"\'"とすること。
// === 処理の呼び出し
cocoInsertNotice.init();
})();
</script>
というようなものを貼り付けます。
すると、c.targetPageに指定されたページ(上記の例ではトップページ・月別バックナンバー・カテゴリー)の上部にお知らせが表示されると思います。
お知らせの内容は、c.noticeTextの中身を書き替えると変更できます。
もしくは、c.noticeKindで'entry'を指定し、c.noticeEntryで任意の記事のURLを指定すると、その記事の内容が表示されるようになりますので、該当記事を書き替えることで変更できます。
また、ページ種別(toppage,category,monthly,weekly,daily,individual)毎に独立した設定を追加することも出来ます。
例えば、c.targetPageにindividualを追加し、
c.noticeKind['individual']='text';
c.noticeText['individual']='(個別記事に表示したいお知らせ)';
のような設定を追加してやれば、個別記事にだけ表示するお知らせを指定できます。
同様に、
c.noticeKind['individual']='entry';
c.noticeEntry['individual']='(お知らせ用記事のURL)';
としてやることで、個別記事に表示するお知らせの内容を、特定の記事から引っ張ってくることも出来ます。
なお、拙作の
目次スクリプトを使用している場合には、
cocoInsertNotice.init();
を削除し、代わりに、目次の設置用スクリプトのオプションとして、
cocoPView.onCompleteContent=function(){cocoInsertNotice.init();}
というのを追加します。
cocoPView.init_onload() もしくは cocoPView.getArchivesRequest()よりも前に追加してください。
【注意】
ページ(テンプレート)のタグ構造をある程度決め打ちしてしまっているため、対応可能なココログは限定されます。
ブックマークレット:
お知らせを表示(サンプル)
をご自分のページで試してみて、上部にお知らせが出て来ない場合は未対応だと思って下さい。
ちなみに、このスクリプトは、
OBOCCO さんの
■
冬至のかぼちゃ: ページの目次(タイトル)を付けた(訂正有り)
に付いたコメント
トップページのみ「ページの目次」の上に、
「お知らせ」、見て欲しい「カテゴリー」、「画像」等、
表示させるようなものは、出来ませんでしょうか。
記事作成の「下書き」を使って、表現を自由に変更出来たら、
最高です。
を反映してみたものです。
こんなもんでどうでしょうか?
2007/08/16(木) 08:30 | 固定リンク
|
| トラックバック (2)
2007年8月13日(月)
トップページや、アーカイブページ(バックナンバー/カテゴリー)に、コメントを展開表示するためのボタンを付けるスクリプトを作ってみました。
設置方法は、サイドバー上のメモタイプのマイリスト等、HTMLを記述できるところに
<script type="text/javascript" charset="utf-8" src="http://furyu.tea-nifty.com/script/cocoCView.js"></script>
<script type="text/javascript">
cocoCView.init();
</script>
というのを貼り付けます。
設置完了すると、その記事にコメントが付いている場合には、フッタ部分の『コメント(n)』の右側に
のようなボタンが出ますので、これを押すと、その記事の下に、コメントが展開表示されます。
なお、拙作の
目次スクリプトを使用していて、かつ、設置用スクリプトが
cocoPView.loadByAjax = true ; // バックナンバー/カテゴリーの読込にAjax(XMLHttpRequest)を使用
となっていると、そのままではバックナンバー/カテゴリーが表示されたときに上記機能が有効になりません。
その場合には、
cocoPView.onloadFunction = "" ; // Ajaxにてページ読込後に呼出す関数を『"関数名()"』で指定
の箇所を、
cocoPView.onloadFunction=function(){cocoCView.init();};
のように修正することで、対応可能です。
【注意】
ページ(テンプレート)のタグ構造をある程度決め打ちしてしまっているため、対応可能なココログは限定されます。
ブックマークレット:
コメント展開表示ボタン付加
をご自分のアーカイブページで試してみて、コメントがついている記事なのにボタンが出て来ない場合は未対応だと思って下さい。
2007/08/13(月) 20:55 | 固定リンク
|
| トラックバック (2)
ソースコードにはちゃんとコメントつけましょうね、ってお話。
久しぶりに
目次スクリプト見てみたのですが、作った本人にも何がどうなっているのかよくわかりません(苦笑)。
もとが思いつきで作ったスクリプトで、継ぎ足しを繰り返したこともあり、すっかりスパゲッティになっているということもありますが……。
個人的には、あまりに冗長にコメントが付いているとかえって見難いので、関数や変数等の名前をそれっぽくして(機能に関連した名称を用いることで)、コメントは最小限におさえる、という方針を好むのですが……その最小限のコメントすらついていないと、こうなるという悪い見本です。
ある程度の長さを持ったソースコード書くなら、適度なコメントを入れるようにしないといけませんなぁ、と改めて感じたしだい。
他人に見られることを前提にする場合はもちろん、未来の自分も結構別人なので。
1年前、どころか、1日前でもあやしいことも……これは日記(ブログ)とかを書く場合にも言えるか、な?
でも、わかっちゃいるけど、なかなか実行できないんですよねぇ(苦笑)
■BGM
|
| 発売 | : | ワーナーミュージック・ジャパン |
| 価格 | : | ¥ 3,059 |
| ASIN | : | B00005QYWB |
| 発売日 | : | 2001/11/21 |
|
2007/08/13(月) 14:53 | 固定リンク
|
| トラックバック (0)
【ココログ】アーカイブページに目次とページングを付加するJavaScriptを若干改修しました。
■機能追加
- ページ内移動と個別ページへの移動のリンク設定を入れ換えるオプション追加(cocoPView.switchLinkType)。
設置用スクリプトに、
cocoPView.switchLinkType=true;
を追加することで、デフォルトでは
- 日付クリック→ページ内移動
- タイトルクリック→個別ページへ移動
となっているのを、
- 日付クリック→個別ページへ移動
- タイトルクリック→ページ内移動
に変えられます。
◆修正
- 右サイドバーに設置して、cocoPView.getArchivesRequest()を直接コールしている場合、バックナンバー/カテゴリーの内容が置換されないことがある(cocoPView.getArchivesOnload=true設定が無視される)不具合修正。
- 目次のタイトル(h2)とアーカイブページのタイトル(h2 class="content-header")とが被ってしまうので、後者を隠すように修正。
- 目次のタイトル要素にclass="ccpv_title"を追加。
また、
【ココログ】コメントと目次にもはてなスターを付けるのスクリプト(cocoPlugHatenaStar.js)にも、目次に関する機能について以下の改修を行いました。
◆修正
- 目次の「ページ内目次~」(h3要素)の箇所に★を付けると、はてなスターのStars画面等での記事タイトルも「ページ内目次~」となってしまうため、これを修正。
uriを表示しているアーカイブページ、titleも表示しているページのタイトル(document.title)にするよう修正。
- 目次の新規オプション(cocoPView.switchLinkType)対応。
該当オプションがtrueの場合、取得するべきuriとtitleの箇所が変化するため、これに対応。
これらの修正に関しては、
facet さんのコメント(
1・
2)を参考にさせていただきました。
毎度ありがとうございます m(_ _)m > facet さん。
2007/08/13(月) 14:22 | 固定リンク
|
| トラックバック (0)
2007年8月11日(土)
はてなダイアリーの日記一覧で、
- 日記のリンクに、はてなスターコンテナ追加
- Star Graph(星だけを一覧で眺める機能)追加
を行うような、Greasemonkey(Firefox)&SeaHorse(Sleipnir)兼用スクリプトを作ってみました。
Seahorseの使い方については、例えば
こちらとか
こちら。
Greasemonkeyの使い方については、例えば
こちら。
これを有効にした状態で、はてなダイアリーを訪れて『日記一覧』(http://d.hatena.ne.jp/*/archive/*)を見ると、
- まず、↓のような感じで★が付きます。
- 上の方に黒い帯ができて、左上に『Star Graph』という表示がされます。
- 『Star Graph』部分(上の黒帯部分)をクリックすると、
のように開いて、★が展開された状態で、グラフのように並んで表示されます。
左端の

がリンクになっており、ここをクリックすると該当する日記へ飛びます。
- 『Hide Graph』部分(上下2箇所のどちらか)をクリックすると閉じます。
たくさんの★がついているサイトではなかなか綺麗です。
やはり星見は夜空に限ります(笑)。
その分表示に時間がかかりますが(苦笑)。
たくさんの★があるところに注目してみたり、周りが暗い中でぽつんとひとつ輝いている★が気になったり。
ちょっと淋しいところで、あちこちに星を散らしてみたり。いかがでしょう?
- おもしろい!
- きれい……
- ありきたりだね。
- つまらないよ。
2007/08/11(土) 19:21 | 固定リンク
|
| トラックバック (0)
2007年8月10日(金)
ココログで、記事タイトルとフッタのほか、記事に付けられたコメントにも、はてなスターが付けられるようにしてみました。
設置手順としては、以下のようになります(既に設置している方は、3のみ実施)。
- はてなスターにログインして(はてな未加入の場合、ユーザ登録が必要)、自分のココログを外部のブログサイトとして登録し、ブログに貼り付けるHTMLのコードを取得。
- 1.で取得したHTMLコードを、ココログ上でHTMLを記述できるところ(メモタイプのマイリスト等)に貼り付け(マイリストの場合、公開設定も忘れずに)。
- 2.のコードの下に続けて、
<script type="text/javascript" src="http://furyu.tea-nifty.com/script/cocoPlugHatenaStar.js"></script>
を貼り付け。
|
|
- そう思う。お願い!>はてなさん
- はてなユーザーだけど、ログイン無しでも付けたいな。
- 連打なんかのいたずら対策済なら可。
- 匿名で付けられるのはちょっと……。
- はてなユーザーだけが使えるサービスってことでいいんじゃ?
- 興味なし。どうでもいいよ。
|
2007/08/10(金) 17:17 | 固定リンク
|
| トラックバック (0)
2007/08/10(金) 12:22 | 固定リンク
|
| トラックバック (0)
2007/08/10(金) 07:57 | 固定リンク
|
| トラックバック (0)
2007年8月08日(水)
はっきりIEのバグなんで、マイクロソフトにはすぐに対応して欲しいと思いますし、該当記事中の
FirefoxとかOpera大好きっ子は、
これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ!!!
も、ネタとして楽しみ、読み流す分にはよいのですが……。
嬉々として自分のサイトのトップページに貼り付けたり、という行為は、はっきりと悪意が見えるので、ちょっとどうかと思いますね。
というわけで、ネタ。
IEとかTrident大好きっ子は、他のブラウザに乗換えられないように、
この記事みたいにしておけばいいんじゃないかな!!!
2007/08/08(水) 09:23 | 固定リンク
|
| トラックバック (0)
2007年8月05日(日)
【使い方】
- 下の[取得]ボタンを押す。
- 「←」「→」で投稿切替(その辺りにマウスカーソルを置いてホイールを前後に動かしても切替可能)。
気に入った投稿があれば、そのまま投票したり、表示されたコードをコピーして自分のブログに貼り付けるなり出来ます。
Sleipnir2.5.12、IE6 SP2、Firefox2.0.0.6でのみ動作。
Operaだと、@nifty 投票の方のサンプルが表示されません。悪しからず。
本家の@nifty 投票でもこんな機能は欲しいと思います?
- 欲しいですね。
- あってもいいかも。
- 別にいらない。
2007/08/05(日) 00:56 | 固定リンク
|
| トラックバック (0)
2007年8月03日(金)
はてなスターを使った投票フォームを作ってみました。
名付けて『はて★スタ de 投票』。
ココログの記事に貼り付けて使います。
前準備として、はてなスター用のコードを貼り付けた
後ろに続けて
<script type="text/javascript" src="http://furyu.tea-nifty.com/script/cocoPlugHatenaStarVote.js"></script>
<style type="text/css">
.hsv_frame{margin:8px;padding:4px;width:280px;border:3px double orange;background-color: #fffff8;}
.hsv_title{font-size:12px;font-weight:bold;text-align:left;margin:4px auto 2px 4px;padding:0px}
.hsv_button{float:right;}
.hsv_ul{margin:4px auto 4px 8px;padding:0px;}
.hsv_li{margin:4px;padding:0px;list-style-type:none;font-size:12px;}
.hsv_form{margin:2px;padding:0px;font-size:12px;}
.hsv_code{width:95%;height:128px;font-size:12px;}
</style>
のようなコードを貼り付けておきます。
次に、下記のフォームを用いて投票フォームを作成し、出力されたコードをコピーして、ココログの記事に貼り付けます。
はてなスターを見たとき、「これって、投票機能としても使えそう。」と思ったのと、このサイトで最近よく使っている『
@nifty 投票』と比較しようと思って試作してみたわけですが。
実際に作ってみたら、
- はてな依存(★を付けるにはログイン必須)。
- ココログで標準的なテンプレートを使用している場合のみ貼付可能。
- 同一人物が簡単に何回でも投票可能。
- 投票状況が見えるため、それに影響される可能性がある。
- 選ばれた選択肢の割合が掴みづらい。
- 別の記事に貼り付けたら同一フォームは別集計(合計はわからない)。
- 貼り付けサイトを限定出来ない。
- カテゴリーを指定出来ない。
- 投票期間を指定出来ない。
- 他の人が作ったものにどんなのがあるかわからない。
- 自分が作った投票でも、一覧で確認出来ない。
といった欠点があるのに対して、メリットといえば、
- 同じ投票フォームを別の記事に貼り付けたときには、記事毎に集計される。
- 製作者のサイトへのリンクを付けられる。
- 気に入った投票があれば、貼り付け用コードをその場で取得可能(右上の★マーククリック)。
- CSSで表示のカスタマイズ可能。
- 投票しなくても結果は見える。
くらいしかありません……とほほ orz。
さらにとほほなことに、作っている最中に、
はて☆すたアンケート
なるものの存在を知ってしまったのでした orz。
2007/08/03(金) 03:03 | 固定リンク
|
| トラックバック (0)
2007年8月01日(水)
なるべく、「お会計、お先に失礼します。」の店で買い物したい、と思う私は変でしょうかね。
コンビニや本屋で買い物をするときに常々思うこと。
「頼むから、会計を先にして!」
特に両手一杯になるような買い物をするとき、強く感じます。
レジに値段が表示された後で財布を探している客ならともかく、こちらはとっくに財布を出して待っているのに、延々と袋詰めや包装の方を先にされてしまうとイライラ。
わたしゃそんなに器用じゃないので、財布からお金を出して、お釣りを受け取るには両手がいるんですっ!
先に商品を渡されたって、それじゃ持てないでしょ?
会計を済ませておいてくれれば、さっさと財布をしまって、包装終わったものから手に持って、次に並んでる人の荷物置き場をあけることも出来るのに……などと思いつつ、小心モノの私は言い出すことも出来ずに今日も袋詰めが完了するのをじっと待つのでありました。
とかいいながら、先に会計済ませてくれても、包装に時間がかかリ過ぎるとそれはそれでイライラするんですけどね(苦笑)。
2007/08/01(水) 01:04 | 固定リンク
|
| トラックバック (0)