2009年01月10日

アメリカ航空宇宙局 NASA の日替わり画像を取得するブログパーツを作った このエントリーをはてなブックマークに追加

アメリカのNASA - Homeのホームページのボリュームは結構すごい。

その中の一つNASA Earth Observatory: Homeのトップページに掲載されるほぼ日替わりで変更される画像をブログに貼り付けるだけのブログパーツを作ってみた。

以下のスクリプトを張れば今日のNASAの画像をブログに貼り付けられます。
<script type="text/javascript" src="http://www.usamimi.info/~ryouchi/nasa/js/index.php" charset="UTF-8"></script>

張り付けたイメージは下記の通り。
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年12月18日

Google Ajax Feed APIを用いてRSS情報を取得し一週間以内のエントリのみ表示する方法 このエントリーをはてなブックマークに追加

mixiのJavascriptコミュニティでこんな質問があった。
google AJAX Feed API(以下gFeed)について質問です:
やりたい事: 【1週間以上前のエントリは非表示にしたい。】
APIを読んでもよくわからなくて...
drawしてからDOMを探して、日付をチェックしてCSSでdisplay:none;とか?
うーん...なんかスマートでない気がする...
簡単に利用できるAPIだけにぜひ使いたいと思っています...誰か一緒に悩んでください!
Google AJAX Feed APIってそーいえばちょっと弄ったくらいの記憶しかないのだがはてなブックマークの人気エントリを表示 - Google AJAX Feed API サンプル - Google AJAX Feed API入門のサイトに基本的なロジックが書いてあったので殆ど丸ごとコピーしてやってみたら動いたよーに思う。

Google Ajax Feed APIを用いてRSS情報を取得し一週間以内のエントリのみ表示する。

やってることはこんな感じ。
・現在の時刻を取得する。
・エントリ情報をGoogle Ajax feed APIで取得する。
・feed.entry.publishedDateの情報を取得
・それぞれの時刻をDate.parse(gdate)みたいにして比較する。

一週間はどうやって計算するかといえば、
chktime -= 24*60*60*1000*7;
って感じでやってるな。
chktimeに直接日付や時刻を入力して時刻指定も可能だな。
var chktime = Date.parse("2008/12/10 12:00:00");

ちょっとエレガントじゃないけどできたよーな気がする。
だめかな?
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年12月15日

新はてなブックマークに不満:IEではauto_pagerize_on.gifが読み込まれない このエントリーをはてなブックマークに追加

はてなブックマーク がリニューアルされたがひとつだけ不満がある。

はてなブックマーク - りょーちぶっくまーく にinternet explorer 7でアクセスすると、いつまで経っても auto_pagerize_on.gif を読み込み続けている。

直接当該ファイル(以下の画像)にアクセスしたところきちんとアクセスできるっぽい。
auto_pagerize_on

で、これはどうも以下のBookmark.jsというファイルから呼ばれているっぽい。
http://b.hatena.ne.jp/js/Hatena/Bookmark.js

よくわかんないけど Hatena.Bookmark.AutoPagerize.ToggleButton の部分がなんかおかしいんじゃね?

LOCK_IMG: '/images/auto_pagerize_on.gif'
LOCK_CANCEL_IMG: '/images/auto_pagerize.gif'

とか定義されている。で、 activeImg / inactiveImg とかで使われているっぽい。
ソースをまじめにおっかけてないのでよくわからんが現象としては無限ループっぽく読み込み続けている感じかのぅ? で、タイムアウトになってしまう感じか?

Firefoxだと問題なくアクセスできている感じなのでJavascriptの書き方に問題があるのかもしれんな。上記スクリプトはページ自動ロード機能に関するスクリプトなのだが、Internet Explorer がこのスクリプトを作者の意図どおりに解釈できず無限ループになりタイムアウトっぽい状態になっているのではなかろうか?

謎じゃ。
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年11月29日

thatsping(ザッピング)がドメイン失効により大変なことになっている件 このエントリーをはてなブックマークに追加

ザッピング - 受動系ソーシャルブックマーキング -というサイトがある。

