<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>ビリヤードのHPを作ろう！＠ビリナビ.com</title>
      <link>http://billinavi.com/blog/</link>
      <description></description>
      <language>ja</language>
      <copyright>Copyright 2006</copyright>
      <lastBuildDate>Thu, 06 Jul 2006 05:43:56 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/?v=3.2-ja-2</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>iframeとの組み合わせ</title>
         <description><![CDATA[ビリナビ.comのトップページには、HTMLではない部分がいくつかあります。

Navigatorのそれぞれのカテゴリの登録数が表示されている部分。
簡易アンケートの部分。
掲示板最新記事の部分。

それぞれ、CGIで動かしているわけですが、CGIをHTMLに組み込むために&lt;iframe&gt;タグを使っています。

今まで沢山のサイトを作ってきましたが、iframeを使うのはこれが始めてです。
とても便利なのは分かっていましたが、Netscapeでは表示されない、セキュリティの脆弱性がある、ということでずっと使うのをためらってきました。
ただ、「最近のブラウザではiframeは問題なく使える」「セキュリティ性の非常に高いサイトでなければ問題ない」という記事を読み、使用してみることにしました。
また、amazonなどがiframeを使っているのも、かなりの後押しになりました。

やっぱり非常に使いやすいですねー。
今までは、CGIをHTMLに組み込むといえば、JavaScriptを使うのが定番でしたが、JavaScriptよりもよっぽど手軽で表示も正確です。
アクセス解析を見てみても、iframeが見れないブラウザで見ている人は少ないですが、JavaScriptをOFFにしている人は結構います。

Amazonから学んだ使い方を紹介しておきます。

トップページのNavigatorの例
HTML側
<span class="script">&lt;IFRAME SRC="./navigate.cgi" HEIGHT="210" WIDTH="386" marginwidth="0" marginheight="0" border="0" frameborder="0" style="border:none;" scrolling="no"&gt;
&lt;div id="navigator"&gt;
&lt;TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="5" WIDTH="100%" CLASS="tbl"&gt;
&lt;TR&gt;&lt;TD&gt;
&lt;UL&gt;
	&lt;li&gt;&lt;a href="./01/html/"&gt;総合&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./02/html/"&gt;個人（男性）&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./03/html"&gt;個人（女性）&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./04/html/"&gt;ビリヤード用品&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./05/html/"&gt;サークル&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./06/html/"&gt;団体&lt;/a&gt;&lt;/li&gt;
&lt;/UL&gt;
&lt;/TD&gt;&lt;TD&gt;
&lt;UL&gt;
	&lt;li&gt;&lt;a href="./07/html/"&gt;ブログ&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./08/html/"&gt;リンク集&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./09/html/"&gt;ビリヤード場&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./10/html/"&gt;ゲーム&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./11/html/"&gt;技術解説&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="./12/html/"&gt;素材集&lt;/a&gt;&lt;/li&gt;
&lt;/UL&gt;
&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;
&lt;/div&gt;
&lt;/IFRAME&gt;
</span>

&lt;iframe&gt;と&lt;/iframe&gt;の間にはiframeをサポートしていないブラウザで見た場合に表示するものを入れておきます。
普通は空白でもいいんですが、ここはメニューなので万が一に備えて記述しています。

基本的に、罫線に囲まれた要素を表示する場合にも、iframe自体の枠線を使わないほうが良いです。
そちらのほうがデザインが崩れにくいので。（border="0" frameborder="0" style="border:none;"）

これで、CGIから出力するHTMLの方に、同じ大きさの枠つきのボックスを表示させればOKです。

厳密には、iframeの幅、高さより枠線の幅だけ狭くした大きさを指定しておきます。
この場合は、
<span class="script">width: 384px;
height: 208px;
border: border:1px solid #000000;
</span>
のように指定しておけば大丈夫です。

IEでは、その他のブラウザより罫線の枠だけ小さいボックスを作成してしまいますが、このように記述しておけばiframeの中にきちんと収まります。

とりあえず論より証拠。
是非使って見てください。]]></description>
         <link>http://billinavi.com/blog/2006/07/iframe_1.html</link>
         <guid>http://billinavi.com/blog/2006/07/iframe_1.html</guid>
         <category>CGI関連</category>
         <pubDate>Thu, 06 Jul 2006 05:43:56 +0900</pubDate>
      </item>
            <item>
         <title>英語のコメントスパム対策</title>
         <description>ホームページで掲示板を使っている方は多いでしょう。
その時に困るのがコメントスパム。

ビリヤード関連サイトを回ってみても、掲示板が宣伝書き込みで埋まってしまっているのをよく見かけます。
特に波状攻撃を加えてくるのが海外サイトからの英語の書き込み。
これは本当にひどい。
宿主まで殺してしまうウィルスみたいなもんです。
宣伝っていうより殲滅作戦ですよ。
国防省の管轄かもしれませんな。

