2007年11月08日

スライド形式で写真表示できるjavascript:Photo Slider このエントリーをはてなブックマークに追加

こんにちは、加納典明です(嘘です)。

Photo Slider Tutorial というものがあったので、見てみると結構面白い。はてなフォトライフ のよーに、写真をスライドしてみることができる。

元のサイトを見てみたが、結構分かりにくいので、必要な部分だけを抜き出して動作するよーなものを作ってみた。



参考にしてみるとよいかと思われるっす。
posted by りょーち | Comment(2) | TrackBack(0) | Web周辺技術

2007年11月07日

動画ダウンローダー:Wideo と SPIKE(IFILM)を追加 このエントリーをはてなブックマークに追加

こんにちは、砂川捨丸です(嘘です)。

動画ダウンローダ の対応動画サイトに新たに WideoSPIKE (IFILM) を追加したっす。



ってことで、現在動画ダウンローダで対応する動画サイトは下記になります(2007/11/7現在21サイト)。
  1. YouTube
  2. Dailymotion
  3. DIVX Stage6
  4. Ameba Vision
  5. GUBA
  6. Woopie
  7. Google Video
  8. RAGUUN
  9. Metacafe
  10. RetroTube
  11. Break.com
  12. Stickam.com( Stickam.jp )
  13. Dorks.com
  14. V:social
  15. MNCAST
  16. フォト蔵
  17. MySpaceTV
  18. LiveVideo.com
  19. FLURL.com
  20. Wideo
  21. SPIKE (IFILM)

対応動画サイトで動画閲覧中に、下記のブックマークレットを実行します。ちなみに、ブックマークレットは今までのものと同じだよ。

Get Movie File
(右クリックでお気に入りに追加してください)

すると別ウィンドウが開き、ダウンロード用のリンクが表示されますので、右クリックでダウンロードしてください。

やっと20サイトを越えたよ。更に対応動画サイト数を増やしたいねぇ・・・
傾向として韓国発の動画共有サイトは一様にスクレイピングしづらい設定になっているっぽい。

下記はスクレイピングをあきらめたサイト(忘れずに書いておこう)。
ニコニコ動画(RC)
あきらめた理由:アカウントが必要なので、結構面倒
IMEEM
あきらめた理由:オモシロそうだが、なんだか仕様が複雑・・・orz
posted by りょーち | Comment(2) | TrackBack(0) | Web周辺技術

2007年11月06日

もしGoogle AdsenseのJavascriptが破壊されたら凄いことになるね このエントリーをはてなブックマークに追加

こんにちは、都家歌六です(嘘です)。

管理画面で気づいたのだが、Google Adsenseの広告選択方法が変わったようである。スタイルなどの設定をサーバ側に置くことで、サイト側を変更しなくても、スタイルが反映されるよーで結構便利である。

なお、先ほど、proxyサーバのキャッシュが不整合を起こしたのかよくわからんが、Google Adsenseをサイトに掲載しているサイトをFirefox(2.0.0.9)で閲覧するとブラウザが落ちてしまっていた(うーむ)。

で、この現象が解消されたのでよかったなーと思ったりしていたのであるが、ふと、Adsense用のjavascriptファイル

http://pagead2.googlesyndication.com/pagead/show_ads.js

が、何らかの原因で壊れてしまったりすると、全世界でとっても大変なことが起こりそうな予感がする・・・

今回、新しいGoogle Adsenseの取得用コードが準備されたっぽいが、この更新の最中で万が一Googleの優秀な技術者がうっかり誤ったscriptを書いてみたりすると、全世界でAdsenseが表示されないよーになることにいまさら気づき、たった一つのファイルが壊れるだけで多くのサイトに大打撃を与えてしまうんだねぇ・・・

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

2007年11月02日

為替レートをJSONPで(無理矢理)取得 このエントリーをはてなブックマークに追加

こんにちは、青山胤通です(嘘です)。

Currency Convertor のサイトをスクレイピングして為替レートをJSONPで(無理矢理)取得するよーなものを作ってみた。