このサイトにもそのブログパーツを貼っていたのだが、10月24日の22時ころ、このサイトにザッピング運営事務局からコメントが記載されていた。
コメントのあったサイト:りょーちの駄文と書評:海堂尊:「チーム・バチスタの栄光」
※このコメントは、 ザッピングをご利用して頂いているユーザー様を対象にお送りしております。 既にタグを変更して頂いている方にもコメントしてしまう場合がございますが、 ご容赦くださいませ。 「ザッピング」をご利用いただきありがとうございます。 運営元の(株)ブログウォッチャーと申します。 この度、「ザッピング」のURLが、弊社側のシステムミスで、 http://thatsping.com/ から、 http://thatsping.jp/ へ変更になりました。 その関係で、ページに貼って頂いているタグを変更して頂く必要がございます。 以前のタグのままの状態ですと、 検索ワード等の情報を取得できない状況が発生しております。 ご迷惑をおかけしまして、大変申し訳ございません。 誠にお手数なのですが、 http://thatsping.jp/tagcode に新たなタグ情報が記載されておりますので、 ご参照の上、タグを変更して頂けると幸いです。 今後とも、「ザッピング」を何卒宜しくお願い致します。
このときは、「あー、ドメインを変更したのね?ひとつひとつのサイトにいちいち手動であきこみにいっているのかしら?えらい大変だな」としか思っていなかったのだが、こういうことだったのか・・・
【お詫び】ザッピングのブログパーツのドメイン変更につきまして| 株式会社ブログウォッチャー
平素、弊社サービス「ザッピング」をご利用頂き、誠に有難うございます。
本日11月27日、ザッピングのブログパーツに関する不具合の件で、
お詫びとご報告があります。

昨日11月26日、ザッピングの旧アドレスのブログパーツをご利用いたただいている
ブログ・サイト様につきまして、
他のページにリダイレクトされるという現象が発生しました。

本問題は、ブログウォッチャー社の内外の要因によって、
旧ドメインが失効してしまい、
第3者が取得したことに主な原因がございます。

ザッピングのタグを貼っていただいているユーザー様、
またブログプロバイダの方に
多大なご迷惑をおかけしていることを深くお詫び申し上げます。

この現象の回避方法といたしましては

thatsping.comが含まれているタグの除去

もしくは

現在のthatsping.comのタグを
以下のページに説明している新しいタグへの変更
が必要となります。

本ページに新しいタグ情報が記載されておりますので、
ご確認いただけると幸いです。

ユーザーの皆様には大変お手数をおかけしてしまうことになりますが
何とぞご対応いただければと思います。

現在、ブログのコメント欄等を通して、
ユーザー様一人一人への告知を人力にて行っております。

また、
http://shooti.jp/otoiawase.html
からお問い合わせ頂ければ、個別にご対応いたします。

新たな情報が入り次第、随時、
弊社サイト http://www.blogwatcher.co.jp/
ザッピング http://thatsping.jp/
にて告知を行わせて頂きます。

ご迷惑をおかけしまして、誠に申し訳ございません。
汗顔の至りであり、深くお詫び申し上げる次第です。

どうか今後とも、「ザッピング」を宜しくお願い致します。

株式会社ブログウォッチャー 代表取締役 羽野仁彦
要するに
  1. thatsping.com というドメインの更新を忘れてしまった
  2. ドメインが第三者に買われた
  3. 急遽 thatsping.jp というドメインを取得
  4. 10月24日ころユーザのサイトのコメント欄にコード変更の依頼をコメントとしてスタッフが残す
  5. 第三者にドメインが完全に渡り、 thatsping.com はまったく別ものになった。
  6. thatsping.com のコードを貼ったままのサイトは第三者のサイトに飛ばされちゃうようになった ←今ここ
うーむ。そういうことか。

まあ、ユーザからしてみたらコードの変更さえすれば利用できるのでいいのだが、ドメインの変更を忘れるってやっぱこわいよね。
以前Pukiwikiもドメインを失効して大変なことになっていたねえ。

