HP制作、基礎だけ学んだ初心者です。
いまいろいろなHPのソースをみて学んでいるのですが、
作為的?にソースをわからなくしているHPがあるように思うのですが、
どのような手法なのでしょうか。
たとえばテキスト文字が入っていると思われる箇所が文字化けしていたり、キレイなサイトで学ぼうとしてもつくりがまったくわからないです。
また、ライブドアブログのように、フォーマットに書き込むと、それが
更新になる場合も、ソースはその箇所が記号?とでもいうのか、長ったらしいみたことない文字の集合になっています。
これの方法はどうするのでしょうか。
質問がつうじているでしょうか。よろしくお願いいたします。
No.5ベストアンサー
- 回答日時:
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlCharset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('\x3C\x70\x3E\u7947\u5712\u7CBE\u820E\u306E\u9418\u306E\u58F0\u3001\x0D\x0A\x3C\x62\x72\x3E\u8AF8\u884C\u7121\u5E38\u306E\u97FF\u6709\u308A\u3002\x0D\x0A\x3C\x62\x72\x3E\u6C99\u7F85\u53CC\u6A39\u306E\u82B1\u306E\u8272\u3001\x0D\x0A\x3C\x62\x72\x3E\u76DB\u8005\u5FC5\u8870\u306E\u7406\u3092\u9855\u3059\u3002\x0D\x0A\x3C\x62\x72\x3E\u5962\u308C\u308B\u4EBA\u3082\u4E45\u3057\u304B\u3089\u305A\u3001\x0D\x0A\x3C\x62\x72\x3E\u53EA\u6625\u306E\u591C\u306E\u5922\u306E\u5982\u3057\u3002\x0D\x0A\x3C\x62\x72\x3E\u731B\u304D\u8005\u3082\u7D42\u306B\u306F\u4EA1\u306C\u3001\x0D\x0A\x3C\x62\x72\x3E\u504F\u306B\u98A8\u306E\u524D\u306E\u5875\u306B\u540C\u3058\u3002\x3C\x2F\x70\x3E');
//-->
</script>
</body>
</html>
たとえばこういう風にすればわからなくはなりますが、JavaScript必須になる分だけ嫌がられる可能性が…。
文字化けに関してはメモ帳以外のテキストエディタを使うと解決しますフリーソフトの窓の手を使ってソース表示のテキストエディタを変更するといいです。
TeraPadをダウンロードしてデフォルトのソースビューアをこれに変更する、とか…。
No.4
- 回答日時:
単に、ソースを見ようとメモ帳で開くと、日本語の部分だけが
アナア゛ア`アッア・ヌアスアヒ
・・・みたいになっているのは、Shift_JIS以外を使って作成しているせいだと思われます。だからメモ帳以外の文字コードを変えれるソフトで見ると、普通に見えます。
そうじゃなくて、全体的にタグまで見えない・・・ってときは、HRMLを暗号化しているのだと思います。
この場合、エンティティ化といわれる変換が一般的です。
私の場合、たとえば、メールアドレスを収集するソフト対策に、メールアドレスをエンティティ化したり、あと、悪用可能なJavascriptを使うときや、丸コピされたくないデザインの場合、ちょっとした抵抗を試みるために、エンティティ化するときがあります。
たとえば、
こんにちは。 をシンプルにエンティティ化すると、
こんにちは
となります。
もう少し変わったエンティティ化すると
<SCRIPT type="text/javascript"> は、
<SCRIPTtype="text/javascript">
という感じになります。
作ったHTMLを丸ごとエンティティ化するソフトもありますが、とりあえず、ためしにHP上で変換できるサイトをご紹介します。
http://hp.vector.co.jp/authors/VA022023/javascri …
ちなみに、エンティティ化すると、ふるいブラウザを使っている人には見えない可能性があります。
他にも、JavaScriptのescape関数を使う方法もあって、
こんにちは は、
%u3053%u3093%u306B%u3061%u306F となり、
この文字を
<script language="JavaScript">
<!--
document.write(unescape(" ここに入れる "));
//-->
</script> に入力する必要があります。
方法は際限なくあって、基本的な方法以外で暗号化されたものを戻すのは、結構面倒です。
HP作成の参考にしてみてください。
参考URL:http://hp.vector.co.jp/authors/VA022023/javascri …
ありがとうございます。エンティ化とは初めてききましたが、
参考URLでチャレンジしてみます。
結局、そんな姑息なことはしないほうがいいということでしょうか。
技術的にも、検索的にもjsをあまり使うつもりはないので、
丸コピーされたら・・・と。そんなデザイン力があるわけではないのですが・・・。
No.3
- 回答日時:
作為的ではなくとも、JavaScriptでソースを書き換えるという事はあります。
参考URLがその例ですが、<script type="text/JavaScript" src="osero00.js"></script>
という記述があるので、osero00.jsは覗けちゃいます。
osero00.jsの最後の
document.all.ban.innerHTML=tag;という部分で、
HTMLを書き換えています。
この例はソースを隠すのが目的ではなく、
JavaScriptでソースを書き換えた方が、コンパクトでミスが入りにくいというのが目的です。
参考URL:http://www7a.biglobe.ne.jp/~mkun/othello/othello …
No.2
- 回答日時:
はじめまして
私も個人のホームページを持っていますし、勤めいている会社のホームページも作っています。
ホームページを作るときに、他のサイトを参考にすることはあります。
でも、それは「デザイン」や「レイアウト」であって、「ソース」ではありません・
「ソース」でこっているホームページは訪問者にとっては逆に迷惑になることもあります。現段階で一番使われているブラウザ(インターネットのホームページをみるためのソフト)は「インターネット エクスプローラ 6」でしょうが、「インターネット エクスプローラ 7」も出ていますし、NetscapeやFireFoxなどを使っている人もいます。
そんな状況のなかで、“高度な”技術を使うとあるソフトでは思った通りに表示されても、別のソフトでは思い通りに表示されない場合も出てきます。
Flashを使った画面が次々と変わっていくようなページを作るにはそれなりのソフトと知識が必要となります。
でも、「いいなぁ」と思ったホームページのデザインやレイアウトのセンスを借用するには、基本的な技術(HTMLとスタイルシート)だけで十分です。
ありがとうございます。わたしもソースをみるのはデザインやレイアウトの勉強のためです。
借用するつもりはまったくなく、少し大きな規模のHPをつくるのに
ソースが丸見えではいけないか、とおもってお尋ねしました。
上記が目的でソースを凝るつもりはまったくありません。
No.1
- 回答日時:
ソースを読めなくする手法としては、暗号化したソースをサーバに置き、閲覧者のブラウザで動作するJavaScriptで元に戻して表示させる、と言うものになるかと思います。
その様なサービスを行っている会社もあります。
参考 http://port-system.net/freelog/
が、そこまでしてソースが読めなくなっているサイトと言うのはほとんど見かけないんですが…
>たとえばテキスト文字が入っていると思われる箇所が文字化けしていたり
おそらくエンコード方式が違っているので、文字化けしてしまっているのでしょう。表示ソフトの文字エンコードを適切なものにしてやると、読めるはずです。
>ライブドアブログのように…長ったらしいみたことない文字の集合になっています
ブログのテンプレートの事かと思います。
データを流し込みたい位置を指定するための、独自のタグみたいなもの(HTMLのタグではない独自仕様のもの)がいっぱい書かれています。
一見してHTMLっぽく見えるのですが、あくまでもテンプレート(HTMLを生成するためのひな型)なので、これはHTMLではありません。独自タグの部分がデータに置き換えられるとHTMLになります。
ありがとうございます。
よくわかりました。これからHP制作者として
そのようなことを学んでいかなくてはならないですね。
がんばります
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLソースの文字コードがutfの...
-
「MicrosoftVisualBasic6.0 行...
-
ソースの表示を無効にする方法。
-
VBAでWEB上のデータを変数に代...
-
レストラン、英語のメニュー表記
-
phpとaspの違い? 実力の違い?
-
仕様書を書くソフトって…
-
縮小版のサムネイルの取得(画像...
-
htmlソース文の 各行 改行位置...
-
htmlでソースを表示させたくな...
-
【VC+ 2005】CStringは使えない...
-
googleガジェット作成について
-
AAが崩れない
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
htmlの中にexcelが埋め込むには...
-
java_run.batがダウンロードで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Dreamweaverのコードカラーが黒...
-
VBAで#Regionに変わるものは無...
-
generatorとは?
-
ソースの追加行数と変更行数
-
レストラン、英語のメニュー表記
-
【VC++6.0(MFC)】Access Violat...
-
Visual Source Safe?
-
#ifdef多用でソースが見づらい
-
VB詳しい方
-
JSPの実行結果をHTMLに変換
-
プログラム時のヘッダコメント...
-
「MicrosoftVisualBasic6.0 行...
-
VisualBasicがインストールされ...
-
VC++でマイクを使いたいんですが……
-
htmlのタブの色変更について
-
HTMLメールを送りたい
-
C/C++ をHTML変換するツールを...
-
【VC+ 2005】CStringは使えない...
-
MATLABのソースを見ることので...
-
fc2ホームページについて
おすすめ情報