以下その利用方法っす。

end point URL:
http://www.usamimi.info/~ryouchi/exchange/js/index.php
パラメータ:cur1:
レート変換元
パラメータ:cur2:
レート変換先
パラメータ:callback:
コールバック関数名を指定


1ドルが何円かを知りたい場合は
・cur1=USD
・cur2=JPY
・callback=getExchangeRate
などと指定する
JSONサンプル:
http://www.usamimi.info/~ryouchi/exchange/js/index.php?
callback=getExchangeRate&cur1=USD&cur2=JPY

などと指定する。
結果はJSONPで下記のように戻ってくる
getExchangeRate({"cur1":"USD","cur2":"JPY","rate":"115.34"});

利用できる通貨単位は下記になります。
AFN , ALL , DZD , ADP , ARS , AMD , AWG , AUD , AZM , BSD , BHD , BDT , BBD , BYR , BZD , BMD , BTN , BOB , BWP , BRL , GBP , BND , BGN , BIF , CAD , CVE , KYD , CLP , CNY , COP , KMF , CRC , HRK , CUP , CYP , CZK , DKK , DJF , DOP , XEU , XCD , ECS , EGP , SVC , EEK , ETB , EUR , FJD , XAF , XPF , GMD , GEL , GHS , GIP , XAU , GTQ , GNF , GYD , HTG , HNL , HKD , HUF , ISK , INR , IDR , IRR , IQD , ILS , JMD , JPY , JOD , KHR , KZT , KES , KWD , KGS , LAK , LVL , LBP , LSL , LRD , LYD , LTL , MOP , MGA , MWK , MYR , MVR , MTL , MRO , MUR , MXN , MDL , MNT , MAD , MZM , MMK , NPR , ANG , NZD , NIC , NGN , NOK , OMR , PKR , PAB , PGK , PYG , PEN , PHP , XPT , PLN , QAR , RON , RUB , RWF , STD , SAR , SCR , SLL , XAG , SGD , SKK , SBD , SOS , ZAR , KRW , LKR , SDD , SRD , SZL , SEK , CHF , SYP , TWD , TZS , THB , TTD , TND , TRY , TMM , AED , USD , UGX , UAH , UYU , UZS , VUV , VEB , VND


とりあえず動くと思われるが、スクレイピングのため処理が重いのが難点。

GetCurrencyExchange を利用すればよいのだが WSDL って面倒なので無理っす。(NuSOAP とかいれなきゃいけないっぽいし・・・)
posted by りょーち | Comment(1) | TrackBack(0) | Web周辺技術

2007年10月31日

あなたのPHPのコードを最適化するための40のTIPS このエントリーをはてなブックマークに追加

40 Tips for optimizing your php Code の中から幾つか紹介。

echo is faster than print.
echo は print より速い。

If you need to find out the time when the script started executing, $_SERVER['REQUEST_TIME'] is preferred to time()
スクリプトが実行されはじめる時間を取得したいなら、$_SERVER['REQUEST_TIME']の方がtime()よりよいですよ。

Unset your variables to free memory, especially large arrays.
特に大きな配列の場合は、メモリを開放するために変数をunsetしよう。

Error suppression with @ is very slow.
「@」でエラーを抑制するのはとても処理が遅くなるよ。

Close your database connections when you're done with them.
データベースの処理が終わったらコネクションをクローズしよう。

$row['id'] is 7 times faster than $row[id].
$row['id'] は $row[id] より7倍速い。

Your PHP scripts are recompiled every time unless the scripts are cached. Install a PHP caching product to typically increase performance by 25-100% by removing compile times.
スクリプトがキャッシュされない場合、毎回再コンパイルされちゃいます。通常、PHPをキャッシュする製品をインストールすると、コンパイル回数を減らせて、25〜100%くらい性能が上がります。

Don't split methods too much, think, which code you will really re-use .
メソッドを沢山分けすぎないでください。そのコードはホントに再利用しますか?