ちなみに、thatsping(ザッピング)の運営元の株式会社ブログウォッチャーは、東工大の奥村学教授が取締役として就任しているねぇ。
うーむ、なんか大変だな。
posted by りょーち | Comment(2) | TrackBack(0) | Web周辺技術

2008年11月19日

「邦楽・歌謡曲 ヒット曲 19XX」に検索機能を追加 このエントリーをはてなブックマークに追加

昨日作った 邦楽・歌謡曲 ヒット曲 19XX に新たに検索機能を追加してみた。歌手名・曲名などで検索できるであろう。



で、このキーワード検索を使い、検索結果表示時に歌手名のリンクをクリックするとその歌手の曲名の一覧がすぐに表示されるようにしてみた。

あと、トップページに最近追加した10曲をリスト表示してみることにした。

更に曲名のリンクは Youtube へのリンクではなく YouTube TAG Search へのリンクとした。
こうすれば目当ての曲をすぐにダウンロードできるので便利だと思われる。

現在、約500曲程度だが、更に増やしていくな。
第一の目標は5000曲だな。

邦楽・歌謡曲 ヒット曲 19XX

posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年11月18日

邦楽・歌謡曲 ヒット曲 19XX というものを作ってみた このエントリーをはてなブックマークに追加

場当たり的に 邦楽・歌謡曲 ヒット曲 19XX というのを作ってみた。

1970年から2000年までの歌謡曲・邦楽のヒット曲を分類するだけのサイトだな。

作ろうとしたきっかけはYoutubeで昔の歌謡曲を検索するときに年代や歌手名で検索したいなと思ったが、検索したい歌手や曲名がなかなか思い出せないことも多々あり、じゃあ、まとめて邦楽だけのデータベースっぽいもの作ったらよいのではと思い作り始めることにしたのだ。

歌手名・曲名・年代の3つのカテゴリーに分類してみた。まだ、登録曲が少ないのだがこれからちょくちょく更新していくな。
自分で使ってみて、年代別にヒット曲がまとめられているといいね。

で、このサイトなんだが、ローカルPCではXAMPP+MySQLでつくってみたのだが、サーバにあげるときに、サーバ側のMySQLにどうもアクセスできなくてMySQLをやめてはじめてSQLiteを使ってみた。

SQLiteってなかなかお手軽だねぇ。
MySQLで作ったものをSQLiteに変更するのも少しの修正で完了したな。
便利なものを知ることができたのでよかったねぇ。

邦楽・歌謡曲 ヒット曲 19XX
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年11月17日

たったひとつのプロバイダを停止しただけで全世界から75%のスパムがなくなった? このエントリーをはてなブックマークに追加

Spam Volumes Drop by Two-Thirds After Firm Goes Offline - Security Fix

英語のサイトなのでよくわからんが、「とってもたくさんのスパムメール送信元と思われる北カリフォルニアのプロバイダMcColoの利用を停止したら75%もスパムメールが激減したよ」ということらしい。

ひとつのプロバイダを停止しただけで4分の3もスパムが減ったってどれだけ送りまくりなんだ?
下記サイトに掲載されている FreeMindの図をみても、これはよろしくないサイトだなってのがわかると思われる。

A Closer Look at McColo - Security Fix

つーか、そーいうことしちゃいかんと思わないのかね?
スパマーの頭の中はどうなっているんだろう?

まあスパマーが他のプロバイダに移ればまた元に戻るのかもしれんが・・・
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年11月14日

CSSを利用したドロップキャップ(dropcap) このエントリーをはてなブックマークに追加

海外のサイトで一文字目の文字だけ大きくなっていて記事が始まるよーなデザインをよく見かける。
これ、かっちょいいよね。

このデザインはドロップキャップと呼ばれるデザイン方法らしい。段落の1文字めだけを大きくするのはタブロイド紙などでよく見かけるな。

で、どーやってやるのかなと思って調べたらCSSを使っているよーだ。
よくわかんないが first-letter というものを使うようだ。
first-letterって文字通り「はじめの文字」についての設定のようだね。
CSSのセレクタ(選択子)とか擬似要素とかよく理解できてないが、こんな感じで設定するようだ。

