◆ウェブテクニック  ネットショップを手作りしている人のための技術情報
注意 自作中級レベル~上級レベルの人のみ対象
« お店のタイトル作り方講座 | メイン | オーナーの常識・基礎知識 »

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?va=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/