Turn on apache's mod_deflate.
apacheの mod_deflate を有効にしましょう。

See if you can use strncasecmp, strpbrk and stripos instead of regex.
regexの代わりに strncasecmp , strpbrk , stripos を使えないかどうかを確認しましょう。

難しいのう。

更に見たい場合は 40 Tips for optimizing your php Code でみてちょうだい。
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2007年10月30日

動画ダウンローダ更新(LiveVideo.com と FLURL.comを追加) このエントリーをはてなブックマークに追加

こんにちは、日渡早紀です(嘘です)。

動画ダウンローダ の対応動画サイトに新たに LiveVideo.comFLURL.com を追加したっす。



ってことで、現在動画ダウンローダで対応する動画サイトは下記になります(2007/10/30現在19サイト)。
  1. YouTube
  2. Dailymotion
  3. DIVX Stage6
  4. Ameba Vision
  5. GUBA
  6. Woopie
  7. Google Video
  8. RAGUUN
  9. Metacafe
  10. RetroTube
  11. Break.com
  12. Stickam.com( Stickam.jp )
  13. Dorks.com
  14. V:social
  15. MNCAST
  16. フォト蔵
  17. MySpaceTV
  18. LiveVideo.com
  19. FLURL.com

対応動画サイトで動画閲覧中に、下記のブックマークレットを実行します。ちなみに、ブックマークレットは今までのものと同じだよ。


Get Movie File
(右クリックでお気に入りに追加してください)

すると別ウィンドウが開き、ダウンロード用のリンクが表示されますので、右クリックでダウンロードしてください。

結構増えたっぽいが、更に対応動画サイト数を増やしたいねぇ・・・

下記はスクレイピングをあきらめたサイト(忘れずに書いておこう)。
ニコニコ動画(RC)
あきらめた理由:アカウントが必要なので、結構面倒
IMEEM
あきらめた理由:オモシロそうだが、なんだか仕様が複雑・・・orz


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

2007年10月29日

2ch 類似版ビューア このエントリーをはてなブックマークに追加

こんにちは、塚たんくろうです(嘘です)。

ふいんきり〜だ〜 Web Service を使って2ch 類似版ビューア的なものを作ってみた。



上記サイトでURIを入力すれば、そのサイトにあった2chの板を探してくれるっぽい。

BLOGにはりつけるなら、下記のスクリプトを貼り付けてみると吉


<script type="text/javascript" src="http://www.usamimi.info/~ryouchi/2chlike/2chboard.php" charset="utf-8" ></script>

貼り付けイメージはこんな感じ。



いろいろ考えるねぇ・・・

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

2007年10月26日

動画ダウンローダ更新(フォト蔵とMySpaceTV.comを追加) このエントリーをはてなブックマークに追加

こんにちは、細川隆元です(嘘です)。

動画ダウンローダ の対応動画サイトに新たに フォト蔵MySpaceTV.com を(やっと)追加したっす。



ってことで、現在動画ダウンローダで対応する動画サイトは下記になります(2007/10/26現在17サイト)。
  1. YouTube
  2. Dailymotion
  3. DIVX Stage6
  4. Ameba Vision
  5. GUBA
  6. Woopie
  7. Google Video
  8. RAGUUN
  9. Metacafe
  10. RetroTube
  11. Break.com
  12. Stickam.com( Stickam.jp )
  13. Dorks.com
  14. V:social
  15. MNCAST
  16. フォト蔵
  17. MySpaceTV

対応動画サイトで動画閲覧中に、下記のブックマークレットを実行します。ちなみに、ブックマークレットは今までのものと同じだよ。

9割くらいあきらめていた MySpaceTV だが、あることに気づきやってみたらうまくいったっす。(なんと面倒な仕様じゃ・・・)

Get Movie File
(右クリックでお気に入りに追加してください)

すると別ウィンドウが開き、ダウンロード用のリンクが表示されますので、右クリックでダウンロードしてください。

