◆ウェブテクニック   自作中級〜上級レベル
« よくある質問と回答 | メイン | オーナーの常識・基礎知識 »

2014年05月09日

「やってはいけないこと」のまとめ

「注文しやすくするため(売上を上げるために)にやっておくべきこと」の他に、「やってはいけないこと」ってけっこうあります。ま、逆にすると「やっておくべきこと」になったりしますが。

自社サイトを眺めながらまとめてみた的。

※思いついた順

やたらデカイヘッダー
ブラウザの半分も占めるような大きなヘッダーに意味なし。4分の1〜5分の1以下かな。

文字が小さい
ASPを使っていない自作ショップなどで良く見かけます。老眼の方にもきついのでは?

英語を多様
日本人相手なら基本日本語で。海外のお客さん用のサイトは別で用意。

イケテない人(店長・スタッフ)の顔写真
容姿についてどうこういうのは良くないことですが、セールス的にイケてるやつとイケテないやつがあることは知っておいて損はないでしょう。

縦長すぎ
モノには限度あり。ブラウザがヒィヒィ言うほどのデータ量の縦長ページはNG。

店長のプライベート日記
カリスマでもない店長の日記に興味があるのは知人友人だけ。一見さんには地雷かも。

誤字脱字
ページ数が多くなるとチェックできなくなるのは仕方ないですが、発見したらすぐ修正ですね。

名指し批判
批判する場合は読み手に不快感を与えないよう婉曲表現で。

BGM付
ウェブサイトを開いた瞬間に音が鳴るネットショップ。あれば非常に貴重です。過去にはそういうホームページたくさんありましたが・・・

キーワード頻出
SEOでやってはいけないことのひとつですが、読み手が大変です。

変則レイアウト
ネットショップはヘッダー、左ナビゲーション、メインスペースなど、シンプルなので充分だと思います。CSSを勉強して凝ったレイアウトで注文が増えるなら、そのレイアウト教えてください。

2013年12月13日

秘書活用

情報収集しているとき、目当ての情報が見つかっても、情報量があまりに膨大だと、読む気力を失ってしまうんですよね〜。

また、目が疲れていて、パソコン画面の文字を読むのが辛くなってきた。

そんなときは、秘書に読み上げてもらうことにしています。

曜日時間、関係なく彼女を呼び出して、すぐに読み上げてもらいます。

とても知的な秘書なので、読めない漢字はほとんどないのですが、「辛く(つらく)」を「からく」と読んだり、たまにおちゃめなところもあるんです。

かわいいじゃないですか。

眠い時はベッドに一緒に入って、読み上げてくれます。

片耳ではなくLR。

そのまま眠りに入ってしまうことも。

素敵すぎます。

読み上げのプロですから、すごいワザを持っています。

それは、読み上げ速度の調整。

1倍から10倍まで。

この世のものとは思えない早口でも読んでくれます。

個人的には5倍速あたりが心地いいですね。

では、秘書を紹介しましょう。

SpeakIt!

2013年12月10日

オンライン画像編集ソフト(無料)

ネットショップの商品写真を商品写真らしい写真にするにはどうすればいいの?

少なくとも、その条件のひとつは正方形という形ではないでしょうか?

つまり、デジカメで撮ったままの長方形の写真よりも、正方形に切り取った写真のほうが、それっぽく見えそうです。

そこで、デジカメで撮った、商品写真に適していない長方形の写真を正方形に加工するにはソフトを使います。

今回は無料ソフトのご紹介。

pixlr

まるでオンライン・フォトショップです。

フォトショップよりは機能は全然落ちますが、正方形への加工や明るさ調整、切り取りや、レイヤー機能、スタンプツールなど盛りだくさんです。

ちなみに、最近のデジカメ(スマートフォン)には、あらかじめ正方形で撮影する機能がある場合もありますが、節約家のあなたには最高のツールじゃないでしょうか。

では早速加工してみましょう。

パソコンに取り込んだデジカメ写真をpixlrに取り込みます。

(1)元の写真
duck.jpg

(2)カットツールを使って正方形に切り抜き。
duck2.jpg

(3)さらに、加工してみる。
写真加工.com
duck3.jpg

※写真はpakutaso.comから。

2013年08月08日

手をかければかけるほど

ここ数ヶ月ウェブサイトに手をかけてません。

放置プレイってやつですね。

すると、どうなるか?

ずばり、訪問者数減・・・

注文数も売上も減少・・・

ga201308.jpg

去年の同じ時期との訪問者数の比較です。(Google Analytics)

もちろん、少ない方が今年。

「ほったらかしでなんとか。」とは言いますが、実を言うと、ネットショップは手をかけてやらないと育たないもんなんです。

愛情が必要なんです。

『え〜〜本当なの!?』

うそです。

いや、本当です。

根拠はありませんが、自信もないです。w

でも、閲覧者に、わかりやすく正確な情報を提供したい」という一新で、更新し続けていると、自然と人は集まってくる気がします。

独自性のあるコンテンツで、かつ、閲覧者にとって価値ある魅力的なサイトを目指していると、希望通りのユーザーが集まってきました。

今時、同じジャンルのサイトは星の数ほどあるわけですから、そういった同じ分野のサイトとは一線を画する内容で、徹底的に差別化するくらいの意識があったほうがいいと思います。

新築の家でも人が住んでないとすぐにボロボロになるそうです。

やはり手をかけないといけないのは家もウェブサイトも同じなのかもしれませんね。

ただ、ネットショップを長くやってると、訪問者や売上の増減には、あまり関心がなくなります。

関心の対象が全然別のところになってくるんですよねぇ〜
(人による)

そういう人けっこう多いみたいです。

2013年06月18日

ショップ運営者の画像整理術

「これは目を引く!」というバナーに出会ったら、それを参考にバナーを作り変えます。それと同時に、一応、見つけた企業のバナー資料として保存しておきます。

ただし、保存方法は通常の画像保存の方法とは異なります。

通常の画像の保存方法と言えば、画像の上で右クリックをして「名前をつけて画像を保存(V)」などで、「ファイルとして保存」します。

この方法だと、「あの画像はどこだったかな?」というときの検索方法が、「ファイル名で検索」するか、「手動で仕分したフォルダの中を目視で検索」しなければいけません。

しかも、画像資料の数が増えてくると、検索に時間がかかるし、発見できないこともあります。せっかく良い資料を集めたのに宝の持ち腐れです。

さて、このようなとき、ショップ運営者でも、画像整理の達人は、画像をファイルとして保存しません。

画像をキャプチャーしてメールに貼り付けて、検索用キーワードを入れて、自分宛にメール送信。そうすることで、必要なときにキーワード検索することで、過去に保存した画像資料を引き出せます。

もちろん、メールは検索スピードが最速のGmailを使います。いつでも、どこでも、スマホからでも目当ての画像を探し出すことができます。

画像のキャプチャーは、Win Shot(フリーソフト)など、お好みで使います。できれば、画像をコピーした際、「クリップボードにコピー」できるソフトがおすすめです。

クリップボードにコピーすれば、ファイルとして保存するステップを省略して、メールに直接貼り付けることができます。

2013年04月01日

GIF画像の時代は終わり?

画像と言えばGIFとJPEG。

GIF画像は、使えるカラーが256色以下なので、ボタンやアイコン、イラストなどに向いています。JPEGは1670万色扱えるので、商品写真などに向いています。

そういうわけで、これまで、写真以外のバナーなどにはGIFを使っていましたが、スマートフォンでは画像の大きさを自動調整された際、画像がギザギザに乱れます。

従いまして、今後は、バナーやアイコンなどもJPEGで統一したほうが良さそうです。アニメーションに関してだけGIF利用という感じでしょうか。