管理人の方が一つ一つ削除していてもまーったく追いつきません。
半日の間に過去ログが全部消えてしまうくらい書き込んでいきます。

こういった海外のスパムはIPで制限をかけていても無理です。
色々なIPで攻撃を仕掛けてきます。


この英語のコメントスパムには、掲示板に英語だけの書き込みを書き込めなくしてしまうのが手っ取り早いです。
Perlをちょっと触れる方向けに、そのスクリプト例を残しておきます。

なお、スクリプトを見るとスパムを送る業者がそれに対応してしまうから、スクリプトを書き込んじゃダメなんていう話も聞きますが、それじゃ本末転倒でしょ・・・。
実際日本語をちょびっとだけ入れたスパムも出始めているようですが、その前に対策ができずに泣く泣く掲示板を消していくサイトを救うことが先決だと考えます。

まぁ、一応追記のところに書く、ということで・・・・ｗ
</description>
         <link>http://billinavi.com/blog/2006/07/post_2.html</link>
         <guid>http://billinavi.com/blog/2006/07/post_2.html</guid>
         <category>CGI関連</category>
         <pubDate>Tue, 04 Jul 2006 04:47:49 +0900</pubDate>
      </item>
            <item>
         <title>独自ドメイン</title>
         <description><![CDATA[ホームページを作るものにとって、独自ドメインと言うのはひとつの憧れだと思います。

独自ドメインというのは、簡単に言えば自分だけの住所のようなものです。
例えばビリナビ.comの場合、billinavi.comという住所を持っているわけです。

実際にはビリナビ.comのHP自体はレンタルサーバ「StepServer」上に置いてあります。
しかし、billinavi.comという住所を持っているので、http://billinavi.com/でビリナビ.comを表示することができるんです。
これは、billinavi.comに来た人にはStepServerのこのページを表示しなさい～と設定してあるからです。

つまり、もしビリナビ.comを他のレンタルサーバ上に移したとしても、表示するページの設定を変えるだけで、http://billinavi.comの住所は変わらないわけです。

ホームページを持つものにとってURLが変わってしまうのはとても困ることです。
お気に入りの変更ならまだしも、リンクをしてくれているサイトにアドレス変更をお願いして回る必要がありますからね・・・・・。

また、独自ドメインを取得することで、URLを短く表示することができ、覚えてもらいやすいというメリットもあります。
だらだらと長いURLは見るだけで疲れますもんねｗ

独自ドメインを取得するならここ！！！

■<a href="http://muumuu-domain.com/">MuuMuuドメイン</a>

<a href="http://muumuu-domain.com/"><img src="http://billinavi.com/img/muumuu.gif" alt=""></a>

なんといっても安い！
.comが年間800円っていうのは破格です。買いです。はい。
安いとはいえ、相変わらず.jpは高いですが・・・。
ドメインは早いもん順です。
思いついたら買う！！

→　<a href="http://muumuu-domain.com/">MuuMuuドメイン</a>

ただ、無料ブログサービスや、無料レンタルサーバなどでは独自ドメインの設定ができないことの方が多いです。
レンタルサーバを利用するのが手っ取り早いので、「レンタルサーバ」の記事もご覧下さい。

]]></description>
         <link>http://billinavi.com/blog/2006/06/post_6.html</link>
         <guid>http://billinavi.com/blog/2006/06/post_6.html</guid>
         <category>作成支援</category>
         <pubDate>Thu, 22 Jun 2006 05:57:15 +0900</pubDate>
      </item>
            <item>
         <title>レンタルサーバ</title>
         <description><![CDATA[自作CGIを使ったり、MovableTypeの導入、独自ドメインなどを使ったりしたい場合、レンタルサーバを利用する必要があります。

プロバイダについているホームページスペースや、無料レンタルサーバなどと比べて、格段にサーバの性能が上がりますのでオススメです。

料金も1ヶ月300円程度に抑えることができるので、ちょっと頑張ってホームページ作っちゃおうかな、という人は是非ともレンタルサーバを使ってみてください。
また、CGIについて勉強してみたいなーという人もご利用ください。

「個人的なオススメレンタルサーバ」

■Lolipop
<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+ASS2SY+348+60H7L" target="_blank">
<img border="0" width="100" height="60" alt="" src="http://www26.a8.net/svt/bgt?aid=060426992653&wid=001&eno=01&mid=s00000000404001010000&mc=1"></a>
<img border="0" width="1" height="1" src="http://www10.a8.net/0.gif?a8mat=ZZ5RK+ASS2SY+348+60H7L" alt="">

ナウでヤングなレンタルサーバなんていう妙な宣伝ですが、サーバの性能は素晴らしいです。
MovableTypeの導入にも最適。月額263円～。
とても格安な独自ドメインサービスも行っています。
billinavi.comのドメインはこちらにお世話になりました。

■StepServer
<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+9X83QQ+BVI+5YZ75" target="_blank">
<img border="0" width="100" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=060426992600&wid=001&eno=01&mid=s00000001539001003000&mc=1"></a>
<img border="0" width="1" height="1" src="http://www15.a8.net/0.gif?a8mat=ZZ5RK+9X83QQ+BVI+5YZ75" alt="">

ビリナビ.comはこちらのサーバを利用しています。
サーバの性能は文句無し。サブドメインも多くの中から選べます。
ワンタッチでCGIが使える機能なども用意されています。
月額250円～
]]></description>
         <link>http://billinavi.com/blog/2006/06/post_4.html</link>
         <guid>http://billinavi.com/blog/2006/06/post_4.html</guid>
         <category>作成支援</category>
         <pubDate>Thu, 22 Jun 2006 05:41:06 +0900</pubDate>
      </item>
            <item>
         <title>アフェリエイトのススメ</title>
         <description><![CDATA[趣味でホームページを作成しながらアフェリエイトで小遣い稼ぎっていうのは、みんなの理想系でしょう。
全て無料でホームページを作成していたとしても、アフェリエイトを導入することで、ホームページを更新するモチベーションアップになります。

有料サーバを使っていたり、独自ドメインを使っていたりしたらなおさらです。

普通のホームページだけでなく、ブログなどで日記を書いている人も、みなさんアフェリエイトを導入しましょう。
勿論なかなか大きな金額は期待できませんけれど、小額でも嬉しいものですよっ。


アフェリエイトには色々ありますが、オススメなのが「<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+7X6NJM+0K+1020E9" target="_blank">A8.net</a>」、「<a href="http://affiliate.amazon.co.jp/gp/associates/join/main.html">Amazon</a>」、「<a href="http://affiliate.rakuten.co.jp/guide/">楽天</a>」です。

--------------------------------------------------------
■<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+7X6NJM+0K+1020E9" target="_blank">A8.net</a>
<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+7X6NJM+0K+1020E9" target="_blank">
<img border="0" width="234" height="60" alt="" src="http://www27.a8.net/svt/bgt?aid=060426992479&wid=001&eno=01&mid=s00000000002006056000&mc=1"></a>
<img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=ZZ5RK+7X6NJM+0K+1020E9" alt="">

アフェリエイト国内大手です。なんと言っても色々なジャンルの広告があって、さらに掲載する広告を自分で選べるところがいいですね。
広告選びをするのが楽しくなります。オススメ。

『作成例』
<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+ASS2SY+348+631SX" target="_blank"><img border="0" width="468" height="60" alt="" src="http://www25.a8.net/svt/bgt?aid=060426992653&wid=001&eno=01&mid=s00000000404001022000&mc=1"></a><img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=ZZ5RK+ASS2SY+348+631SX" alt="">

--------------------------------------------------------
■<a href="http://affiliate.rakuten.co.jp/guide/">楽天</a>
<a href="http://affiliate.rakuten.co.jp/guide/"><img src="../img/rakuten.gif" width="120" height="60" border="0" alt=""></a>

こちらは報酬が現金ではなく、楽天で商品が買えるポイントです。
ただ、他のアフェリエイトが5000円程度の金額が貯まらないと支払われないのと違い、楽天は小額なポイントから利用できます。
勿論紹介できる商品も多数で選びがいがあります。

『作成例』
<!--ボールライター-->
<a href="http://pt.afl.rakuten.co.jp/c/02d35e50.1002fd8b/?url=http://item.rakuten.co.jp/arne-interior/0022a00031/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_gold/arne-interior/new/0022a00031.jpg?_ex=128x128" border=0 alt="【送料無料】ビリヤード　ボールライター セット*"></a>

<!--とぼけた時計-->
<a href="http://pt.afl.rakuten.co.jp/c/02d3619c.7246f1e3/?url=http://www.rakuten.co.jp/hono/607095/581468/#556523" target="_blank"><img src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/hono/img128/img10261035732.jpeg" border=0 alt="とぼけた顔の時計”Pool　Ball　Clock”（プールボールクロック）"></a>

--------------------------------------------------------
■<a href="http://affiliate.amazon.co.jp/gp/associates/join/main.html">Amazon</a>
<a href="http://affiliate.amazon.co.jp/gp/associates/join/main.html"><img src="../img/amazon.gif" border="0" alt="" width="178" height="40"></a>

言わずと知れたAmazon.co.jp。
本やDVDを紹介しつつアフェリエイトするならここです。ブログなどに使いやすいかな？

『作成例』
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=billinavicom-22&o=9&p=8&l=as1&asins=4894224275&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=billinavicom-22&o=9&p=20&l=ur1&category=sports&banner=0EKFEPD6WBEC4228E5R2&f=ifr" width="120" height="90" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>


<a href="http://px.a8.net/svt/ejp?a8mat=ZZ5RK+7X6NJM+0K+1020E9" target="_blank">A8.net</a>、<a href="http://affiliate.amazon.co.jp/gp/associates/join/main.html">Amazon</a>、<a href="http://affiliate.rakuten.co.jp/guide/">楽天</a>とも、登録は無料で簡単。
とりあえず登録をしましょう。

登録をしたら、後はリンクを作成して（簡単に作ってくれます）それをホームページに貼り付けるのみです。
新たなホームページ運営の楽しみが生まれますよ。


]]></description>
         <link>http://billinavi.com/blog/2006/06/post_1.html</link>
         <guid>http://billinavi.com/blog/2006/06/post_1.html</guid>
         <category>作成支援</category>
         <pubDate>Thu, 22 Jun 2006 03:29:41 +0900</pubDate>
      </item>
            <item>
         <title>おすすめレンタルブログ</title>
         <description><![CDATA[完全に独断と偏見でのみのオススメですｗ

■ライブドアブログ
使っている人の数は一番多いんじゃないでしょうか。
使いやすいブログではあります。

ブログのデザインの質はぴか一だと思います。
ブログデザインを選ぶだけで楽しいですね。

ただ、色々ありましたからねぇ。
社内も大変なのか、最近ブログのトラブルが多いです。

→ <a href="http://www.blog.livedoor.com">ライブドアブログ</a>

■シーサーブログ
とても使いやすいです。
機能も充実。
一時期重い重いといわれていましたが、最近軽くなってきたようです。
アフェリエイト機能もかなり充実しています。
普通のアフェリエイトプログラム以外に、シーサーが提供するアフェリエイトがあります。

ただ、デザインが・・・・・＿|￣|○
HTMLの知識があって自分でデザインできる！っていう人にはオススメ。

→　<a href="http://blog.seesaa.jp/">シーサーブログ</a>

■アメーバブログ
使いやすさはそこそこ。
重さもそこそこ。
デザインもそこそこ。

ただ、ランキング機能がついているのが特徴です。

そのせいなのかは分かりませんが、アメブロには人気があって上質なブログが多い気がします・・。

まぁ、ランキングしたければビリナビ.comに登録してくださいっちゅう話なんですが・・。

→ <a href="http://blog.ameba.jp/campaign/0024/regist.jsp">アメーバブログ</a>

■FC2ブログ
操作性、機能とも文句無しです。
デザインも共有テンプレートがあり豊富。
ちょっと豊富すぎて探すの大変ですが・・・・。

アフェリエイトも完全解放なうえ、独自ドメインのブログが作れるので、SEO対策もばっちりです。

総合力では他のブログを上回っているかな？

→ <A href="http://px.a8.net/svt/ejp?a8mat=10541P+3C9KZ6+H08+C1LKI" target="_blank">FC2ブログ</A>


ってーーことで、結論。

<strong><A href="http://px.a8.net/svt/ejp?a8mat=10541P+3C9KZ6+H08+C1LKI" target="_blank">FC2ブログ</A>で行こう！！</strong>
]]></description>
         <link>http://billinavi.com/blog/2006/06/post_5.html</link>
         <guid>http://billinavi.com/blog/2006/06/post_5.html</guid>
         <category>作成支援</category>
         <pubDate>Wed, 21 Jun 2006 08:08:38 +0900</pubDate>
      </item>
            <item>
         <title>ホームページの色々な形（はじめに）</title>
         <description>ビリヤードホームページと言ってもいろいろな形があります。

例を挙げれば、
玉屋の紹介ページ
リンク集
速報サイト
日記形式
素材集
などですね。

まずどのようなHPを作るかを決める必要があります。

初めて作るのであれば、オススメなのが日記形式サイト。
今流行りのブログを使うことで手軽に作成することが出来ます。

ブログを使用するには大きく分けて2パターン。

１．レンタルブログを使用する。
２．自分のサーバにMovableTypeなどのブログ運営支援ツールをインストールする。

２はCGIやDataBaseが利用可能なある程度強いサーバが必要になります。
とりあえず初心者の方は１のレンタルブログですね。

次の記事でレンタルブログをいくつか紹介します。
</description>
         <link>http://billinavi.com/blog/2006/06/post.html</link>
         <guid>http://billinavi.com/blog/2006/06/post.html</guid>
         <category>作成支援</category>
         <pubDate>Tue, 06 Jun 2006 15:11:22 +0900</pubDate>
      </item>
      
   </channel>
</rss>