結構増えたっぽいが、更に対応動画サイト数を増やしたいねぇ・・・

下記はスクレイピングをあきらめたサイト(忘れずに書いておこう)。
ニコニコ動画(RC)
あきらめた理由:アカウントが必要なので、結構面倒
IMEEM
あきらめた理由:オモシロそうだが、なんだか仕様が複雑・・・orz

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

2007年10月25日

あし@におけるブロガーと訪問者の関係 このエントリーをはてなブックマークに追加

こんにちは、中村メイコです(嘘です)。

あし@ というサイトがあるよーである。
「あし@」→「あしあっと」→「足跡」って意味のようであり、BLOGなどに特定のコードを貼り付けることで、BLOGに訪問した人々の足跡を残していくよーなサービスのよーである。
いつからあるのかよくわかんないけど、はてなブックマーク - あし@をみてみると、2007年7月には存在していたと思われる。

どういうサービスなのか今ひとつわからなかったので自分で登録してみて、このBLOGにもあし@の足跡を取得するスクリプトコードを埋め込んでみた。

利用してみて思ったのだが「これはちょっとどうなの?」と懐疑的な印象を受けた。
率直に言えばなんだかちょいと「いやーん」なサービスのよーな気がする。

このあたり、どう、いやなのかが頭の中で整理できていないっぽいので、整理してみる。

そもそもどういうサービスなのか?
「自分の足跡を残す」ことが目的ではなく、「他人の足跡を取得する」ことが目的のよーな気がする。勿論、自分の足跡も残せるんだけどね。ユーザは自分のBLOGを「あし@」に登録する。すると、自分のBLOGへ「他人の足跡を取得する」ためのスクリプトが取得できる。これをブログに貼り付けてできあがり。「あし@」ユーザが自分のBLOGを訪問したときには、これで足跡が残るのである
足跡を残す仕組み
なぜ、「足跡を残すことができるか」。これはCookieを利用している。「あし@」ユーザは足跡を残すためのCookieを管理画面から取得し、「あし@」のサイトに張られている登録者のリンクなどをクリックすると登録者のサイトに行き、足跡を残すことができる。
ブロガーから見た利点
管理画面から自分のサイトを訪問したユーザが誰であるかを知ることができる。まあ、ここがこのサービスの肝なので、利点というか基本機能でもある。その際、どのサイトから自分のサイトにやってきたかという、REFERER情報も取得できる。
なぜ、「足跡を残すことができるか」。これはCookieを利用している。「あし@」ユーザは足跡を残すためのCookieを管理画面から取得し、「あし@」のサイトに張られている登録者のリンクなどをクリックすると登録者のサイトに行き、足跡を残すことができる。
10/23に登録してみたが、予想通り REFERER の殆どが http://www.ashia.to/ からの訪問者である。
つまりこれは何であるかといえば
ってことで、これはつまり何かといえば「あし@ユーザ専用アクセス解析ソフト」ってことだ。
しかし、ふと疑問が。
通常アクセス解析で取得できる情報は「訪問時刻」「どこからやってきたか(REFERER)」「どのIPアドレスからやってきたか?」「何回目の訪問か(Cookieを利用)」などの情報であり、「誰が」というのはよくわからない。しかし「あし@」では「誰が」という情報までを特定することができる。かなり古い記事だが fladdict.net blog: MIXIを使った、トラフィックの個人追跡システム で紹介されていることとやっていることは同じよーなことであろう。うーむこのあたりが「いやーん」な感じの元凶のよーである。
さらに「あし@」があたりさわりのないBLOGに設置されていればいいが、例えばアダルトサイトなどに設置されていればどーなるか?(って、アダルトサイトを見に行かなければよいのかもしれんが・・・)
友達申請
mixiなどに代表されるSNSでよくありがちな、友達申請ってのがあるのだ。りょーちも2人ほど友達申請されたが、どうも怪しくて拒否してしまった。多分アフィリ小僧であろう・・・こうなってくると、この仕組みはアクセスアップのアクセスアップにによるアクセスアップのための仕組みという思いが更に深まってくる
足跡ランキングのオカルトさ
で、「あし@」のトップページには「足跡ランキング」なるものが掲載されており、文字通り「あし@」ユーザで足跡が多い人のランキングなのだが、このランキングがまた、「いやーん」な感じ。1位〜10位の中で、「あし@スタッフブログ」は別格としても残る9人のうち、3人までがアフィリ小僧である。更に、この9人のうち、登録したばかりのりょーちのページに訪問してきた人が3人である。これは足跡を残すことで、アクセスアップを狙っているだけのユーザに思えてしかたがない。ただ、あし@ マニュアルを見てみると
あし@は、あなたのブログを訪問した方の足跡を記録するサービスです。
あし@に登録している他の会員の方が、あなたのブログを見た際に足跡を記録します。
あなたが他の会員の方のブログを見た際には、その会員のブログに対してあなたの足跡が記録されます。
足跡には、あなたのプロフィールとブログのリンクが表示されます。
相互の足跡がそれぞれに残ることで、あなたのブログにも、ブログを見てくれた方にもアクセスを増やす機会を作ります。
足跡が残ることで、新たに興味深い人のブログに出会うこともあるでしょう。

