ビリヤードのHPを作ろう！＠ビリナビ.com

iframeとの組み合わせ

2006-07-05T20:43:56Z

ビリナビ.comのトップページには、HTMLではない部分がいくつかあります。 Navigatorのそれぞれのカテゴリの登録数が表示されている部分。簡易アンケートの部分。掲示板最新記事の部分。それぞれ、CGIで動かしているわけですが、CGIをHTMLに組み込むためにタグを使っています。今まで沢山のサイトを作ってきましたが、iframeを使うのはこれが始めてです。とても便利なのは分かっていましたが、Netscapeでは表示されない、セキュリティの脆弱性がある、ということでずっと使うのをためらってきました。ただ、「最近のブラウザではiframeは問題なく使える」「セキュリティ性の非常に高いサイトでなければ問題ない」という記事を読み、使用してみることにしました。また、amazonなどがiframeを使っているのも、かなりの後押しになりました。やっぱり非常に使いやすいですねー。今までは、CGIをHTMLに組み込むといえば、JavaScriptを使うのが定番でしたが、JavaScriptよりもよっぽど手軽で表示も正確です。アクセス解析を見てみても、iframeが見れないブラウザで見ている人は少ないですが、JavaScriptをOFFにしている人は結構います。 Amazonから学んだ使い方を紹介しておきます。トップページのNavigatorの例 HTML側

との間にはiframeをサポートしていないブラウザで見た場合に表示するものを入れておきます。普通は空白でもいいんですが、ここはメニューなので万が一に備えて記述しています。基本的に、罫線に囲まれた要素を表示する場合にも、iframe自体の枠線を使わないほうが良いです。そちらのほうがデザインが崩れにくいので。（border="0" frameborder="0" style="border:none;"）これで、CGIから出力するHTMLの方に、同じ大きさの枠つきのボックスを表示させればOKです。厳密には、iframeの幅、高さより枠線の幅だけ狭くした大きさを指定しておきます。この場合は、 width: 384px; height: 208px; border: border:1px solid #000000; のように指定しておけば大丈夫です。 IEでは、その他のブラウザより罫線の枠だけ小さいボックスを作成してしまいますが、このように記述しておけばiframeの中にきちんと収まります。とりあえず論より証拠。是非使って見てください。

英語のコメントスパム対策

2006-07-03T19:47:49Z

ホームページで掲示板を使っている方は多いでしょう。その時に困るのがコメントスパム。ビリヤード関連サイトを回ってみても、掲示板が宣伝書き込みで埋まってしまっているのをよく見かけます。特に波状攻撃を加えてくるのが海外サイトからの英語の書き込み。これは本当にひどい。宿主まで殺してしまうウィルスみたいなもんです。宣伝っていうより殲滅作戦ですよ。国防省の管轄かもしれませんな。管理人の方が一つ一つ削除していてもまーったく追いつきません。半日の間に過去ログが全部消えてしまうくらい書き込んでいきます。こういった海外のスパムはIPで制限をかけていても無理です。色々なIPで攻撃を仕掛けてきます。この英語のコメントスパムには、掲示板に英語だけの書き込みを書き込めなくしてしまうのが手っ取り早いです。 Perlをちょっと触れる方向けに、そのスクリプト例を残しておきます。なお、スクリプトを見るとスパムを送る業者がそれに対応してしまうから、スクリプトを書き込んじゃダメなんていう話も聞きますが、それじゃ本末転倒でしょ・・・。実際日本語をちょびっとだけ入れたスパムも出始めているようですが、その前に対策ができずに泣く泣く掲示板を消していくサイトを救うことが先決だと考えます。まぁ、一応追記のところに書く、ということで・・・・ｗ ### ひらがなでチェックする ### $bbdy = $in{'comment'}; &jcode'convert(*bbdy, 'euc'); if ($bbdy !~ m/(\xA4[\xA1-\xF3]){2}/){ &error('投稿制限にかかる書き込みです'); } ### リンクの数一定以上なら終了 ### if ($in{'comment'} ne ''){ my $urlnum = ($in{'comment'} =~ s/http/http/g); if (!$urlnum) { $urlnum = ($in{'comment'} =~ s/www\./www\./ig); } if ($urlnum > 4){ &error('投稿制限にかかる書き込みです'); } } $in{'comment'} の部分はそれぞれのスクリプトの呼び出し方によります。 &error() に関しても同様です。このスクリプトをCGIが書き込みを実行する前に挿入します。 sub regist{} の中や、regist.cgi の中ですね。これで英語だけの書き込みは完全シャットアウト！！面白いくらいピタリと書き込みが止まります。是非お試しあれ～。＊Perlのことはよーわからんけど、どーしても導入したい！という人は、どこの掲示板スクリプトに使いたいのかを明示して質問してみてください。（「KentさんのとこのWebPatio」とか）対応できるかどうかは分かりませんが手助けできそうなところはお手伝いします。誰か他の人が助けてくれるかもしれませんｗ]]>

独自ドメイン

2006-06-21T20:57:15Z

