• 締切済み

ソースを見ても分からない隠しページの作り方

サイト内に隠しページへ繋ぐページを作りたいのですが、どれだけ隠しページと うたってもソースを見られたら、リンク先が丸わかりになってしまいます。 その他への、通常のリンクも隠しページへのリンクもクリッカブルマップを用いて 行いたいのですが、ソースを見られても隠しページのURLを分からないように するには、どのようにしたら良いでしょうか。 ご助言頂ければ幸いです。

みんなの回答

  • 4017B
  • ベストアンサー率73% (1305/1776)
回答No.3

ああ、クイズの回答を分らない様にしたいって事ですね? ん~、だったらNo.2回答の様に、一つはFlashを使うのも手ですね。ただし当然ながら、Flash作成の知識&技術が必要になります。 他の方法としてはJavaScriptを使って、回答となる部分のデータを外部ファイルから読み込むような仕様にして、ぱっと見にはソースを直読みしても分らない様にする方法などが考えられます。結局、方向性としては「外部ファイル」に置いておくと言う事でしょうか? P.S. 外部ファイルにしても、結局、ソースを除いてその外部ファイルを直に見られたらダメなのでは?という疑問が生じますが…。 とりあえずJSONファイルなどに回答データを記述する形にして置いて。尚かつ1つにまとめて書くのではなく、10個くらいにバラバラに分けて回答を分散記述して置き。それをHTML側からJavaScriptで読び出して、作者にしか分らない計算式などで結合して最終的に回答として出力する様なプログラムにすれば。まあ、よっぽど暇人で根性あって、尚かつJavaScriptとかの知識にも長けた人じゃないと解読はかなり難しいので。通常レベルのクイズなどでしたら、まず大丈夫なのではと思います。 他にも色んな方法が考えられますので、質問者さんの力量やサイト環境に合った方法を導入すれば良いと思います。またこういう事自体をあれこれ考えて試すのは、web技術を自然に楽しみながら高めていくので、是非色々と挑戦してみて下さい!

kohanan
質問者

お礼

再度のご回答ありがとうございました! javascriptを用い、外部ファイルで置いて…ですね。 ありがとうございました。 教えていただき、実際に試してみて成功はしたのですが (ソースが微妙なのはさておき)URLは隠せても位置で バレバレになってしまいました…^^; うーん、どちらにしろ大して隠せないのだからそのあたりは諦めるか それとも良い方法があるのか、もう少し模索してみようと思います。 ありがとうございました!

kohanan
質問者

補足

大したことしてないので参考にならないかもしれませんが 以下、似たようなことをしたい方に向けてソースを書いておきます。 数値・ファイル名は適当なので随時変更してください。 ichigo.jsは単にwindow.open関数で隠しページを開くよう 指定してるだけのファイルです。(kakushi()は関数名です) <html> <head> <script type="text/javascript" src="ichigo.js"></script> <title>イチゴ</title> </head> <body> <img src="ichigo.jpg" usemap="#Map" border="0"> <map name="Map"> <area shape="rect" coords="51,105,150,190" href="ichigo1.html"> <area shape="rect" coords="419,284,507,365" href="ichigo2.html"> <area shape="rect" coords="530,369,636,479" href="javascript:kakushi(); void(0);"> </map> </body> </html> ただこれだと先述した通り、座標で場所がバレバレです。うーん…。 もっと良い方法があるとは思いますが…。

  • bardfish
  • ベストアンサー率28% (5029/17765)
回答No.2

だったらFlashを使用すればいい。 例えば↓このページ。 http://cweb.canon.jp/ef/l-lens-j/index.html htmlのソースを表示させてもほとんど何も書いていないのにこの情報量。 どういうことかわかりますよね?

kohanan
質問者

お礼

回答ありがとうございました! そうですよね、flashを使えばスタイリッシュに やりたいことができると思います…。 折を見てflashも勉強したいと思います。 ありがとうございました。

  • 4017B
  • ベストアンサー率73% (1305/1776)
回答No.1

