アマちぇっき、オープンしました
お金 | 仕事 | 勉強 | プライベート | 健康 | 心
プログラミング関連のコンテンツ
C言語/C++入門 | Ruby入門 | Python入門 | プログラミング全般
昨日のエントリーで少し触れましたけど、本日、アマちぇっき(※ 申し訳ありませんが、あまチェキはサービスを終了しました。)を正式公開しました。
AWS(Amazon Webサービス)のAPIを利用したサイトです。
特徴としては、写真にオンマウスで滑らかにズームイン拡大する商品写真と、購入者のレビュー評価を表示しながら、アマゾンのショッピングを楽しめるサイトになってます。
(アソシエイトIDは、もちろん埋め込んでますけど、たいして収益はないでしょう、多分。)
PHP+javascriptで構築。基本的に、最近本格的に勉強始めたJavaScriptの腕試しのために作ったものです。
JavaScript使ってますんで、オフにしてたら遊べません。(そこのふかわくんとかww)
最初AWSに、価格comAPIから価格比較情報と、Yahoo検索APIからレビューページをマッシュアップさせようと設計してたら、AWSの利用規約に違反しそうなのに気付いて、途中でマッシュアップは断念・・・orz。(なにやらAWS使う場合、アマゾン以外の商用サイトにトラフィック誘導しては駄目らしい。)
アマゾンの商品写真拡大のサイトでは、かん吉さん(http://www.web2-labo.com/)のサイト(http://www.amz360.com/)が有名ですが・・・
全くおんなじにしちゃうのは申し訳ないし、面白くないので、オンマウスで写真がズームイン拡大(だんだん拡大していく)機能を実装しました。
リンク先のプレビュー拡大表示のサービス(http://glance.heartrails.com/、
https://account.snap.com/signup.phpなど)を利用してるサイトとかで、リンク先にオンマウスした時に、ボンっていきなりプレビュー画像が表示されると、ちょっとびっくりする時があります。
面白く便利にはしたいけど、ユーザーさんを驚かせたくはないので、なんとかズームイン拡大を実現したかった。ズーム拡大することで、若干びっくり度が下がるはず。
(もう少し、ゆっくりズーム拡大のほうがいいでしょうか?)
ズームイン拡大の機能、最初javascriptで、「for文+sleep」で実装しようとしたら、なんと、javascriptにはsleep関数がないことが判明。
setInterval()で、他の定義した関数を一定間隔置きに呼び出せるので、こっちで実装しようとしたら、ここでつまずいて、足止めをくらいました。
でも、最終的に解決して動くようになったので良かった。
setInterval()、ちょっと曲者でした・・(って知ってたら当たり前のことなのでしょうけど。)
javascriptのsetInterval()については、今度また備忘録として別エントリーに書きます。
アマちぇっき(※ 申し訳ありませんが、あまチェキはサービスを終了しました。)動作確認済みの環境
・OS: Windows XP
・ブラウザ: IE6、IE7、FireFox2.0、Safari3.1、Opera9.27
Mac、Windows Vistaでは、テストしてません。
時々、ズームイン拡大の機能が、動作不安定になることがあるようです。
あとOpera使ってると、動かないわけじゃないですけど、ちょっと動作がいまいちです。
では、アマちぇっき(※ 申し訳ありませんが、あまチェキはサービスを終了しました。)をどうぞよろしくお願いします。
バグ報告、ご意見・ご感想、「ここ、こうしたほうが良いよ!」などのお声も、お待ちしております。
- - 関連記事 -
- JavaScriptのsetInterval()に引数ありの関数を渡す場合
- プログラムソースを表示するpreタグ・メーカー
- リンク一覧を簡単作成、リンク作成ジェネレーター
- 引用リンクを簡単作成・引用ソースジェネレーター