一大プロジェクト完了

ここしばらく掛かっていた、プロジェクトが今日、完了した。

時々、Blogに、IE6はなんちゃらかんちゃらと言っていたあれ。(笑)

で、何を作っていたかというと、オンラインショッピングのページ！

随分前から色んな人に言われていたし、それは僕も分かっていたけれど、色々な事情でそれが出来ないでいた。

その色々な事情とは、

・ページ作成のための技術的問題。
・日本側の対応方法。

まず、最初の方が解決したので、取りかかることに。
そして、昨日、日本側の対応も目処が付いたので、Goとなったのである。

ゴチャゴチャしたことは後述するとして、どういうページかを見て下さいな。

これがトップページ。

ショッピングのページとしても独立しているけれど、ライトボックスで呼び出すとちょうどいい感じのサイズにした。

下は、写真のプリントを販売するページ。

次は、写真集販売のページ。
ショッピングカートに物を入れると、右下に表示される。
データは、Cookieに保存されている。

そして、購入に問題なければ、右上の「ご注文はここをクリック」を押すと、こういう感じでビョーン、と出てくる。
そこに、購入する物をボタンを押して表示してもらい、合計金額を確認。

「必要事項を記入」ボタンを押すと、下の画面に切り替わり、必要事項を入力。

左下には、このプログラムの素になったページのリンクを貼っている。

郵便番号は、番号を入力すると、Java Scriptで住所が自動入力されるプログラムを使わせて頂いた。
現時点で、最新の郵便番号と住所になっております。

そして、次のページの確認ページで確定してもらえれば、注文は完了！

普通のショッピングページとはちょっと違う仕組みになっているけれど、わかりにくい、というほどのものでもないでしょう。

このショッピングのページは、総合トップページ、New Zealand追っ掛け隊！！のページ、Photographerのページ、それぞれから呼び出すことが出来る。

上記の画面までだと何も問題ないので、興味のある人は、動作確認ということでご覧下さい！

Java ScriptとCookieはオンにしておいて下さいね。

さて、技術的なことを少々書いてみようかな、と。

何が技術的な問題だったかというと、
・データベースが使えない。
・Sendmailが使えない。
という、今のご時世で考えると、致命的な問題があったのである。

今だと、レンタルサーバもそれなりに値段もこなれてきているから、そちらに移せばいいのだろうけれど、今は面倒だな、と。(苦笑)

このサイトのスペースは、2000年初期に契約した(もちろん、お金を払っている)。
その頃としては、安い価格だったし、そんなに本格的なページは作らないだろう、と思って、ずーーっと契約更新してきた。

今となっては、同じプロバイダーでも、同じような値段か、それより安い値段で、もっといいサービスがあるというのが悔しいのであるが．．．

それは置いておいて、ことあるごとに、DBを使わないショッピングカートって作れないだろうか？と思って探していた。

まずは、Perlで。

でも、ピンと来るもがなかったんだよね。

3週間ほど前に、Java Scriptで作れるショッピングカートの紹介記事を見た。

それを見た時、お、これは！と思ってそのプログラムを見てみた。

かなりいい感じだったのだけれど、データ送付のところが僕にとってはイマイチだったので、断念。

その時、そうかぁ、Java Scriptのショッピングカートかぁ、と思って検索。

いくつか候補が挙がり、これは、というのがようやく見つかった。

それが、今回使わせてもらっているもの。

画面遷移もほとんどなく、データをまとめるところまでは完成されていたので、その先をどうにかすればいい。

Sendmailは使えないから、やはりサーバにデータを溜め込む仕組みしかないな、ということで、今、メールフォームとして使わせてもらっているプログラム(Perl)を流用しようと考えた。

文字コードの問題(Java Scriptはutf-8、メールフォームはShift-JIS)やらデータの引き渡し方やら結構、(自分的には)大変だったけれど、全て解決させて、これならいける、ということろまで持っていけた。

その後は、デザインのことやら何やらの解決。

何度も書いた通り、IE6は本当に憎たらしかった！

例えば、Cookie。

1つの処理で、Cookieは20個まで持てる。つまり、20個まで注文可能。1つの注文で、1つのCookieを使う。
が、IE6は、14個くらいまでは問題なくても、それ以上になると、変な動きをし始めた。
まぁ、僕のこのショッピングサイトで、一度に10個以上の注文はないだろうから、ということで、注文数は10個に制限させてもらった。
これがなければ、その上限20個までいけたのになぁ．．．

他にも、CSS関連やら何やらで、最後の最後まで、完全解決には至らなかったものもある．．．
もう、知らねぇ、という感じで終わらせた。(苦笑)

IE6に限らず、ところどころ、不思議な動きのすることがあったのだけれど、なんとか解決。
(Iron(Chrome派生)は、どういう訳か、Cookie部分で変な動きをしていた。)

多分、もうそんなに変な問題は残っていないと思う。
必要なブラウザ全てで動作確認したし。

注文があるなしに関わらず、こうやってオンラインショッピングのページが出来て、とても嬉しい！

これを拡張して、僕のお薦め商品やら何やらも載せていきたいな、と思っているところ。

そうそう、このショッピングカート、Cookieを扱うのにJQueryを使っている。

だから、立ち読みのページを作るのに、JQueryのライトボックスを使おうかと思って設置をしかけたけれど、扱いづらくて断念・・・

普段は、mootoolsを使っており、どちらもJava Scriptライブラリーなんだけれど、インターフェースを作る人の思想なのか、どうもJQueryは扱いづらいな、と思った。
mootoolsだと結構すんなり設置出来るのに。

使わせてもらっている方なので、あまり偉そうなことを言えないけれど．．．

結局、古巣のmootoolsに戻ることに。

僕はやはり、mootools派だな、と再認識した次第。(笑)

さて、次は、New Zealand追っ掛け隊！！の別ウインドウで表示させているページの編集と、Hayleyのページのメニューの再作成。

これらが終われば、現時点でのWeb関連は区切りが付く。