JavaScriptとAjax
June 30, 2009
01:14
HOTPINK様のホームページ制作
少し前になりますが、恩納村のマリンスポーツを中心としたショップ、HOTPINK（アイランド倶楽部グループ）さんのホームページをリニューアルしました。
このご依頼は、3月まで勤めていた制作会社でのオファーだったんですが、独立のタイミングとばっちりマッチしまして、制作会社とのコンソーシアムでの制作になりました。
デザインは、かなりチャレンジをしたというか、マリンスポーツ・ダイビングのショップとしてはあり有り得ない配色を使ってます。
かなり自由にやらせてもらったので、各部にちょっとしたギミックをあしらっております。
たとえば...
ＴＯＰページのメインビジュアルが横にスライドしますが、コレはＦｌａshではなく、jQueryというjavascriptライブラリをフル活用してます。
Ｆｌａｓｈでも作ったんですが、このサイトはSEO重視なので、ちゃんとソースが書かれていたほうが有利なんですね。
たとえば...
ＴＯＰページのビジュアルの一番右にある、オススメコース診断。
ここに人数を入れて検索すると、Ｃｏｏｋｉｅにその値が記憶されます。
で、どうなるかというと、各コースの詳細ページでは、その人数分の料金が自動計算されて表示します。
地味に便利でしょ。
たとえば...
メモリーアルバムは、写真が正方形でばばばっと表示します。
コレは、1枚あたり3ＭＢを超える大きいサイズの写真を、とあるソフトを使ってサーバー上にアップして、システム側にＩＤを打ち込むだけで一気にリサイズして、サムネイルまで生成します。
毎日大量の写真をアップしたいという要望もあったので、利便性とデザイン性を追求したシステムです。
サーバー側に置いたＰＨＰで、ＧＤという画像処理モジュールを使用して組んでますので、同じシステムを入れるにはかなりのサーバーパワーを必要としますので、専用サーバーの準備も必要ですね。
他にもいろいろと見どころがあって、ほとんどをjQueryライブラリを活用して作ってますので、興味があったら見てみてください！
100人でだるまさんがころんだ
「羽山さん はじめまし」
100人でだるまさんがころんだ
「これ面白そうでしたよ」
祝・開業
「開業おめでとうござい」
祝・開業
「開業、おめでとうござ」
まだまだ海日和
「アドバイスありがとう」
さぁさぁ、新しいChopstickBrunchですよっ
「test」
8月というわけで
「コメント投稿時には、」
さぁさぁ、新しいChopstickBrunchですよっ
「変身もとい 返信のテ」
さぁさぁ、新しいChopstickBrunchですよっ
「ｆだｓｄふぁ」
さぁさぁ、新しいChopstickBrunchですよっ
「コメントのテスト投稿」