無理。不可能。ネット黎明期以来、何百回となく同じ質問が繰り返されてきていますが、100%無理、無茶、無謀。そのページ内に「隠し(笑)ページ」へと繋がる何らかの痕跡、つまりリンク的な動作をするものを少しでも入れた時点でね(ある程度時間や手間が掛かるだけで最終的には必ず解析可能)。 本当に秘密にしたい事は「右ポケットの中身を左ポケットに移し替えるな」の諺通り、そもそも最初から誰にも教えてはならないのです。つまり「隠しページ」へ繋がるリンクやURLなどの記述を一切、サイトの中に書き込んではならない。で、見せたい人だけに個別にメールなどで直にその「隠しページ」のURLを教える方法しかないです。 当然、その「隠しページ」があるディレクトリは階層ごと丸ごと、.htaccessなどを用いて外部から隠蔽し、ましてやGoogle検索などにもクロールされない様にして置かなければなりません。念のためにURLも、HTMLファイル名などを16文字以上のランダムな文字列などにして隠避性を高めます。

kohanan
質問者

お礼

ご回答ありがとうございました。 いえ、特に完全に秘密にしたいわけではないのですが…。 見つけて欲しいけれど、それ自体がクイズの答えのようなもので簡単に分かってしまったら面白くないなぁ…という。 つまり、上手く説明ができるか分からないのですが、たとえばネバーランドの地図の画像を 載せたページがあったとしてそれぞれ「人魚の入江」の画像からは人魚のページ、 「インディアン集落」の画像からはインディアンのページに繋がるとします。 そこに「このページのどこかに海賊が宝を隠した場所があります、探してね」となっており どこかの画像から隠しページに繋がる…というような感じです。 完全に自己満足なのですが、ソースをみてそのURLを直に入れられるとなると 宝探しの用をなさず、つまらないのでできれば隠したい、わかりづらくしたい、と思った次第です。 以前、似たようなページを見かけたことがあるので(リンクは確かにあるのにソースをみても URLが分からない)、別ファイルに書いて呼び出しているのだろうか…などと 思って調べてはみたのですがいまいち分からなかったので質問させていただきました。 自分でももう少し調べてみます。 ありがとうございました。