ホームページを作るものにとって、独自ドメインと言うのはひとつの憧れだと思います。独自ドメインというのは、簡単に言えば自分だけの住所のようなものです。例えばビリナビ.comの場合、billinavi.comという住所を持っているわけです。実際にはビリナビ.comのHP自体はレンタルサーバ「StepServer」上に置いてあります。しかし、billinavi.comという住所を持っているので、http://billinavi.com/でビリナビ.comを表示することができるんです。これは、billinavi.comに来た人にはStepServerのこのページを表示しなさい～と設定してあるからです。つまり、もしビリナビ.comを他のレンタルサーバ上に移したとしても、表示するページの設定を変えるだけで、http://billinavi.comの住所は変わらないわけです。ホームページを持つものにとってURLが変わってしまうのはとても困ることです。お気に入りの変更ならまだしも、リンクをしてくれているサイトにアドレス変更をお願いして回る必要がありますからね・・・・・。また、独自ドメインを取得することで、URLを短く表示することができ、覚えてもらいやすいというメリットもあります。だらだらと長いURLは見るだけで疲れますもんねｗ独自ドメインを取得するならここ！！！ ■MuuMuuドメインなんといっても安い！ .comが年間800円っていうのは破格です。買いです。はい。安いとはいえ、相変わらず.jpは高いですが・・・。ドメインは早いもん順です。思いついたら買う！！ →　MuuMuuドメインただ、無料ブログサービスや、無料レンタルサーバなどでは独自ドメインの設定ができないことの方が多いです。レンタルサーバを利用するのが手っ取り早いので、「レンタルサーバ」の記事もご覧下さい。

レンタルサーバ

2006-06-21T20:41:06Z

自作CGIを使ったり、MovableTypeの導入、独自ドメインなどを使ったりしたい場合、レンタルサーバを利用する必要があります。プロバイダについているホームページスペースや、無料レンタルサーバなどと比べて、格段にサーバの性能が上がりますのでオススメです。料金も1ヶ月300円程度に抑えることができるので、ちょっと頑張ってホームページ作っちゃおうかな、という人は是非ともレンタルサーバを使ってみてください。また、CGIについて勉強してみたいなーという人もご利用ください。「個人的なオススメレンタルサーバ」 ■Lolipop ナウでヤングなレンタルサーバなんていう妙な宣伝ですが、サーバの性能は素晴らしいです。 MovableTypeの導入にも最適。月額263円～。とても格安な独自ドメインサービスも行っています。 billinavi.comのドメインはこちらにお世話になりました。 ■StepServer ビリナビ.comはこちらのサーバを利用しています。サーバの性能は文句無し。サブドメインも多くの中から選べます。ワンタッチでCGIが使える機能なども用意されています。月額250円～

アフェリエイトのススメ

2006-06-21T18:29:41Z

趣味でホームページを作成しながらアフェリエイトで小遣い稼ぎっていうのは、みんなの理想系でしょう。全て無料でホームページを作成していたとしても、アフェリエイトを導入することで、ホームページを更新するモチベーションアップになります。有料サーバを使っていたり、独自ドメインを使っていたりしたらなおさらです。普通のホームページだけでなく、ブログなどで日記を書いている人も、みなさんアフェリエイトを導入しましょう。勿論なかなか大きな金額は期待できませんけれど、小額でも嬉しいものですよっ。アフェリエイトには色々ありますが、オススメなのが「A8.net」、「Amazon」、「楽天」です。 -------------------------------------------------------- ■A8.net アフェリエイト国内大手です。なんと言っても色々なジャンルの広告があって、さらに掲載する広告を自分で選べるところがいいですね。広告選びをするのが楽しくなります。オススメ。『作成例』 -------------------------------------------------------- ■楽天こちらは報酬が現金ではなく、楽天で商品が買えるポイントです。ただ、他のアフェリエイトが5000円程度の金額が貯まらないと支払われないのと違い、楽天は小額なポイントから利用できます。勿論紹介できる商品も多数で選びがいがあります。『作成例』 -------------------------------------------------------- ■Amazon 言わずと知れたAmazon.co.jp。本やDVDを紹介しつつアフェリエイトするならここです。ブログなどに使いやすいかな？『作成例』 A8.net、Amazon、楽天とも、登録は無料で簡単。とりあえず登録をしましょう。登録をしたら、後はリンクを作成して（簡単に作ってくれます）それをホームページに貼り付けるのみです。新たなホームページ運営の楽しみが生まれますよ。

ホームページの色々な形（はじめに）

2006-06-06T06:11:22Z

ビリヤードホームページと言ってもいろいろな形があります。例を挙げれば、玉屋の紹介ページリンク集速報サイト日記形式素材集などですね。まずどのようなHPを作るかを決める必要があります。初めて作るのであれば、オススメなのが日記形式サイト。今流行りのブログを使うことで手軽に作成することが出来ます。ブログを使用するには大きく分けて2パターン。１．レンタルブログを使用する。２．自分のサーバにMovableTypeなどのブログ運営支援ツールをインストールする。２はCGIやDataBaseが利用可能なある程度強いサーバが必要になります。とりあえず初心者の方は１のレンタルブログですね。次の記事でレンタルブログをいくつか紹介します。