たとえば段落<p></p>の中でdropcapを掛けたい場合を考えよう。
いづれの御時にか、女御更衣あまたさぶらひたまひける中に、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。はじめより我はと思ひあがりたまへる御方々、めざましきものにおとしめそねみたまふ。同じほど、それより下臈の更衣たちは、ましてやすからず。朝夕の宮仕につけても、人の心をのみ動かし、恨みを負ふつもりにやありけん、いとあつしくなりゆき、もの心細げに里がちなるを、いよいよあかずあはれなるものに思ほして、人のそしりをもえ憚らせたまはず、世の例にもなりぬべき御もてなしなり。上達部上人なども、あいなく目を側めつつ、いとまばゆき人の御おぼえなり。唐土にも、かかる事の起りにこそ、世も乱れあしかりけれと、やうやう、天の下にも、あぢきなう人のもてなやみぐさになりて、楊貴妃の例も引き出でつべくなりゆくに、いとはしたなきこと多かれど、かたじけなき御心ばへのたぐひなきを頼みにてまじらひたまふ。
先ずスタイルシートを読み込んでおくな。
<link rel="stylesheet" type="text/css" href="http://ryouchi.up.seesaa.net/css/dropcap.css" />

で、段落にドロップキャップを以下の要領で設定するのだ。
パターンA:dropcap.css
p.dropcap-first-ptn-a:first-letter {
color: #333333;
float: left;
font-size:64px;
line-height:60px;
padding-top:4px;
padding-right:5px;
font-family: Times, serif, Georgia;
}
<p class="dropcap-first-ptn-a">いづれの御時にか、女御更衣あまたさぶらひたまひける中に、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。はじめより我はと思ひあがりたまへる御方々、めざましきものにおとしめそねみたまふ。同じほど、それより下臈の更衣たちは、ましてやすからず。朝夕の宮仕につけても、人の心をのみ動かし、恨みを負ふつもりにやありけん、いとあつしくなりゆき、もの心細げに里がちなるを、いよいよあかずあはれなるものに思ほして、人のそしりをもえ憚らせたまはず、世の例にもなりぬべき御もてなしなり。上達部上人なども、あいなく目を側めつつ、いとまばゆき人の御おぼえなり。唐土にも、かかる事の起りにこそ、世も乱れあしかりけれと、やうやう、天の下にも、あぢきなう人のもてなやみぐさになりて、楊貴妃の例も引き出でつべくなりゆくに、いとはしたなきこと多かれど、かたじけなき御心ばへのたぐひなきを頼みにてまじらひたまふ。</p>
結果:

いづれの御時にか、女御更衣あまたさぶらひたまひける中に、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。はじめより我はと思ひあがりたまへる御方々、めざましきものにおとしめそねみたまふ。同じほど、それより下臈の更衣たちは、ましてやすからず。朝夕の宮仕につけても、人の心をのみ動かし、恨みを負ふつもりにやありけん、いとあつしくなりゆき、もの心細げに里がちなるを、いよいよあかずあはれなるものに思ほして、人のそしりをもえ憚らせたまはず、世の例にもなりぬべき御もてなしなり。上達部上人なども、あいなく目を側めつつ、いとまばゆき人の御おぼえなり。唐土にも、かかる事の起りにこそ、世も乱れあしかりけれと、やうやう、天の下にも、あぢきなう人のもてなやみぐさになりて、楊貴妃の例も引き出でつべくなりゆくに、いとはしたなきこと多かれど、かたじけなき御心ばへのたぐひなきを頼みにてまじらひたまふ。