関連するQ&A

  • 各ページのURLの最後に.htmlが付かないページはなんですか?

    こんにちは。 cgiなどの動的なサイトではなく、通常の静的なサイトでトップページ以外の各ページのURLの最後が通常なら/aaa.htmlとなるところが、 /aaaで終わっているページを見かけます。(.htmlが付かない) そのページ(リンク先)がもちろん別ドメインではなく、そのドメインのフォルダ(ディレクトリ)ページであることはURLから分かります。 これってどういう仕組みなんでしょうか?

  • ソースの見方を教えてください

    以下のページの各教室へのリンクの部分がソースを見ても出てこないのは何故でしょうか? http://www.kobetsu.co.jp/map/ また、Chromeの要素を検証で見ると当該部分のソースが見れるのですが、何故でしょうか? 別ファイルにJavaScriptで記載してるとかそういうことなのでしょうか? 色々なサイトを見ながらHTMLを独学中です。 初歩的な質問で恐縮ですが、ご教示のほど何卒宜しくお願い申し上げます。

    • ベストアンサー
    • HTML
  • クリッカブルマップ作成について

    クリッカブルマップ作成ソフトの中で ひとつの画像に多数のリンクを加える際に ひとつひとつリンクを作成するのではなく 座標とURLのリストを与えると一度に複数のリンクを作成してくれるものがあったら教えていただけないでしょうか? またそういったことをするためのプログラムの雛形ソース等があれば 教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • Xoopsモジュールpico内にクリッカブルマップ

    初めまして、投稿させていただきます。 今現在、Xoopsを使いWebページを作成しています。 ページの作成にあたってをpicoを利用し、ビルダーなどのソフトで作成したページのHTMLタグを貼り付けています。 (タグは必要な部分だけ更にメモ帳などで抜粋、加工して貼り付けています) その中で、クリッカブルマップを利用したページを作成したのですが、 巧くリンクが飛びません。 クリッカブルマップに更にその指定したページ内の任意の部分に飛ぶよう指定をしているのですが、 ページは移動するのですが該当する部分に行かず、普通にページ移動するだけです。 クリッカブルマップ上のリンク先は全て1つのページ内なのですが、 それぞれの部分へと飛ぶようにしたいと思っています。 ただ、その中で不思議なことに1箇所だけきちんと機能している部分があり、 使用できないわけではなさそうなのですが、他の部分とのタグの違いが判りません。 何かコツがあればお教えください。 よろしくお願いします。

  • 他のページ内の複数のフレームに同時にリンクさせるには?

    フレーム分割されてないページから、フレーム分割されている他のページ内の複数のフレームに、それぞれURLを指定して同時にリンクさせるには? HPを作っているのですが、どうしてもわからないことがあります。 フレーム分割の無い「サイトマップ」のページから、 フレーム分割されている他のページにリンクさせる際に、 リンク先ページの各フレームがそのリンク毎に変わるよう、別々に設定したいのです。 <例> Aページ(サイトマップ)内の”寿司”をクリックすると、フレーム分割されたBページの「LeftFrame」には”日本料理のページ”を、「RightFrame」には”寿司のページ”を表示させる。 Aページ(サイトマップ)内の”ピザ”をクリックすると、フレーム分割されたBページの「LeftFrame」には”イタリア料理のページ”を、「RightFrame」には”ピザのページ”を表示させる。 ↑ これを可能にする方法、タグなどがありましたら、どうかアドバイスをお願い致します!

  • クリッカブルマップがきかない!?

    html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか??ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか?? 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>

    • ベストアンサー
    • HTML
  • リンク先に飛ばない現象

    winXP使用中の者です。IE7が公開されてすぐインストールし、半年ほどIE7を使ってましたが、特に不具合なく使えてました。でもちょっとした事から最近IE6に戻そうと思い、IE7をアンインストールしました。 IE7をアンインストール後は自動的にIE6になってるのですが、不思議なことにサイトによってリンク先に飛べる場合と飛べない場合があって困ってしまっています。もともとIE7や以前の私が使ってたIE6の時には問題なく飛べていたサイトなのでソースの間違いというわけではなさそうです。 現象が起きるのは・・・ ・クリッカブルマップを使用しリンクをターゲット指定しているリンク(勿論全部がそういうわけでなく、ちゃんと飛べるサイトもあります) ・クリッカブルマップでなくとも、ターゲット指定されているリンク(全部がそうではありません。ちゃんと飛べるものも結構あります) リンク先で右クリック→新しいウィンドウで開く にすると、新しいウィンドウでそのページの内容を見ることが出来るのですが、それではやっぱり不便で・・・。 何かIE7からIE6に戻した際にどこか壊れてしまったのでしょうか?IE6に戻してからも最新のファイルをインストールしているので、古いというわけではないと思うのですが。ご存知の方ご回答お待ちしています!

  • ソースページの見方について!!

    ソースの見方について!あるHPで、「これらのイラストを観るにはアバウトのソースを見てくださいね^^」と書いてあったので、ソースを見たのですが(表示→ソースの手順で)、これからどうすればいいのかわかりませ ん!!この中にあるURL(http://からはじまるもの)をアドレスに貼り付けてアクセスするんですか?それとも見方があるんでしょうか・・・・。ソースの見方を教えてください!!htmlもソースもよく分からないので、それらを簡単に説明してあるサイトなどもありましたら教えてください。 ちなみに、これは自分が勝手に見ようと思っているのではなく、管理人様ご自身がそうしていらっしゃるだけです。以前この質問をした際に誤解された方から苦情がきましたので先に書いておきます。

  • クリッカブルマップ+カーソル変更

    私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか? ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。

  • アメブロのヘッダー画像の一部だけに他のサイトへのリンクを入れたいです。

    アメブロのヘッダー画像の一部だけに他のサイトへのリンクを入れたいです。 具体的にcssをどういじれば出来ますか? ちなみに今までクリッカブルマップやイメージマップを下記のソフトで作成してHTMLソースはゲット出来ましたが、そのあとどうすれば良いのかが分かりません。 http://sds.chu.jp/lecture/00/02hp/html/cmap1.html どうしても、リンクを入れたくてでも出来なくて非常に困ってるので知ってる方、是非教えて下さい。 よろしくお願いします。

専門家に質問してみよう