MooToolsで遊んでる時になんとなく思いついた。
HTMLソースを完全に隠すことは無理っちゃ無理だけど、サイトの内容をパクられたりしないように防御する事は出来る。
主要な柱は以下3つ。
- ファイルの置き場所を隠す
- ソースを読めなくする
- アクセスを弾く
ロボット対策、右クリック禁止、Flashサイト化、HTMLソースそのものの暗号化するなど色々あるけど、
Web2.0とか言われている時代なのでAjaxを使う方法もアリなんじゃないかなと思ったわけです。
クローラーにキャッシュされず、メールアドレスも拾われず、右クリックしても無駄、「ソースを表示」選んでも主要部分は見えない。
それらの需要を大体カバーするサイト制作方法についての解説とサンプル。
簡単なデモを作ってみた
(デモはサンプルと構成が異なります)
サイト構成例
- index.html
メニューボタン、コンテンツ表示エリアを置く - style.css
スタイルシート - view.js
表示とかHTTPリクエストの制御をする - reqest.php
view.jsからのリクエストを受けてページ内容を返す - page/about.php, gallery.php, contact.php
表示するコンテンツページ