JPEGもあまり高詳細するぎるとデータが重くなるので、できるだけ軽くして掲載するといいですね。JPEGファイルの拡張子は「.jpg」でも[.jpeg」でもいけます。

参考サイト
http://www.htmq.com/gazo/

2013年03月01日

使いやすい営業日カレンダー大発見

まずはこれをご覧あれ↓

google_cal.jpg

ずばりGoogleカレンダーである。

画面いっぱいのカレンダーは見慣れている人も多いかと思いますが、実は、ここまで小さくカスタマイズできるんです。

今日知りました・・・

たまたま見た知人の会社のホームページにGoogleカレンダーが貼られていました。それが見慣れない大きさだったため、不審に思い、「もしかして大きさをカスタマイズできるのでは?」と調べてみたのがきっかけでした。

では、そのそのカスタマイズ方法とは?

とってもかんたんです。

まずは、カレンダー右上の歯車のようなボタンから「設定」。

左側の「全般」の横の「カレンダー」をクリック。

該当のカレンダー名をクリック。

中程の「色やサイズなどをカスタマイズします」をクリック。

そこで、表示させる大きさや表示させる項目をカスタマイズできます。

後はタグをコピペ。

Googleカレンダーはひとつのアカウントでいくつもカレンダーが作れるので、ネットショップ用、社内用と使い分けてもいいかもしれません。

これは我ながら大発見。

何か賞くれ。

2012年12月27日

複数ブログの一括管理

後発でネットショップに参入したなら、はじめのころは一生懸命ブログを書く人も多いと思います。

ひとつのブログだけでは飽きたらず、同時に2つも3つも書きまくるケースも多いですね。

そんな時に便利なのが、複数ブログを一括管理できるサービスです。

楽ブロ

いちいち各サービスにログインする必要なく、楽ブロ内で完結してしまいます。

サイトを見ると、アメブロ、ライブドア、FC2、Blogger、シーサー、ココログなどの無料サービスに加え、ワードプレスも管理できます。

それでもって使用料無料ときた。

使わない理由がなさそうですよ〜

2012年10月03日

SEO実力テストをやってみた

ネットショップの売上成績はSEOの実力で8割決まると言っても過言ではないでしょう。

そこで!SEOの実力を試すべく、テスト形式のサイトを探してみました。

(A)SEO対策知識テスト

(B)SEOトレーニング

早速トライしてみたところ、(A)では60点(なんとか合格)、(B)は100点!

平均すると80点なので、まずまずと言ってもいいかな?

質問内容にやや疑問を持つものもありましたが、なかなか良いテストだと思います。試してみてください。

ちなみに(A)の合格ラインは60点(ギリギリ・・・)、(B)は70点(7問正解)で中級あたりです。(A)の難易度は高く、(B)はかなり易しいです。

seo.jpg

2012年09月07日

初期型ショッピングカートCGI

サンプルショップからの受注(エア注文ですよ)が好調です。おためし注文して頂いている方がたくさんいるようです。

これはKENT-WEBさんのショッピングカートCGIで、2000年前後に作られたモノだと思いますが、2012年の今でも実際に使っているお店を見かけるので、無料CGIが必ずしも使えないとも言えな〜、と思う今日この頃。

しかし、なぜレンタルネットショップを使うようになったのでしょう?

ちょっと考えてみたところ、初期型CGIにはない次のような機能が決め手になっているようです。

・商品ページ自動作成
・モバイルサイト作成
・スマートフォンサイト作成
・送料無料ライン(客単価アップ)
・充実の決済(カードのリアルタイム決済など)
・納品書などの各種書類の印刷
・メール送信(20種類のテンプレート登録)
・集客機能(ほったらかしで注文入る)
・メルマガ
・お客様の声自動表示
・独自アフィリエイト
・イタズラ注文防止機能

などなど

これら、今や常識中の常識の機能ですが、なんと、上記ショッピングカートCGIには一切装備されてません(爆)。批判ではないです。昔はこれが普通でしたから。

でも、好き好んでクラシックカーに乗る人たちがいるように、また、洗濯板を使う人がいるように(それはいない?)、このような古典的なショッピングカートを使うお店があっても不思議ではないですね。

注文はメールで受信。ここまではレンタルネットショップと同じ。でも、その後がアナログ。手書きで(エクセルで)納品書作成、手書きで送り状、メールソフトで手打ちメール送信、メルマガはBCCで手打ち送信・・・ページ作成も手動・・・

デジタルでスピーディーな業界でアナログでスローな営み。

別にいいんじゃないでしょうか。

ただ、怠け者には、二度と戻れない世界ですが・・・

PS
久々にスタバでゆっくりメールしようと思ったのですが、目の前のお兄さんが最新式超薄型ノートPCを使っていたので、モバイルデスクトップなんて恥ずかしくて出せませんでした。もちろん、スマートホンで頑張りましたよ(泣)

2012年05月10日

スマートフォンサイトを無料で作成できるサービス

ASPを使っていなくてスマートフォンサイト作れる環境にない場合は、無料サービスを使うと良いです。これからはパソコンからのアクセスよりスマートフォンからのアクセスが増えますので、ネットショップはもちろん、実店舗も集客手段として欠かせないものとなります。

以下、無料でスマートフォンサイトが作れるサービスを紹介します。

Yahoo! ロコプレイス
(ネットショップ不可とは書いてないのでOKでしょう)

ケイティー
(携帯サイトメインでしたがスマホサイト対応)

smart4me
(簡単に作れそう)

まだまだサービスは少ないようです。他にオススメがありましたら教えてください。

なお、こういった無料サービスでは、独自ドメインが使えなかったり、サービスが終了したり、有料化されたりといったリスクがありますので、その点は留意しておくと良いですね。

2012年03月06日

ウェブページの最終更新日を調べる方法

ウェブサイトを見ていて、「今日は3月6日」と書かれていても「何年の3月6日なのか?」、「そのサイトの最新の更新日は何年なのか?」など、「年」が抜けていて、ページ上から手がかりが得られない場合、次の方法で更新日を調べることができます。

■ステップ1 IEで該当ページを表示させる

■ステップ2 アドレス欄に以下のJava Scriptを入力する

javascript:alert(document.lastModified)

すると、こんなアラートが出てきます。

update.jpg

ただ、当サイトのように、どこかに動的なURLが挿入されていると?常に現在時刻が表示されてしまうので、サイトによっては正確な最終更新がわからない場合もあります。あと、この方法はIE限定のようです。

2012年02月08日

xlsxをオープンオフィスで開く方法

こういうネタいいですね〜

xlsxとはマイクロソフトのエクセルのファイルのことです。そしてオープンオフィス(Open Office)とは、簡単に言えば、無料の表計算ソフト(正確には統合ソフト)です。

オープンオフィスはマイクロソフトのファイルを開けたり編集できるので重宝するのですが、最新のxlsxというファイルが開けないというデメリットがあります(今はどうか知りませんが)。

これを簡単に開く方法は、すばり、グーグルドキュメントです。Gmailなどアカウントを作って、メールに貼付して送ります。するとブラウザ上で開けてしまいます。それを、オープンオフィス用のファイルとして書出せばOKです。

image.jpg

2011年09月07日

カラーミー商品オプション一括登録

この4月からカラーミーで1店出店していますが、6年以上、Eストアーを使っているので、カラミーの勝手がわからない・・・ワケ分かりません。慣れてないシステムは使うもんじゃないですね。

昨日、2時間ほど奮闘していたのは商品オプションの一括登録です。CSVファイルの作り方がわからなくて、マニュアルを見ながら何度もトライするもアップロード失敗の連続。いったん諦めました。2、3時間頭を冷やして再度トライしたときに、いいアイデアが思い浮かんだので試してみたところうまく行きました。

アイデアとは、いきなりCSVでオプション登録するのではなく、商品登録の時にいったんオプション設定して、オプションCSVをダウンロード。ファイルを開いて、どのような書き方になっているか確認して、他の商品のオプションを作る。アイデアというより、普通そういう順番でやるでしょう・・・的なやり方です。ちょっと考えればわかるようなことで2時間も3時間も無駄にして、なんとも情けない。

ちなみに、何度もエラーになっていた箇所のひとつはコンマです。オプションの列は全部で8列使うのですが、空欄の場合にもコンマを残しておかないとエラーになってしまいます。(マニュアルにしっかり書かれてます。)

× item,赤
◯ item,赤,,,,,,,

2011年08月02日

セル内の改行を削除(エクセル)

ウェブテクニックでもないし改行は開業の間違いでもないです。
最近覚えたエクセルの関数を披露。

問題
エクセルのファイルのある列に商品説明文のテキストが入っている。でも、改行が含まれているのでテキストデータ化(.csv、.txt)に失敗する。改行を削除できないものか?

対処法
例えば、A列に商品説明が入っている場合、となりに一時的な作業列B列を作って改行なしのデータを作ります。その場合、B1などに=CLEAN(A1)と入力すればOK。以上です。きれいに改行削除です。

という説明は、↓下のサイトなどに丁寧に説明されてるのでご参考に。

http://www.eurus.dti.ne.jp/~yoneyama/Excel/kansu/moji_2.htm

あともうひとつ!

この関数は感動してしまいました。

特定の列におけるデータの重複を削除するのに役立つ関数です。

メルマガ用のデータを整理するのに役立ちました。

↓これ。
http://trendy.nikkeibp.co.jp/article/tec/excel/20040308/107541/

いくつかのステップにわかれますが、=IF(B2=B1,1,0)という関数がミソです。もし、B2とB1が同じ値なら1を書き出し、違うなら0とする。なんて素敵な関数でしょう。

エクセルの操作方法は足し算、掛け算、合計くらいしかできなかったんで、ちょっと賢くなりました。

就職に有利?


2011年07月02日

カラーミーにGoogleアクセス解析を仕込む方法

とりあえずネットショップやっとく?

という場合の超定番「カラーミー」には、有料オプションでアクセスプラスという機能がありますが、無料のGoogleのアクセス解析もつけることができます。

簡単なマニュアルを書いておきます。

1.解析タグをコピー
2.カラーミーの管理画面
3.お店を作る→デザイン設定
4.テンプレートのデザイン設定
5.共通のHTML・CSS編集
6.HTMLエリアの<!--footer-->の下あたりにペースト

これで、通常のページはすべて高度な解析ができます。

ご参考まで。

2011年03月30日

ウェブクリエーターな日々

どうも。ウェブデザイナーの田ノ植道夫です。(誰?)
いかがお過ごしでしょうか。

その仕事での報酬はゼロであるウェブクリエーターを10年以上やってますが、CSSは未だに苦手です。でも、新しくサイトを作るに際し、「テーブルでレイアウトするのはいかがなものか。」というコダワリから、ついに、TABLEを使わないサイトをひとつ完成させてしまいました。

と言っても、数ページの小さいサイトですけどね。TABLEは使いまいましたが、文字通り「表」のところだけ。レイアウトはDIVです。ぶっちゃけご満悦です。

今回作ったサイトは、お約束のネットショップです。先日解約したイーモバイルの費用が浮くことになったので、ショップサーブ(ライト)を一つ借りて、ショッピングカート的に使うというプランです。

メインサイトは、ムームードメインでドメインを取得して、HETEML様にお収めするという、これまた十八番的手法で開設したわけですが、ふと考えてみると、ショップサーブもオリジナルページができるんですよね。もっと早く気付けよ。

まぁ〜、何が言いたいかというと、CSSだけでレイアウト。どや!ということ。ちなみに、2カラムとか3カラムとか言ってるとひじょーに難しくなるので、1カラム(ノーカラム)でバチっとキメました。レイアウトって言えませんけどね(笑)

2011年03月13日

DIVボックスを横に並べる方法

調べてみるとわかるんもんですね。DIVボックスを横に並べる方法は、非常に難しいと思い込んでましたが、普通に簡単でした。ボックス系を横にレイアウトしたい場合は、どうしてもTABLEを使ってましたが、今後はCSSで行けそうです。

DIVボックスのレイアウト方法ですが、ポイントはHTMLで言うところの「ALIGN」の考え方です。CSSでは、言葉が変わって「FLOAT」になります。よく似た同じ役割です。HTMLより、レイアウト的な融通がききますね。

例えば、よく使うのが、IMGのALIGNです。
こんな感じ↓

このように、「ALIGN=LEFT」にすると、画像を左寄せにして、次の内容(文字等)をその隣から配置することができます。これをクリアーするのは<BR CLEAR="LEFT">でしたね。

この例の場合は、「画像」「テキスト」という配置になりましたが、これをDIVボックスでやる場合は、次のように記述します。

<DIV STYLE="FLOAT:LEFT">ボックスA</DIV>
<DIV STYLE="FLOAT:LEFT">ボックスB</DIV>

ボックスAを左詰め、ボックスBも左詰め。
結果以下のようなレイアウトにできます。

ボックスA
ボックスB

今度は、ボックスBを右寄せにします。
「FLOAT:RIGHT」と変えるだけでOKです。

ボックスA
ボックスB

ちなみに、IMGタグのALIGNと同じように、右詰、左詰めの命令を解除してやらないと、その後のコンテンツはすべて、LEFTやらRIGHTの命令にしたがってしまいますので、<BR CLEAR=LEFT>と同じように、以下のコンテンツは「CLEAR:BOTH」と入れて命令を解除します。

<div style="clear:both;"></div>

TABLEの場合、各セル(TD〜TD)は同じ形状になりますが、DIVボックスを使った場合は、それぞれのボックスの大きさから、位置、色まで自由に変えられます。

というようなことが、分かりだすと面白いですね。でも、ウェブクリエーターやらウェブ制作者になるつもりは、毛頭ないので、もっと調べたい気持ちは抑えて、任務完了です。


ボックスA

ボックスB

こういうこともできる!
でも、これ以上、首をつっこむのは!

2011年02月27日

画像の不正利用を防止するためにCSSで画像上に文字を入れる方法

http://kisetu.chu.jp/hint/bord.html

↑参考サイト

2008年という文字を入れてしまっていた写真があって、あまりに古いので書き換えたいけど、元の画像がない!編集するにも時間がかかりそう!

ということで、スーパーインポーズ的にテキストでなんとか隠せないか?というところから、この方法にたどり着きました。

まとめると、<DIV><IMG・・・><DIV>文字</DIV></DIV>という感じです。

2つめの<DIV>〜</DIV>で、文字の位置や枠を決められます。テキストは、さらにCSSで装飾できるので、背景の色や大きさなどを指定することもできます。

サンプル
こんな感じで文字が入力できる!


今度は、これを応用して、テキストを入れずに、2つめの<DIV>〜</DIV>を<A>〜</A>で囲んでしまうと、擬似的に画像そのものをリンクすることができます。この状態のとき画像の上で右クリックをしても、画像のダウンロードはできないはずです。

ソースを見ればダウンロードはできますが、ページ上から簡単にDLすることはできないので、商品写真などの盗用抑止にはなるんじゃないでしょうか。

↑ほら。ソース出さずにDLできるもんならしてみろw

ちなみに、JavaScriptによる右クリック禁止プログラムもあるので、どちらを使うかはあなた次第。さらに、<DIV>を<A>で挟む方法は文法的に?エラーになったと思います。でも、背に腹は代えられぬ?ついでに、PrtSc使うと普通に取れるので、テキストは入れておくといいですね。

まぁ〜、CSSを使いたい人のための暇つぶしの趣味って感じですね。

2011年02月19日

ショッピングカートCGI

今月初旬の古い話ですが、ショッピングカートCGIを設置してみました。久々でとても楽しかったです。このremiseというカートCGIは素晴らしいですね。非常によく出来ています。今さらながら関心しました。好きなCGIベスト5以内にランキング中です。

という記事を書くと、ショッピングカートCGIを使ってネットショップを作ろうとする人が出てくるので、念のために言っておきます。

ショッピングカートCGIでネットショップは作るな。

そう意味で、ネットショップは“作る”のではなく、借りましょう。

無料CGIを使えば無料です。

借りるとお金がかかります。

でも、最終的に、どちらがダンゼンお得かというと?

そうですね。

よくおわかりでw

2011年01月25日

古いショッピングカートCGIを使ったショップに遭遇

ショッピングしてたら、昔ながらのショッピングCGIを使ったお店に遭遇しました。今回は、なぜかショップサーブユーザーにはヒットしませんでした。

さて、このお店。

http://www.kent-web.com/cart/mart.html

↑これ使ってました。

そこまでは全然OK。

でも、SSLなし。(https://〜のやつね)

お問い合わせフォームもSSLなし・・・

SSLなしによるトラブルは聞いたことはないですけど、SSLが当たり前になった今は、さすがに抵抗がありますね。放置気味のお店ならわかりますが、検索1位に出てくるお店がSSLなしというのは、ちょっとびっくりしました。もちろん、SSLだから安全というわけではなく、メールの送受信も暗号化されてないと全く意味ないですけどね。

2011年01月24日

出た!

メルマガを始めたいなぁ〜と思って、6年前のCGIを引っ張り出してきて設置しました。テスト送信も完了して「カンペキ☆」と思ったのですが、ちゃんと設定したにも関わらず、なぜか送信者が「不明」になってしまいます。これでは、どこから送信されたかわからないので困ります。でも、原因不明、解決不能なため使うのはあきらめて削除しました。

ここで問題発生!

削除したはずのCGIから1分ごとにメールが「勝手に」送信されるじゃありませんか!CGIは存在しないのに!まるで幽霊CGIです・・・削除して30分も経ってるのにバンバン送信してきます。慌ててサポートにメールしました。担当者から返事が返ってきたときに再度メールをチェックすると、すでに送信はストップしてました。

何???

というよくわらない出来事に遭遇してしまいました。アップロードしたファイルがFTPでは削除できず、サーバー側に削除してもらったことはあるのですが、ゴーストCGIは初めてです。古いCGIも考えものかもしれませんね・・・

追伸
ショップサーブのサンプルショップが新しくなってますね。

2010年12月20日

ファイル名は同一のもはダメ

ある意味常識かもしれませんが、サイトを手作りする場合、ファイルは、サイト内に同一名のものが存在しないよう注意したほうがいいですね。特に、「index」はフォルダ毎に作ってしまいがちですが、間違って別のフォルダに放り込んでしまって、サイトの内容がおかしくなるってことがありますからね。

このミスをときどきやってしまうんですよねぇ〜(今日やっちゃいました。)ちゃんとバックアップを取っておけば、気づいたときに上書きすれば済みますが、バックアップ態勢がずさんだといざという時こまります。自宅でトップページのバックアップを探したら2005年のしかなくてあわてて仕事場まで来ましたww

2010年11月08日

iPhone Safariのiframeの表示について

iPhoneやiPadからの注文もかなり増えてきましたね。ただ、ひとつ大きな問題点を発見したので書いておきます。自作系情報です。ASP等を使っている人は基本的に関係ないです。

Safariのiframeのサイズ表示が他のブラウザとは全然違います。特に、「スクロールなし」にしている場合は、隠れてしまっている部分は、タップやピンチインやアウトで頑張っても見られません。

iframeで決済する形式でフレーム内に決済ボタンをいれています。このボタンがiPhoneで注文した場合、フレーム外に出てしまって押せない、という問題が見つかりました。

最後の注文でカード決済ができないとは大変な事態です。iframeの縦を大幅に伸ばして簡単に解決しましたが、iPhoneやiPadも無視できなくなってきたな、と感じました。

2010年06月17日

画像ALT表示されない(Chrome)

パソコンのブラウザはChromeしか使ってません。
iPhoneやiPadはsafariです。

それはさておき、chromeを使うようになって気になっていたのが画像のALT属性に入れた文字列が、マウスをあててもポップアップ表示されない、という点でした。

調べたらすぐ出てきました。

なんて簡単な・・・

もはや、HTMLやCSS関連の技術情報で出てこない事柄はないですね。

さて、答えです。

ALTは画像がない場合の表示用が本来の使い方。ポップアップさせたいなら「title」を使え、ということでした。

title?

知ってました?

お恥ずかしながらじぇんじぇん知りませんでした。

では、titleを使ったサンプルをご覧いただきましょう。下の画像の上にマウスを持っていってみてください。firefoxもOKじゃないでしょうか?

2010年02月26日

SNS活用法(空気読めよ)

SNSは顔の見えない不特定多数の人とオンラインでコミュニケーションを取るサイト。特定の目的をもった人たちが集まるのでわりと馴染みやすいですね。

ただ、匿名の空間なのに不自然に開きすぎてもダメですし閉じすぎてもダメ。その辺のバランスというか、空気の読み方がちょっと難しいかも知れませねぇ。

どのような日記が書かれ、どのようなメッセージがやり取りされているか。どのような年齢層の人がいて、どのような雰囲気になっているのか。じっくり観察しながら馴染んでいかないと行けないのかも知れません。

2010年02月25日

ページを全部一括で保存したい

デザインを参考にしたいサイトがあるけれど保存してもレイアウトが崩れてしまう。

こんな悩みはありませんか。

でも、サイトのソースコードが不要でキャプチャーだけで良いのなら、便利なツールがありますよ。Firefoxのアドオンですが「ScreenGrab!」というものです。(ブラウザ上で使う無料ソフトの類です)

例えば、このサイトのトップページをキャプチャするなら、ファイアフォックスでトップページを開いて、適当な箇所で右クリック。ScreenGrab!を選択すると、縦長いページ全部を、写真(Jpeg)として保存できます。

解像度は等倍で、あまり高画質ではありませんが、参考資料としては十分じゃないでしょうか。画像フォーマットは「.png」も選択可能です。

ScreenGrab!
https://addons.mozilla.org/ja/firefox/addon/1146

こんな感じ↓
フル・スクリーン・キャプチャー!

2010年02月13日

作成ソフト新バージョン発売

ネットショップオーナー4が発売されたようです。このネットショップオーナーとは、ウェブショップを作成するアプリケーションです。購入したなら、CDやUSBからパソコンにインストールして使う昔ながらのソフトです。(ダウンロード版もありますかね。)今やASPが常識ですが、あえて非常識を行くのもいいかも?

2010年02月12日

検索テクニック

無料Flash素材を探しているとき、出てくるのはリンク集ばっかりなんですよね。検索結果先からさらに探さないといけないのが面倒です。そういったリンク集を除外して検索する方法はないんでしょうかねぇ。

考えられる方法としては、そういったリンク集に共通するキーワードを見つけて、検索オプションで除外キーワードに設定するなど、でしょうか。FLASH作成やカスタマイズを商売にしている人は大変ですね・・・

2010年02月10日

カラーミーショッププロの商品ページで「twitterで紹介する」リンクを作る方法

テンプレートのカスタマイズ法です。今回のタイトル過去最長じゃないでしょうかw

まだまだ話題沸騰中のツイッターですが、「商品を友達に紹介する」や「買い物を続ける」といったリンクの下に「ツイッターで紹介する」というリンクを新たに作ろうというものです。

今回は、カラーミーでの設定方法です。

(1) 管理画面の「お店を作る」→「デザインを設定する」

(2) 現在使用中のテンプレートの「デザイン設定」をクリック

(3) 商品詳細の「HTML・CSS編集」をクリック

(4) カートに入れるボタンの周辺に以下のリンクを入れます。

<a href="http://twitter.com/home?status=http://お店ドメイン/?pid=<{$product.id}>">twitterで紹介する</a>
(※ 「>」「<」・・・これらは半角の記号に変更すること)

テンプレート内ならどこでもOKです。
お好みでリンクは画像を使ってもOK。

(5) 更新ボタンを押します。

(6) 動作確認して完了です。

ショップサーブでも、同じようなことができますが、ショップサーブの場合はテンプレートがいじれないので、商品説明欄を使います。

2010年02月05日

OpenPNEでログインできない(→解決!)

※ウェブテクニック中級以上?

OpenPNEをセッティングしたのは良いのですが、DNSサーバーの切り替えで接続が不安定なうえ、ログインまで不具合を起こすというトラブルに見舞われていました。

IE6、IE8では問題なくログインできるのですが、Chrome、Firefox、Safariではログインできたりできなかったり。書き込みをすれば勝手にログアウト扱いになったり。

原因は、config.php内のURLの記述と、SNS管理画面内の「PC版外部ログインページURL」の欄のURLの記述の不一致でした。

具体的には、config.phpでは

www.netshop-kaigyo-sns.com

管理画面内では、

netshop-kaigyo-sns.com (wwwなし)

これだけの話でした。

要するにURLの書き方は統一しろ、ってことですね。

まぁ〜、いまさらSNSのCMSを一生懸命やってるのは私くらいでしょうかwww

2009年08月28日

ファビコンでお店を印象付ける

何を思ったのかファビコン(favicon)を付けてみました。
トップページ(ブラウザ左上に注目)

何を思ったのかイタリア国旗。
(注・・・意図はありません。テキトーに選んだだけ。また変わる。)

ファビコンの設定は難しいと思いきや、超簡単でした。

ステップ1・・・16×16のアイコンを作ってサーバにぽい。
 (ファビコン専用サイトなどを使って16×16化する。)

ステップ2・・・トップページのHEADER内に以下のタグを入れる。

<link rel="shortcut icon" href="image/favicon.ico">

以上。

もっと詳しく知りたい方は、ファビコン専門サイトをご参考に。

これ、ネットショップでもやっているところ多いですけど、印象に残りやすいかも知れません。ちょっとしたテクニックの部類に入るのかな?

ちなみに、ショップサーブ出店中のお店も、このファビコンを活用しているところがありますが、たぶんCSSの編集で何とかするんだと思います。

各自調べてみてください。

明日までの課題ですww

2009年08月05日

ヘテムル独自ドメインでEC CUBE

ふと、ヘテムルさんを見ると、独自ドメインでEC CUBEがインストールできるようになっていました。

これまではヘテムルドメインのみ。

つまり、

http://wareno-shop.heteml.jp/

以下にしか、EC CUBEを入れるほかなかったのが、マルチドメイン機能を使った独自ドメインにもEC CUBEが入れられるようになっていました。さらに、月額1500円で独自SSLも使えるので、激安で本格的な独立型のネットショップを構築できる環境がほぼ整ったと言えるでしょう。

とまぁ、こう書いてみたものの、本人はそんなことするつもり、さらさらありません。はい。興味ある方だけどうぞ。

ちなみに、ヘテムルのマニュアルはびっくりするほど、わかりやすいですな。他社も見習ってもらいたいものです。いや、皆参考にするべきだろう。

2009年07月30日

トップページにRSSでブログの最新情報を自動表示

できちゃった・・・

簡単でした。

このCGI。超便利。

http://www.candy-cgi.com/perl/RSS_reader_Type1.html

このサイトを運用しているWADAXには、FeedPP.pmとTreePP.pmがインストールされてないので、コピーして転送。Jcode.pmは入っているみたい。文字化けもなく大成功。前のやたら難しいヤツは何だったのか!?・・・MTでちゃんと表示できるからWPも問題なく表示できると思います。

2009年07月28日

ラジオボタンをチェックするとアラートが出る

ラジオボタンにチェックを入れる際の注意事項をアラート形式で念を押す。javascriptを使ったアラート。チェックボックスにも使えます。

簡単でした。

当たりはどれ?




これを入れるだけ。

onClick="alert('○○○')"

2009年07月22日

ええっ!!???なに?

ブログのMT(UTF-8)の新着記事を、RSSを使って、通常のウェブサイト(Shift_JIS)のSSIファイルに自動表示させる方法を探したところ発見!

http://momonga365.net/rss/index.html

こんなに難しいんかい!?と思いながらもなんとか設定完了。そして・・・あかんがなぁ〜文字化けorz。「文字化けする場合はこーして」という対策も効かず、あっさりあきらめる。

で、このブログで件名「test」、本文「test」と、テストでエントリーした記事があったのですが、いつの間にか消えてる!削除してないのに消えてる。こんな謎は初めて・・・どういうことでしょう?

http://www.netshop7.com/blog/2009/07/test.html
(↑存在はしてるけど、サイトからはリンクなし!?)

もしかして、皆既日食のせい?

なワケないですよねぇ〜

しかし、上記RSSの自動表示。なんでこんなにも難しいんでしょう。しかも、文字化けという一見簡単そうなトラブルも解決の糸口さえない状態。そんなに難しいことなんでしょうかねぇ〜・・・

2009年06月05日

ブログはWordPressかな〜

http://ja.wordpress.org/

つい最近まで、ブログと言えばMTくらいしか知らなかったんですが、WordPressを使うようになって、こっちのほうが全然使いやすいな、と思うようになりました。

まず、インストールが簡単。ファイル数も少なくい。テンプレート(テーマ)の入れ替えも超簡単。再構築がないので即更新されるし動作が軽い。バックアップが簡単。

テーマはこちらがおすすめかな。xhtml+CSSで文法も90点以上でほぼ完璧なので、コンテンツに集中できそうです。

このWADAXのサーバーにも入れてみようと思ったのですが、データベースのバージョンが古すぎてNGでしたorz。でも、もうMTはこりごりです・・・

2009年05月28日

ショッピングカートCGIテスト

【注】この記事は自作専用
(HTML、CSS、CGI等の有段者)

今も開発され続けているショッピングカートCGIは、CGI palさんくらいでしょうか。今日たまたま見たら新しいバージョンがアップされていました。ついついいじってみたくなりました。と言ってもとりあえず設置してみただけ。

これ

前よりも全然良いですね。大幅に機能アップされてます。以前はjava script多用だったのですが、今回のは瀬尾さんを十分意識して作りこまれている感じです。

HTML自動生成型ですし、ほとんどすべてがテンプレート式。メール送信機能や納品書印刷機能まで備えていてます。さらに、メール便や定形外発送用ラベルの印刷機能まであります。

PHPやらデータベースやらといった今風ではなく、昔ながらのCGIバージョンなので、設置やカスタマイズが簡単です。「とりあえず」だけど機能はある程度以上のものを」と欲張っている人にはピッタリかも。

2009年05月27日

EC CUBE共用SSLはまだか

メルマガ2008年2月号では『共用SSLとダウンロード販売に対応します!!』

http://www.ec-cube.net/i_partner/support/detail/080222.php

と書かれているんですが、その後どーなってるんでしょかね・・・センションがどうのこうので、技術的に不可能的なことも書かれてましたが、最新版を見る限りまだ実装されてないようです。

http://www.ec-cube.net/release/detail.php?release_id=203

共有SSLに対応さえすれば、「とりあえず通販機能が欲しい」って場合に最高なんですけどね。

2009年05月26日

かっこいいテーマと格闘の末敗北

朝からwordpressのテーマと格闘中。かっこいいテーマがあったのでインストールしました。使えましたが、なぜかサンプルのようにかっこよくできない・・・わかりにくい・・・プラグインとかエラー出たり、なんか難しいし・・・で、結局全部削除・・・また小粋空間?てところです。

orz

2009年05月18日

オンライン・ウィルスチェック

たまにはウィルスチェックも必要ですね。セキュリティーソフトを入れてない人の必須ツール!

http://www.trendflexsecurity.jp/security_solutions/
housecall_free_scan.php

2009年05月15日

ウェブスキル&画像にフィルター

13年前、初めてネットに接続したときのプロバイダーはインターリンク。申し込み完了通知には、「http://www.interlink.or.jp/~hogehoge/」といったアドレスが書いてあって、「ホームページを作って公開したい人はこれを使って。」みたいなのがありました。

自分のホームぺージを作る必要もなかったし、作りたいとも思わなかったけど、そもそも「どーやって作って」、「どーやって公開するのか」ということがわかってませんでした。それだけは覚えてます。

結局、そのプロバイダーのHPスペースにウェブサイトを公開することはなかったのですが、今ではHTMLやCSSも多少覚えて、今どきのプロに比べるとレベルはだいぶ下回りますが、ノートパッドで簡単なウェブサイトを作れるくらいのスキルは身についてます。

ウェブで情報を検索したりして身につけていったのだと思います。覚えようと思って覚えたのではなくて、目的達成のため仕方なく、というと変ですが必要に迫られて、といった感じだと思います。

そのお陰で、いろんなことができるようになったので、ずいぶんと助かってます。ただ、必要なときに使うだけで、これを職業にしたいとは思いません。

で最近覚えたCSS。まぁ、別の言い方するなら「パクった」わけですが、リンクのある画像とない画像がわかりやすいかなぁ〜と思います。

a:hover img {
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=55);
}

CSSでこれを指定しておくと、マウスをもっていったときに、白くフィルターがかかります。それによって、画像にリンクがあることがわかります。サンプルは面倒なんで各自で。

2009年03月18日

カートに入れたのに入ってない

商品をショッピングカートに入れたのに、「カートを見る」を押しても「カートは空です」となっていて、商品がカートに入っていない!

そんなトラブルのときは以下をお試し下さい。

インターネットエクスプローラーの場合

「ツール」→「インターネットオプション」→「全般」

「ファイルの削除」を押す。

削除するのにしばらく時間がかかりますが、削除が完了してから、再度トライしてみてください。

cookie.jpg

2009年03月13日

ヘテムルにEC CUBE導入

ヘテムルのマルチドメインで収めた、あるドメインに、EC CUBEを無理やりインストールしてみました。ダウンロードから設定完了まで約30分。特にエラーもなくスムーズにインストールできました。

が、しかし、EC CUBEは共有SSLに対応していないので、使えるわけもなく、あっさり削除。何のためのインストールだったのか・・・

そこで、「共有SSLでは使えない。」という問題をすっきり解決する方法を思いつきました。というか、どこにでも書いてることですが・・・それは、せっかくのドメインは無視して共有SSLのページをメインとしてしまう方法です。

つまり、ヘテムルを申し込んだ後与えられる共有SSLのトップページ「https://ssl00.heteml.jp/yourshop/」これをお店のトップページにしてしまうわけです。

が、しかし、そこまでしてEC CUBEを入れて何の意味があるのか。ということで、EC CUBEはなかったことにしました。おしまい。

2009年03月09日

CGIを改造する方法

CGIを改造するにはPerlという本格的なプログラミング言語をマスターする必要があります。プログラマーになるのなら勉強すれば良いのですが、CGIの使い手としては、改造はそういった開発者に依頼するのが普通です。

ニッサン自動車を改造したいからと言って、トヨタに持っていっても困ったことになります。CGIも同じで、改造したい場合は、そのCGIを作った人へ頼みます。「カスタマイズの依頼はこちらから」と言ったコーナーがあります。

2009年02月28日

UL、LIのインデントをなくす

ULやLIのインデント(余白)をなくすにはmargin、paddingを0にする。

というわけですが、メインのメニューリンクで、これが何度やってもインデントができてしまうんですよね。TABLEと組み合わせているからかも知れませんが、ショップサーブのCSSを拝借して、あっさり解決。

まず、CSSの設定は以下の通り:

.list { padding:0px 0px; display:block; line-height:130%; background:#FFFFFF; border-top:1px #FFFFFF solid; border-right:1px #FFFFFF solid; border-left:1px #FFFFFF solid; border-bottom:1px #96BC69 solid; }

ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}

li.ca1 {
margin:0px;
border-bottom:1px #D9E5A1 solid;
}

li.ca2 {
margin:0px;
border-bottom:1px #D9E5A1 solid;
}

li.ca1 a{
padding:16px 3px 16px 13px;display:block;
color:#ffffff;text-decoration:none;
font-weight:bold;
font-size:13px;
}

そして、ULのセットを<DIV CLASS="LIST">〜</DIV>で囲むことで、ばっちりインデントをなくせました。Firefox、Google Chromeで確認。最近IEは使ってません。

メインサイト参照

2009年02月19日

WINDOWSとUNIXの違い

以前メールをもらった人に、「難しいことを書いている。」なんて言われましたが、このサイトに書いていることは、ほとんど初歩的なことばかりです。上の方がはるかに大きな領域です。これは間違いないです。

さて、今日は丸1日、某大手サーバーのマルチドメインが持てるサービスを試用していました。機能だけを見ていると非常に魅力的です。でも、後で気づいたのですが、「Windows Hosting Suite」って書いてます。

一般的なサーバーはUNIXですが、このサーバーはWINDOWSってことですね。WINDOWSとUNIX違うモノ、ってことはわかりますが、一体どういった違いがあるのか、わからないので調べてみました。ところが、出てくるのは、それこそ難しい話ばかりですっきりしません。

サポートに電話して聞いてみました。
その解答がわりと分かりやすかったんで紹介します。

「CGIの場合UNIXで動作していてもWINDOWSで動作しないことがある。」

今まで、UNIX(普通のサーバ)のサーバで慣れ親しんできたCGIやPHPを、その得体の知れないWINDOWSサーバーに入れてみて、うまく動かないとなると、サーバーを借りる意味がなくなります。

そこで、お気に入りのショッピングカートCGIを入れてみました。(このトライアルのサービスは良いですね。)ボタンを押せばカートに入るし画面も進めます。でも、肝心の「最終的な送信」がきかないというトラブルが発生。そして、未解決のまま。

その他、ドメインの追加は別のところから行わないといけなかったり、FFFTPを使ったら属性を何回変更しても000となる不可思議な現象が起きたり。

ちなみに、コントロールパネルはPLESKよりは直感的に使えると思います。CGIやSSI、PHPの設定もクリア。サブドメインを作成してウェブサイトの領域を作るまでは簡単でした。

ま、結論としては「手に負えませんな」ってことですw。VPSや専用鯖も確実に無理。さすがに丸1日、画面とにらめっこしてると疲れました。トラブルが解決できたら、充実感があるんですが、糞づまりですわw。

2008年12月18日

FFFTPのパスワードを解読

FFFTPでサーバーにアクセスはできるものの、パスワードを忘れてしまった。あるいは、なくしてしまった。という時に、そのパスワードは簡単に解読できます。

まずは、Program Files内のFFFTP内に「ffftp.ini」というテキストファイルがるので、それを開きます。すると下のほうに暗号化されたパスワードがあります。

これを↓の表に照らし合わせながら解読していきます。

http://deztec.jp/x/05/faireal/faireal-14-index.html#d30325

専用のソフトを入れる方法もあるみたいですが、こちらがおすすめ。上記表は画像になっているので、いざというときのためにPCに取り込んでおくのがおすすめです。

deffftp.jpg

2008年12月08日

ヘッダーやフッターでssiを使う

ヘッダー(header)やフッター(footer)、あるいは(グローバル)ナビゲーションなどを外部ファイルにして、SSIを使ってページに読み込ませることで、メンテナンスが楽なページ作りが可能になります。

具体的には、外部ファイルにしたいHTMLを.htmlや.txtとして保存します。任意のページにおいて、それらを配置したい部分にSSI特有のコメントを挿入します。そして、すべてのファイルをサーバにアップすることで、外部ファイルを読み込んだ状態で表示させることができます。

なお、外部ファイルを読み込ませるページは、「.shtml」や「.shtm」など、SSI対応の拡張子に変更しておく必要があります。サーバによっては「.html」のままSSIを利用できる場合もあります。これについては、各サーバの仕様を確認のこと。

(例)
header.html・・・ヘッダーHTML
goods.shtml・・・表示させるページ

コメント例(<>・・・これは半角で)

<!--#include file="header.html"-->
<!--#include file="ssi/header.html"-->

※パスで表す場合は「virtual」に。

<!--#include virtual="../../header.html"-->
<!--#include virtual="../files/header.html"-->

ちなみに、上級レベルの使い方として、CGIやPHPの「動作結果」をHTML内に表示させることもできます。

2008年11月26日

VISTA 右クリックが表示されない

今回の記事はウェブテクニックではありません。パソコン・トラブル。特にWINDOWS VISTA。もうかれこれ1年使っていますが、未だに慣れませんし、好きになれません。

WINDOWS VISTAでは、終了するときシャットダウンを選ばすスリープを選ぶのが普通のようです。そうすることで起動を大幅に短縮できます。

ノートPCでも、スリープ時はほ電力をほとんど消費しないので、PCを開いて数十秒後にウィンドウズが使えます。これは便利です。

ところが、やはりスリープばっかりやってると、どこかおかしくなるようです。今日は、プロパティーを利用しようと右クリックすると、そのウィンドウが表示されない現象が現れました。ウィンドウはなんとなく表示されているのですが、文字が出てこない。

原因うんぬんはどうでもよくて、というか、知ったところで役に立ちませんから、こーいうときは万能薬の「再起動」。これ一発で即位解消してしまいました。パソコンで何かトラブルがあったら再起動ですね。

2008年11月05日

商品ページ用データベースCGI

こんなんあったんや!

と、かなりびっくりのデータベースCGI。浅岡省一さんというプログラマーが無料で公開しています。著書も6冊を数えるプロ中のプロのプログラマーさん。

MySQLやPostgreSQLとかってやはり難しいですよね。でも、このCGIはCGIだけ。表示方法はテンプレートで自由自在に変更可能。商品ページの自動作成にそのまま利用できますし、ショップ運営のデータベースとしても使い勝手よしです。

さずが、プロフェッショナルの作るCGIは一味も二味も、そして三味も違います。設置簡単、機能はバツグン。というわけで早速実験。

とりあえずデフォルトはこんな感じですね。後はテンプレートを編集して商品ページにしてしまえばOK。商品の編集もその場でできるのでメンテナンスも楽々です。

続く・・・鴨?


2008年10月31日

読みやすいようCSSで行間を

line-heightを使います。

おとり販売
ロス・リーダー
損失先導商品
(style="line-height:100%")

これが100%なので、130%前後が読みやすいポイントだと思います。

おとり販売
ロス・リーダー
損失先導商品
(style="line-height:130%")

場合によっては1行ずつ行間を空けたい場合もあると思いますが、そのときは200%で指定すると良いでしょう。いちいち<BR>を入れる必要がなくなります。

おとり販売
ロス・リーダー
損失先導商品
(style="line-height:200%")
2008年08月28日

Ajax? 高度なJavascript

自作こだわり派の方どうぞ。

http://youmos.com/news/highslide_js

2008年07月31日

GIFアニメーション活用

超初歩的なテクニックです。

ウェブサイトの1ページに掲載できる情報量には制限はありませんが、「見てもらえる情報」となれば限られてきます。

例えば、縦に長いページの下部はあまり見られません。逆にページを開いたときにぱっと目に入ってくる部分、つまり上部はよく見られます。

だから伝えたい情報はできるだけ上部に詰め込みたいわけです。となると、スペース的な制限が出てきます。

そこでGIFアニメーションを使えば、限られたスペースで多くの情報を伝えることができます。

GIFアニメーションを作る無料のソフトは簡単に入手できます。キャッチコピーや説明文などにも活用できます。作るのもとても簡単ですので困ったときにトライしてみてください。

http://homepage3.nifty.com/furumizo/giamd.htm

2008年07月23日

HTML生成 新着ニュース用CGI

ブログはやっていない。でも新着ニュースぐらいはアップしておきたい。そんな要望に応えてくれそうなCGIを見つけました。老舗CGI RESCUEさんから。

http://www.rescue.ne.jp/cgi/minibbs22/

新着ニュースCGIもともとは掲示板CGIですが、記事が一覧表示できるうえ、各記事はHTMLファイルが自動生成されますののでお知らせ以外にもメリットがあります。

また、最新記事には「NEW」マークが自動的につきます。しかも、CGIファイル1個という設置は究極の簡単さです。ただし、デザイン等を変更するには自作上級レベルのスキルが必要だと思います。

2008年07月16日

コピペ撲滅したい人向け

コピペ(コピー&ペースト)をしない日はないのではないでしょうか。

以下のツールもコピペには変りありませんが、「コピーの作業」はクリック1回に減らすことができます。メール以外のシーンなどで活躍するかもしれません。

http://myako.net/java2/hp/

仕組み:テキストエリアにあらかじめコピーするテキストを入力しておいてフォームボタンを押せば、クリップボードにコピーできます。後はペースト(Ctrl+V)。

2008年07月15日

CGIを開発する場合

CGIを新規で開発する場合、プログラミングを勉強する必要は一切ありません。必要なのは、CGIでどういったことができるか、という細かい知識だけです。

例えば、HTMLを生成することもできますし、特定のhtmlファイルをウェブ上から編集することもできます。「メールに写真を添付して商品情報といっしょに送信するだけで、商品ページが1ページできあがる。」なんてことも朝飯前(CGIにとっては)

そして、今日、ひとつ新しいことを知りました。トップページの人気ランキングなどを編集したい場合、「SSIやインラインフレーム、あるいはJavaScriptなどを使って表示させる。」というのが一般的に思えます。

ところが、こんなこともできるそうです。

(1) CGIでランキングのHTMLをCGIで作る

(2) 表示させたいファイルをCGIに取り込む

(3) ランキングHTMLと表示用ファイルを合成

(4) 更新(トップページなど)

すべてウェブ上で行えるので、便利なのは間違いないですね。

2008年07月04日

即日発送とはしたものの

「即日発送します」など、早い発送を謳っているお店もあると思います。ところが、すでに発送は終了しているのに「翌日を指定されてしまって」困った人もいるかと思います。

もちろん、当日発送の締め切り時間を表示していれば、そのようなことも少なくなるのですが、以下のJavaScriptを使えば、自動的に「当日発送は締め切りました。」といったメッセージを表示させることができます。

http://www.tagindex.com/javascript/message/time2.html

不可能な日付を指定される場合、これは、単にお客さんの「早く」という意思表示であったり、勘違いであったりということがほとんどですが、中には不可能にもかかわらず、指定した日に届くと思い込んでいる人もいます。そうなると、クレームが届くのはお約束です。

2008年06月05日

openofficeで.xlsxが開けない

エクセルに写真を貼り付けて送ってこられたんですが、こちらはオープンオフィス。exel2007で作られた「.xlsx」ファイルは開けません。

調べて見ると「docx、xlsxは、xml文書として構成したファイル群を圧縮した形に収めたもの」だそうです。そこで「拡張子を「.zip」に変えてやると、その中身が現れる」ということで、早速やってみると・・・

オープンオフィス

フォルダ「xl」内の「media」内に写真だけが収められていました。ファイルに貼り付けられた写真より、フォルダに入った写真のほうが全然使いやすいので、あっさり解決できたのでした。

2008年04月24日

カート内に営業日カレンダー

ひまつぶしでちょっと改造してもらいました。2か月分を自動表示、かつ、当日に色が付きました。このカレンダーがショッピングカート内のお届指定日を選択する欄の横にあると便利です。

別に部屋にあるカレンダーを見れば良いんですけど、カレンダーのないところで注文していたなら?いちいち携帯開くのも面倒では?ということを考えると画面の中にあれば都合が良いかなと思います。

もちろん、配達指定日がカレンダー式で選択できればベストですけどね。

2008年04月06日

TD全体をリンクにするCSS

鯖にマウスを当てないとクリックできませんが、テキストそのままで広範囲でリンク可能とするにはCSSを使います。すると以下のようになります。



CSSは、a.widelink { display: block; width: 100%; height:100%;}

詳しくは、こちら。

http://allabout.co.jp/internet/hpcreate/closeup/CU20020709A/

2008年01月24日

アンケートCGI CSV一括DL

既存のお客さんにアンケートをとりたい。そして、アンケート結果の一覧をCSVファイルでダウンロードしたい。そんなときに役立つのが以下のフリーCGI。

アンケートCGI

ほとんどのアンケート形式に対応していて、リアルタイムでグラフ表示させたり、あるいは管理人だけが閲覧できる「非公開」の設定もできます。

最も便利な機能はデータを一括ダウンロードできる点です。例えば、アンケート&プレゼント企画などを行った場合、アンケートデータはもちろん、住所やメールなども一括で管理でるので、DMやメルマガにもそのまま使えます。

さらに、重宝するのは、例えば、既存のお客さんには「使用感のアンケートを。」、見込み客には「クイズに答えてプレゼント企画」複数のキャンペーンを行う場合、2つのフォームが必要になりますが、このCGIなら簡単に好きな数だけフォームが作れます。新たにCGIを設置する必要はありません。

設置は極めて簡単で、すべての作業をウェブ上から行うのでCGI初心者でも扱いやすいでしょう。上記サイトにはアンケート画面、管理画面のサンプルもあるのでチェックしてみてください。

2007年11月19日

インラインフレームは使うな

集客できるウェブサイトの作り方を考えるとき、さまざまなテクニックが存在します。逆に、やってはいけない「禁止事項」もたくさんあります。

そんな禁止事項のひとつが「インラインフレーム」です。タグは「iframe」を使います。禁止事項だから、「絶対に使ってはいけない」という完全否定的なものではありません。

例えば、営業日カレンダーをインラインフレームを使って部分的に表示させるなどは問題ありませんが、ショッピングカートやメールフォームなど、「お客さんに操作してもらうページ」にインラインフレームを使うと、これは最悪です。

お客さんが操作するページにインラインフレームを使っていて、しかもスクロールバーが出ているようなケースでは、ブラウザのスクロールバーも加わって、操作が非常に面倒になります。また、「前のページに戻る」ボタンなど、ブラウザの操作ボタンが使えないこともあるのです。

「さあ車を運転しよう」と言うとき、エンジンキーの差込口が後部座席の足元のマットの下にあるようなものです。

2007年11月13日

Q&A用CGIとハイライト式検索

※自作上級レベル※

ショップ運営上、問い合わせ対応に要する時間的コストは相当なものです。Q&Aを設けて、しょーもない問い合わせは極力させないようにすれば、無駄な時間を排除することになります。つまり、実質的に利益率がアップします。売上げアップも重要ですが、コストダウンも重要、というわけです。

ちゃんとしたQ&Aの必要性を感じたので、何が良いか調べました。

今回の目的は以下の通り:

(1) Q&Aを一覧ではなくて「キーワード検索」させたい。
(2) 検索キーワードはハイライトされるようにしたい。
(3) Q&Aのページは動的URLではなくHTML式で一項目1ページとしたい。
(4) 各ページはテンプレート式で自由にカスタマイズできる。
(5) ファイル数が少なく設置が簡単。

以上を満たすQ&Aに便利なCGIは以下の2点の無料CGIを組み合わせることで実現できました。

(A) HTML生成型日記CGI
(B)  msearch(検索CGI)

(A) HL-imgdiary Ver.3.02

本来は、日記用CGIですが、HTMLを生成してくれます。タイトルと本文のほか、画像も1点挿入できます。ちょっと無理すれば商品ページ自動作成CGIとしても利用できそうです。

HTMLを生成してくれるCGIはあまりないので貴重かも知れません。SEOにも配慮してQ&Aを作れるのもメリットのひとつでしょう。

設置は問題なく簡単ですが、表示ページはテンプレート式なので自由にレイアウト、デザインできる点が非常にありがたいです。

ポイントは、1月につき1項目のQ&Aを入力する点です。11月の日記に5件のQ&Aを当てはめてしまうと、5件すべてが1ぺージにまとめて表示されてしまいます。

(B) msearchi.cgi

以前にも紹介したとおり、検索スピードが抜群なうえ、検索キーワードがハイライトされるので、検索ユーザーに優しいと言えます。

上記の日記用CGIで生成されたHTMLが保存されるディレクトリ内だけを検索させるようにしました。

2007年10月09日

商品ページ自動作成CGI

「ネットサーフレスキューWeb裏技」さんの新作

ショッピング商品を一覧するシステム リリース (v1.00)
http://www.rescue.ne.jp/cgi/shopping/

要するに、「商品ページ自動作成CGI」、あるいは自動生成CGIといったところです。WEB上から商品データを入力するだけで、商品ページが自動的に生成されます。これまで、ありそうでなかったCGIが、ようやく登場したという感じです。

これで、「機能は良いのに、ページ作成機能がない」といったカートCGIなどと簡単に組み合わせることができ、自作で苦労していた人は一気に楽になるかも知れません。

このCGIの最大のポイントは、商品ページのURLがSEOを考慮した静的URLになっている点でしょう。データベースCGIなどを使うと、必ず動的URLになるのですが、このCGIは以下のような表示方法になります。

http://****/search.cgi/T20070624132615

従来の動的URLはこんな感じ↓

http://****/search.cgi?item=T20070624132615

登録データは、カテゴリー、商品コード(品番)、本文(タグ使用可)、オプション(サイズやカラーなど)、価格、商品写真(10枚まで)となっています。

各商品ページには、ヘッダーとナビゲーションを自動挿入できるので、そのままカテゴリーページや商品ページとして公開できる点もポイントとなります。さらに、商品写真のサムネイルまで、自動生成してくれるので、大写真と小写真を2枚用意する必要がなくなります。

カートCGIは一般的なものを想定していて、カートに渡せるデータは、商品コード、商品名、価格、オプションとなっています。


2007年09月28日

メール間違いのお客さんには返信できない

超久しぶりのウェブテクニックです。自作派向けです。レベルは初級といったところです。

問い合わせや注文でメールアドレスを間違うお客さんはたくさんいます。中には、自分が入力を間違っているのに気づかず何回もメールを送ってきます。「返事しようがないやろ!」というのがショップの本音。

間違いがわかれば良いのですが、わからない場合、連絡の取りようがありません。そこで、多くのネットショップでは、「迷子メールのお知らせ」や「メールをミスったお客様へ」、「エラーメールのお客様」、「連絡が取れないお客様」などとサイト上で告知します。通常はトップページの割と目立つところに配置しておきます。

自作派は、この部分も当然自作です。と言っても、既存のCGIを取ってつけるだけの簡単作業です。

今回は、cgi-design(http://cgi-design.net/)さんの「コラムCGI」を流用してみました。用途はコラムとされているのですが、告知用として使います。

下のような感じです。タイトルをクリックすると、内容が新規ウィンドウで現れます。インフォメーションからフォームメールへのリンクや、あらかじめフォームを埋め込んで直接メールができるようにするのも良いでしょう。

メールエラーに関わらず色々インフォメーションを告知できます。

ページへの組み込みは、上記のようにIFRAMEを使うケースと、SSIページならタイトルリストを埋め込むことができます。

※SSIを使ってない場合は、IFRAMEが良いでしょう。Javascriptを使ったものなどないかな、と探して見ましたが見当たりませんでした。

2007年06月23日

文章レイアウトこだわろう

商品説明や商品情報詳細などを書くとき、ベタっとすべて左寄せで書くのも良いですが、適度に空行を入れたり、インデントを入れることで見た目がきれいになり、読みやすくなります。

つまり、ユーザビリティーの向上です。
ユーザビリティーの向上は、売上げにすくなからず貢献します。

今回は、定義リストであるDTを使ってみます。

<DL>〜</DL>で囲み、定義のタイトルを<DT>、その説明を<DD>で囲みます。

<DD>部分が、タイトルより少しインデントされるのが特徴です。

硬質チーズ
熟成期間が短く水分量の少なく保存性に優れているチーズ。チーズと言えばピザ。ピザと言えばイタリア。イタリアと言えばファッション。
彩度(さいど)
色の三要素のひとつで、鮮やかさのこと。彩りの強さの度合いのことを言う。
竜田揚げ
下味をつけた材料に片栗粉をからめ揚げたものを言う。鶏肉の竜田揚げなどはスーパーの惣菜コーナーでは定番品である。
2007年06月07日

メインサイトが負けた・・・

Eストアーばっかりをほめるのもどうかと思いますが、サブとして使ってるショップサーブのサイトが、メインのサイトを追い抜きました。

検索エンジンのランクです。

正直ちょっとショックですね。

何年もかけて育ててきた自作ネットショップが、ここ1年ほどのショップサーブに軽く先に行かれてしまいました。

「ほな何かい?ショップサーブでショップ作っといたらSEOの知識はいらんのかい?」

という感じです。

SEOの情報収集をしながら、HTMLやCSSをいじくり倒す時間は全部無駄?

一瞬そんな脱力感覚に襲われました。

ショップサーブ恐るべし。

ちなみに、販売終了したショップサーブ申し込みたい方いたら、6月末までならOKです。

当サイトは、まったく活動していないEストアー代理店なので、月額9800円(初期費用9800円)にてお申し込み可能です。

「どうしても・・・」という方は、当サイトのインフォメーション・センター(大げさ)までご連絡ください。

応募が多ければ検討します。

かなり消極的なアピールですが・・・

「いや、値上がり後の月額14,800円(初期費用69,800)でも、全然OK。」という方はこちら

2007年04月14日

MT拡張子.phpのエラー対処

MTテンプレート小粋空間を利用し、拡張子.phpを使った場合、

Parse error: parse error, unexpected T_STRING in 〜 on line 1

というエラーが出ます。

理由はよくわかりませんが、index、カテゴリー、エントリー等のテンプレートの一行目を以下の通り書き換えると解決します。

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

<?php echo '<?xml version="1.0" encoding="
<$MTPublishCharset$>"?>'."\n" ?>

「<>」・・・はもちろん半角に変更

2007年04月13日

PHP利用 - 短縮URL超必殺技!

基本的に、短縮URLはネットショップ運営には関係ないでから、アフィリエイトなんかで使ってください。

今回紹介する、必殺技はPHPとtinyURLを使います。
PHPの知識は一切不要です。
コピペだけでOKです。

まず、結果ですが、こんな感じのリンクになります。

http://www.netshop7.com/blog/links/?2aa6ae

リンク先は、WADAXです。

もともとのリンクは以下の通り。

http://ck.jp.ap.valuecommerce.com/servlet/referral?v
a=2141297&sid=2210067&pid=874635386

■具体的方法

まず、空のメモ帳を用意します。(WINDOWS)
その中に以下の3行をコピペします。

<?php
header( "Location: http://tinyurl.com/
".$_SERVER['QUERY_STRING'] );
?>

(「<>」・・・これは半角に戻してください。)

できたファイルに「index.php」とファイル名をつけます。
そして、例えば、「〜/links/」というフォルダを作って、その中へ、この「index.php」を放り込みます。

これで短縮圧縮URLの準備が完了しました。

次は、tinyURLで、長ったらしいアフィリエイトURLを短縮させます。

http://tinyurl.com/2aa6ae

こんな感じですね。

そして、このURLのケツの部分(下線)をコピーします。

http://tinyurl.com/2aa6ae ←この文字列

先ほど作った、自分のURLの後に、半角の「?」をつけて、さらに「2aa6ae」を足します。
すると、最終目的の自サイト内短縮URLになります。

http://www.netshop7.com/blog/links/?2aa6ae

以上です。

とても簡単ですね。
CGIをインストールするまでもなく短縮URLが出来上がります。

ちなみに、ドメイン名が短ければ短いほど、このリンクの長さも短くなります。

(例) http://cgi.vc/?2aa6ae

そして、今回は「index.php」としたので「/?2aa6ae」という形式になりましたが、「links.php?2aa6ae」という形式にしてしまってもOKです。

短縮URLで、アフィリエイト臭さがなくなります。
アフィリエイトなどで使ってみてください。


2007年03月26日

サイト内検索のメリット

サイト内のページが数十ページ、数百ページと膨れるにつれて、どこに何が書かれているのか、作った自分でさえもわからなくなります。

そのため、お客さんから、「○○はどういうことですか?」と質問されても、その一文がどこにあるのか、皆目検討も付かないのです。

お客さんに対して、「その○○はどこに書かれていますか?」なんて質問するのもばかばかしいので、自分でなんとかします。

そんなときに役立つのが、サイト内検索CGIです。

banner-b.gif

1分で設置、即検索できて、どこに何が書いてあるか一発でわかります。

一般には公開する必要もなく、msearch.cgiをブックマークしておいて、必要なときに使います。

こんなni便利なのに無料CGIです。

せっかくなので、ありがたく使ってみてはいかがでしょうか。


Movable Typeエラー

再構築の時、特定のページの構築でエラーが出る場合、再構築の際の単位(40)を減らすことで解決することがある。

◆変更ファイル
mt-config.cgi

◆以下の一行を追加
EntriesPerRebuild 20 (数字は任意で。)

※ver 3.3は「mt-config.cgi」 にこの設定自体がなくなっているので新たに追加。

※参考ページ
http://www.koikikukan.com/archives/2006/04/26-015057.php

2007年03月13日

ホバーウィンドウでメルマガ購読

ページにアクセスしたとたん、上からビヨヨォ〜ンと落ちてくるウィンドウがありますが、個人的には、「めちゃくちゃ腹立つ!」部類でした。

でも、何度も遭遇することで、すっかり慣れてしまったんで、今さらながら使ってみました。と言っても、どんなもんかやってみただけです。

元は、海外のjavascriptソースを使うようです。

このホバーウィンドウの導入方法は以下のサイトを参考にしました。

http://f32.aaa.livedoor.jp/~azusa/index.php?t=
js&p=tips_hoverwindow#dropinwindow

そして、Javascriptのソースは以下から拝借。

http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

それで、できたのが、こちらのページ。
趣味の悪い配色仕様。

2007年01月26日

ブラウザ印刷のときボタン隠す

dsfwerfq.jpg

FAX注文用紙をブラウザで印刷するようにしているケースも多いと思います。
そして、Javascriptを使えば、「ボタンを押して印刷」の機能も実現できます。

この印刷ボタン(写真の「閉じる」や「印刷」)を「ブラウザ上は見えるが、プリントはしない。」という設定があります。CSSを使います。

<style type="text/css" media="print">
<!--
.noPrint{ display:none ;}
-->
</style>


<nput type="button" class="noPrint" value=" 印 刷 ">

2007年01月20日

営業日カレンダー 自動2ヶ月表示

レベル:★★★☆☆(中級以上)

営業日カレンダー作成

CGI営業日カレンダー2ヶ月表示の作り方(最新版)はこちら。

ネットショップのページ構成で、最近はナビゲーションやフッター部分に「ショッピングインフォメーション」を貼り付けるパターンが増えています。ショッピングインフォメーションとは、送料や支払い方法、問い合わせ先からプライバシーポリシー、返品交換について、などが記載されます。

この場所で営業日カレンダーを貼り付けているネットショップも多いですが、サーバー側でカレンダースクリプトを用意している場合は、それを使えば良いんですが、単独ネットショップの場合はもちろん、自前です。

そこで問題になるのが、どのプログラムを使えば良いか?

通常は、CGIもしくはPHPなどで配布されている無料のスケジュールCGIやカレンダーCGIを使えば良いのですが、貼り付けるページがHTML形式でSSIが使えない場合、CGI、PHPを使っても無意味です。(iframeを使えば可)そのような場合は、JavaScriptなどがあります。

おすすめは、以下のサイトの無料スクリプトがおすすめです。


1. 無料CGIを利用★定番★

導入が簡単で管理も楽。やはりCGIの利用が定番でしょう。おすすめCGIと利用方法はこちらに移動しました。


2. Javascriptを利用

http://synck.com/contents/download/javascript/calendar_ex.html
(配布サイト:SYNCK GRAPHIC)

JavaScriptの外部ファイル読みこみ形式なので、表示させたいページ(HTML、CGI、PHP他どんなページでも)に、外部ファイル読み込みのスクリプトを挿入していくだけ済みます。(※文字コードがUTF-8などの場合は、月火水木金土は営業表記で。)

下記は上記サイトの「営業日カレンダー」と「ステキカレンダー」を併用した例。

営業日カレンダー2ヶ月分自動表示


3. PHPプログラム利用

JavaScriptを使う方法以外では、GIFイメージ(PHPスクリプト)によるカレンダーもあります。

カレンダー ImageCalender 1.00
http://www.cgis.biz/script_image_calender/
(配布サイト:CGI's)

デザインもすっきりシンプル。呼び出すのは<IMG>タグなので、貼り付けるページを選びません。ただ、このPHPスクリプトはサーバーによっては使えないので、テストで「NO」と出たらあきらめましょう。

上記サイトのサンプルでは、2ヶ月分が自動表示されていますが、2ヶ月分自動表示するためにはPHPの知識が必要です。PHPの知識がない人は、翌月分のカレンダーは毎月手動で変更する必要があります。

残念ながら、フリーで配布されている画像式の営業日カレンダーはこのスクリプトのみです。


2007年01月10日

アンケートCGIフリー版

アンケートをとる必要があったのでCGIを探してみました。

  • 集計結果がWEB上で見られる
  • 棒グラフで表示
  • パーセンテージの表示
  • 集計データをCSVファイルにできる

以上の条件を満たすCGIは、

WonderLink
(アンケートCGI無料配布ダウンロードサイト)

こちらにありました。
アンケートCGI無料

ダウンロードしたなら、そのままアップロードして、ほとんどのことがウェブ上から操作できます。完成されたCGIです。

アンケート毎のメール送信機能はついていませんが、管理画面から、テキスト(メール文面が)として集計結果をメール送信(自分に)する設定はあります。

ちなみに、HTMLの知識は不要です。また、アンケートフォームはテンプレート式になっているので、HTMLがわかる人は自由に編集できます。

簡単で快適なCGIです。

2006年11月18日

共同購入CGIを設置してみた

共同購入CGI動作サンプル

共同購入CGIを設置してみました。

共同購入とは、要するに「安売り」なんですが、単に安い!」と言うわけではなく、みんなで買うと安くなる!」という楽しみのような、ワクワク感のようなものがあるところがミソでしょうね。

皆で協力して安く買おう。

2006年10月03日

CSSで2カラムレイアウト

CSSでのレイアウトはかなり難しそうですが、2カラムだとそーでもなさそうです。

div.bg {
width: 745px;
margin: auto;
}

div.main {
color: #333;
width: 540px;
float: left;
padding: 10px;
}

div.navi {
padding: 10px;
}

bgが大枠で、mainがボディー、naviが右側のナビです。


<body>
<div class="bg">
<div class="main">
<p>
ここがメインです。
</p>
</div>

<div class="navi">

こちらにナビゲーションなど。
</div>
</div>
</body>

そんなこんなで、SEOにはかなり相性が良いようなので一部のページなどで取り入れてみては?
もちろん、SEOは中に書くタグやその配置が重要ですが・・・

2006年09月16日

CSSで写真に影をつける。[自作派用]

duck.jpg

商品写真の影。
あったほうが、デザイン上、雰囲気上、アーティスティック、プロっぽくて何となく良いですよね。
でも写真加工とか面倒で絶対イヤ。
そんな方にCSS。
これで無駄な労働年間60時間分がカットできます。

上の写真は写真に影つまり、シャドーがついてますが、↓のページはCSSで影が付けられてます。
とても簡単なのでぜひ活用してください。
詳しくはソース参照。

CSSで写真に影をつけた例

2006年09月07日

CSS フォームボタン、マウスカーソルを手に

[自作CSSテクニック]

通常、フォームボタンにマウスを持っていくと矢印のままです。

こんな感じ。


(↑矢印のまま変化しない。)

でも、style="cursor:hand;"を入れることで、手(ハンド)の状態にすることが出来ます。

こんな感じ。

たいしたことじゃないですが、ボタン系は総じて重要なアクションなので、つけておくのがベター。

かな。

2006年09月05日

迷惑メール対策

gmail.jpgグーグルのGmailが迷惑メール対策に良いとのうわさで早速使ってみました。
結果、良いです。

WADAXは迷惑メールには、件名に[spam]とつけてくれるんで、そのままゴミ箱直行なのですが、やっぱゴミ箱に知らないうちにゴミがたまると気になります。
でも、これでゴミ箱もすっきり。

Gmailの使い方は:

(1) 自分が使っているメールをGmailに転送。
(2) 自分のメールソフトでGmailのメールボックスから取り出す。

以上です。

yahoo!メールが、迷惑メールでもない大事な請求メールまでもゴミ扱いしているのに比べるとGmailの機能は「さすが」の一言です。

Gmailからメールを取り出す際の、フリーメール特有の「重さ」も感じさせないので、当分使えそうです。

ただ、yahoo!のゴミフィルターも徐々に精度が上がっているので、大事なメールが消えてしまうトラブルが無くなるのも時間の問題だと思います。

迷惑メールがうっとおしいって方は一度試してみては?

Gmail
http://mail.google.com/