と明示的に書かれているので、そういうものなのかも知れない。実際に貼り付けタグのJavascriptのソースには
  1. このブログや、他の人のブログにあなたの足跡がのこります♪
  2. 足跡をたどって、あなたのブログへのアクセスが伸びます♪
  3. 自分のブログを、どんな人が見ているかがわかるので、新しい出会いや友達がたくさんできます♪
  4. あし@からのリンクは全て直リンク。ということは、被リンクがたくさん増え、SEO対策にもばっちりです♪
  5. 友達機能や伝言板機能などコミュニケーションを活性化する機能が満載。新しいブログライフが始まります♪
  6. あげはじめたら、キリがありません(笑)♪
などとアフィリ小僧が喜びそうな文句が謳っている


なので、この あし@ というサービスは所謂、トラフィックエクスチェンジとか、SNSの友達申請しまくりのアホアフィリエイターなどが喜んで利用してしまいそうな仕組みであると思われる。通常のブロガーは、自分のサイトへの訪問者にコメントを残して貰うことで、他のユーザと意見交換ができたりする。これは訪問者が能動的にコメントを残すことによって成立している。通常、ユーザはブログを見たときにコメントを必ず残す必要もないし、来たことを知られることもないはずである。
しかし、この仕組みは、「誰が訪問したか」を限定された範囲とはいえ、取得しちゃっている。まあ、それがいやならこの仕組みを使わなければいいだけの話しだったりする。これに気づけば退会する人も増えてくるのかもしれないね。

で、このことを踏まえると、数年後、このサービスに残っているユーザはどういう人たちなのか? 多分、人のサイトには興味がなくて自分のサイトだけを見に来て欲しいアフィリ小僧の巣窟になっているのではなかろうか? もう、なんだかこのサービス事態が存続するのは立ち上げ早々ではあるが、前途多難なのではないかなぁ・・・
少なくともこうなってくると、ユーザ同士での良好な関係は築けないよーな気がするねぇ。

ってことで、この あし@ のコミュニティにどうも胡散臭さを感じてしまったので、もうちょい使ってみるが、多分早々に外してしまうと思われる。

うーむ。謎のサービスだな。
続きを読む
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術

2007年10月24日

JavaScriptで紙芝居風の効果を出すmooCicle このエントリーをはてなブックマークに追加

これはすごい。

デモ画面で画像をクリックすると、紙芝居のよーに画像が後ろに自動的に捲れ上がって切り替わっていくのがわかる。



<li>属性部分に予め読み込むイメージをいれておき、clickイベントで画像にエフェクトをかけてスライドさせているっぽい。

いろいろ考えるねー。

素晴らしい。
posted by りょーち | Comment(2) | TrackBack(0) | Web周辺技術