The Latest Pop News, My Opinions, Lovely Music & Movies and so on ...?! No ! More & More !! )

 No. 661 エントリー 2008/04/23(水) 23:16:41

[スクリプト] Sleipnir:SeaHorseスクリプト 15 -HLR SBM この記事をはてなブックマークに登録

Bookmark Comments Viewer for HLR
スクリプト|Sleipnir Unofficial Extensions Center
958さんのスクリプトが素敵だったので勝手に改造してみた。

Head Line Readerに、はてなブックマークや、Livedoor Clipだけではなく、もっといろいろな情報を付け加えるスクリプトです。

Bookmark Comments Viewer for HLR

(続きはこちら)




左から説明すると、まずはじめに、その記事のサムネイルを表示させます。

次に、読んでいる記事を各種SBMに追加するリンク(ファビコン)を付け加えました。
対象SBMは、はてなブックマーク、Livedoor Clip、del.icio.usです。
※del.icio.usは、Sleipnirで上手く動作しないので、クリックしても、URLは予め挿入されますが、タイトルは自動的にはつきません。これは私のせいじゃないよ(笑)。

最後に、Webスカウターと、各種SBMですね。
その読んでいる記事に付けられているSBMの数を示します。

これが第一点。

第二点目は、ニコニコ動画をRSSで流している人に便利そうな機能です。
ニコニコ動画をRSS配信させている場合、その多くはサムネだけですが、それをブログに貼ってあるようなサムネイルに変換させてみました。これでちょっとはみやすくなったかと思います。
※読んでいる記事にニコニコ動画のリンクがあった場合でも変換します


□ダウンロード:Bookmark Comments Viewer for HLR -Ver X
※スクリプトを変更しました
[スクリプト] Sleipnir:SeaHorseスクリプト 16 -HLR SBM 2

[既知の問題点]

(1)記事のサムネイルの大きさを無理矢理、70×70にしているので、SBMの画像が歪んでいる

これはなんとかしたいですね。まあ、このサムネイルの位置を変えればいいわけですが、それがなかなか上手くいかない。

getElementsByClassNameで要素をとってきて、そこで展開させるのでしょうけれども、私の力不足でなかなか納得のいく結果となっていません。できれば、記事の中に埋め込みたいな。それが解決されれば、SBMの歪みもなくなるのに…

現在、目下勉強中です。

(2)958さんのスクリプトでは、SBMが付けられていない記事はそのSBMが表示されないが、記事のサムネイルを表示させているため、SBMがあってもなくても画像が表示される(見えなくとも表示されている)

これはサムネイルの問題が解決すれば、解決される問題です。要するに、根本は同じ問題と言うことですね。


[新たに付け加えたい機能]

(1)Youtubeのリンクも動画プレーヤーに変換したい

前作ったものがありますから、それをいじるだけなので、これは簡単にできると思います。ただ、時間が…(笑)

(2)リンク化されていないURLをハイパーリンク化したい

一応、document.body.innerHTMLを使って、それっぽい正規表現を変換させるところまでは進んでいるのですが、それを実行すると変なところまで、変換させてしまうので、今回は見送ります。
多分、要素をとってきてそこだけ変換させればいいんでしょうけれども、私はその点がよく分かっていない。

(3)もっとこてこてさせたい

重くなる?そんなの関係(ry…


まあ、こんな感じです。
まだまだ、試作の段階ですが、一応公開なんかをしてみました。

もし、アドバイスなんかがあれば、よろしくお願いしたいと思っています。

各種ソーシャルブックマーク: ブックマークに追加する |あとで読む

最新の記事(30エントリー)
【TopPageで探す?このブログの最新記事をCheckしてみる?】

吹き出し3
コメント

乙です。いいですね〜ゴテゴテw

> これはなんとかしたいですね。まあ、このサムネイルの位置を変えればいいわけですが、それがなかなか上手くいかない。
SimpleAPIのSITEINFO(とでも言えばいいのでしょうか?)に
this.ins = function(elm) {
for (var i = 0, elms = document.getElementsByTagName('div'), len = elms.length; i < len; i++) {
if (elms[i].className == 'desc') {
elms[i].insertBefore(elm, elms[i].firstChild);
return true;
}
}
return false;
};

のようにエレメント挿入用の関数を追加して、メイン側のエレメント挿入箇所を
if (sites[i].ins)
sites[i].ins(user_num_link);
else
_document.body.insertBefore(user_num_link, ins);

のように修正すればいけました

> (3)もっとこてこてさせたい
iframeを付けて、そこに元記事を表示するとかどうでしょう?ウザイですかね(汗

  • 2008/04/25(金) 09:24:56 |
  • URL |
  • 958 #-
  • [ 編集]

連投すみませんorz
書き忘れましたが、description.htmlが標準のものを想定しています(class="desc"がある場合のみ)
ユーザが変更可能なので、全てのdescription.htmlに対応させるのは難しそうですね

  • 2008/04/25(金) 09:27:55 |
  • URL |
  • 958 #-
  • [ 編集]

お久しぶりです

勝手に改造してすみませんでした。あまりにも素敵だったので(ry…

さて、教えていただいた点を修正してあげ直しました。
ご教授ありがとうございました。とっても勉強になります。

>iframeを付けて、そこに元記事を表示する

その発想はなかった。それはとってもいいアイディアですね。
でも、仰るとおり、そういう点が問題かもしれませんね。もっと数が多ければ(もっとこてこてならば)本当に面白いかもしれませんよね。

descについて

え?そこを変える人はいるんですか(笑)。
私も普通に"desc"を想定していましたよ。でも、まあ、大方、大丈夫ではないかと(勝手な想像をしてみるテスト)。

最後に一言

もちろん、言うまでもないことですが、こてこては正義です(笑)。

  • 2008/04/25(金) 23:43:24 |
  • URL |
  • Xenophias #J7Ti0pLo
  • [ 編集]

(ー_ー;)・・・

で、サムネイルやリンクを全て縦一列に並べて右カラム(2カラム化)へ収めるにはどうやれば良いのかな?

  • 2008/04/26(土) 09:33:03 |
  • URL |
  • ぷにら♪ #oZ2jvZ2I
  • [ 編集]

ここまでで一応、保留ということで

多分、カラム化したい部分をinframeにして、それを固定して埋め込めば…

要するに、
「あとは気合いで」ということで。

  • 2008/04/27(日) 18:07:00 |
  • URL |
  • Xenophias #J7Ti0pLo
  • [ 編集]
吹き出し2
コメントの投稿

管理者にだけ表示を許可する

  ※スパム対策のため、フィルターをかけています。本文が英数字のみのコメントはスパム認定される恐れがあります。どうかその点ご了承下さい。

吹き出し4
トラックバック
【トラックバックURLはこちら】
http://browserjs.blog102.fc2.com/tb.php/661-cd3cb262
この記事にトラックバックする(FC2ブログユーザー)

※スパム対策のため、トラックバックは管理人の承認後に表示されます。

※なお、当ブログでは宣伝目的のスパムトラックバックを制限しておりますので、本文が英数字のみの場合や、NGワードを含んでいる場合、当該記事にブログのURL(言及リンク)が含まれていない場合は、トラックバックできない可能性があります。誠に申し訳ございませんが、その点、どうかご了承下さるようよろしくお願いします。

ウィルコムストア ウィルコムストア

Browser.js
He who runs after two hares is a "challenger" ( Laugh...). 
Separated But Connected !!
Chrome Counter
Firefox3 Meter
Firefox3 Meter QRコード
あわせて読みたい


FC2Ad

FC2ブログ

;