パターンB:dropcap.css
p.dropcap-first-ptn-b:first-letter {
color: #FFFFFF;
background-color: #000000;
float: left;
font-size:64px;
line-height:60px;
padding-top:4px;
padding-right:5px;
font-family: Times, serif, Georgia;
}
<p class="dropcap-first-ptn-b">いづれの御時にか、女御更衣あまたさぶらひたまひける中に、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。はじめより我はと思ひあがりたまへる御方々、めざましきものにおとしめそねみたまふ。同じほど、それより下臈の更衣たちは、ましてやすからず。朝夕の宮仕につけても、人の心をのみ動かし、恨みを負ふつもりにやありけん、いとあつしくなりゆき、もの心細げに里がちなるを、いよいよあかずあはれなるものに思ほして、人のそしりをもえ憚らせたまはず、世の例にもなりぬべき御もてなしなり。上達部上人なども、あいなく目を側めつつ、いとまばゆき人の御おぼえなり。唐土にも、かかる事の起りにこそ、世も乱れあしかりけれと、やうやう、天の下にも、あぢきなう人のもてなやみぐさになりて、楊貴妃の例も引き出でつべくなりゆくに、いとはしたなきこと多かれど、かたじけなき御心ばへのたぐひなきを頼みにてまじらひたまふ。</p>
結果:

いづれの御時にか、女御更衣あまたさぶらひたまひける中に、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。はじめより我はと思ひあがりたまへる御方々、めざましきものにおとしめそねみたまふ。同じほど、それより下臈の更衣たちは、ましてやすからず。朝夕の宮仕につけても、人の心をのみ動かし、恨みを負ふつもりにやありけん、いとあつしくなりゆき、もの心細げに里がちなるを、いよいよあかずあはれなるものに思ほして、人のそしりをもえ憚らせたまはず、世の例にもなりぬべき御もてなしなり。上達部上人なども、あいなく目を側めつつ、いとまばゆき人の御おぼえなり。唐土にも、かかる事の起りにこそ、世も乱れあしかりけれと、やうやう、天の下にも、あぢきなう人のもてなやみぐさになりて、楊貴妃の例も引き出でつべくなりゆくに、いとはしたなきこと多かれど、かたじけなき御心ばへのたぐひなきを頼みにてまじらひたまふ。

うまく使うとカッコイイかもね。
posted by りょーち | Comment(0) | TrackBack(1) | Web周辺技術

2008年11月11日

Google検索順位表示用bookmarkletを修正 このエントリーをはてなブックマークに追加

Internet Explorerのブックマークを整理していたら、何につかうのかわからないブックマークレットが多々あった。ブックマークしたはいいが、どう使うのかわかんないものも結構あったのでひとつひとつためしてみた。
で、その中でGoogleの検索結果の番号表示ってブックマークレットがあったのだがためしたところなんだかうまく動かなかった。どうやら下記サイトからGetしたようだ。

JavaScript::Bookmarklet Blog: Google検索結果の番号表示

再度ブックマークレットを登録してみたが、上記サイトに掲載されているブックマークレットそのままでは、現在のGoogle検索結果に対応していないようだった。なのでちょっと修正してできるよーにしてみた。ほんのちょっとだな。修正したブックマークレットを下記においておきます。右クリックでお気に入りに追加してください。

Google 検索順位表示 bookmarklet
Google検索結果順位表示 右クリックでお気に入りに追加。

これでGoogleで検索した際、Googleの検索結果の項目に番号を表示させます。FirefoxとInternet Explorerで動作確認できたな。

利用方法はこんな感じ。
Googleでおもむろに検索します。
Google検索結果 bookmarklet使用前
上記検索結果が表示されたところで、先ほどのブックマークレットを利用します。
すると、検索結果の左側に下記のように検索順位が表示されます。
Google検索結果 bookmarklet使用後
目的とするキーワードでそのサイトが第何位に表示されるかを調べるときに使えます。
次の100件を表示する際も101〜200で表示されますな。

SEOとか全く興味ないので、どのくらい便利なのかわかんないっす・・・orz

JAVASCRIPT::BOOKMARKLET が最近更新されてないのでトラックバックを飛ばすのはやめておこう・・・
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2008年11月06日

Gmailをより高速化する方法 このエントリーをはてなブックマークに追加

Internet ExplorerでGmailを見ていたらこんなリンクが?

fasterGmail.png

なんだろ?と思いクリックしてみると以下のページに飛んだ。

より処理速度の速いブラウザで Gmail をより高速に

うーむ。IEをやめてFirefoxGoogle Chrome を使えとのこと。
javascriptの実行速度の問題なのかねぇ?
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術