JavaScript External File

JavaScript External File - JavaScript 外部ファイルについて

up down
当サイトのURL変更のお知らせ 2005年11月
こちらのサイト内容は、JavaScript 外部ファイル (JS File) の作成手順や、 注意点 、利用テクニックを掲載しています。
JavaScript 外部ファイル (JS File) はとても使い勝手の良い記述方法であり、次世代の記述、XHTMLで JavaScript 外部ファイル (JS File) を用いた記述方法は必須項目となっております。
また、Webページや掲示板などをオリジナルデザインにしたい方は、 是非とも JavaScript 外部ファイル (JS File) のテクニックを学んで下さい。
最初は真似をして JavaScript 外部ファイル化 (JS File) に感動して下さい。  そして自分で試行錯誤しながら、Webページや掲示板等を改造していくのが良い勉強方法だと思います。


JavaScript や スタイルシート(Cascading Style Sheet)の 外部ファイル化の利点
Return to top up down
JavaScript のコードが非常に長い場合、JavaScript 外部ファイルにすれば HTML ページのソースがすっきりとします。
JavaScript 外部ファイル化にすることで、HTML ページのファイル容量を小さくすることにもなります。
そして、外部 JavaScript や 外部 スタイルシート(Cascading Style Sheet)を用いることで、文書の改訂も容易になり柔軟性が得られるということが、経験的に知られております。
たとえば、当サイトの Pop-Up メニューの様に、同じ JavaScript のコードを複数の HTML ページで利用する場合は、 JavaScript 外部ファイルにするのが一番良い方法です。  パソコンに JavaScript 外部ファイルがキャッシュされますので、 複数の HTML ファイルに JavaScript が直接記述されているよりも、 読み込みが格段と早くなりサーバーへの負担も軽くなります。
外部ファイルにした CSS(Cascading Style Sheet)も、上記にあてはまります。
また、JavaScript ソースを外部ファイル化しますと、古いブラウザでは実行されなくなるので、誤動作防止という利点があります。
そして、JavaScript 外部ファイルは、本体となる HTML ソースより、JavaScript コードを見えなくさせることにもなります。  ちらっと Web ページのソースを覗いても、解らない方も多いはずです。
XHTML になりますと、外部ファイルの手法は必須になります。  JavaScript や CSS(Cascading Style Sheet)で使われる これらの記号、< > & は、 XHTML では特別な意味を持っており、HTML ファイルに直接記述していると、エラーの原因になるからです。

検索エンジン対策に効果あり
Return to top up down
本来の外部ファイルの目的は、HTML ファイルより Javascript や CSS(Cascading Style Sheet)コードを外部に追いやり、アクセシビリティを向上させる手法ですが、 その副産物として、検索エンジン対策にかなり有効である事が分かっております。
そして、より高いアクセシビリティを実現させるには、記述を Web 標準に準拠させることです。
文書の構造と視覚表現関連を分離させ、W3Cによって勧告された文法に沿う記述が最良の方法と言えます。
W3Cによって勧告された文法に沿う形の記述を追求しますと、外部ファイルの使用であり、その結果が検索エンジンインデックス付け(検索結果の上位ランク)に結びつく事となっております。
たとえばの例ですが、あなたのページを読んだ検索エンジンは、あなたの通常の Javascript コードを文章と解釈して、 あなたの Javascript コードのうちのいくつかに、インデックスを付ける事になるでしょう。
その結果、検索してくる方達にとって有用な内容では無くなり、訪問者を逃すことにもなります。

JavaScript や CSS(Cascading Style Sheet)コードを外部ファイルにしていない Web ページは、検索エンジンのインデックス付けの妨げになる可能性が大きいということになります。
つまり・・JavaScript や CSS(Cascading Style Sheet)を外部ファイル化にする事は、検索エンジンの最適化 (SEO) にもつながります。
検索エンジンの最適化 (SEO) とは、検索エンジンのキーワード検索で、検索結果の上位表示されるテクニックのことです。

関連記事:
Return to top up down
JavaScript 外部ファイル化って何?

Contents
Return to top up down
HP改造前の基礎知識編 - JavaScript 外部ファイル (JS File) の基礎知識を学びます。
JavaScript外部ファイルの初級編 - 何から始めていいか解らない方向けに、見本を基にして学習します。
メモ帳 - Notepad - HTMLファイル等に直に記述してある JavaScript ソースを、JavaScript 外部ファイル (JS File) に編集するときに必要な、メモ帳やその他のテキストエディターについて解説。
保存の仕方 - JavaScript 外部ファイル化 (JS File) をパソコンに保存する方法が解らない方は、このページで学習して下さい。
テクニック - ソースを見られないようにする為の JavaScript 外部ファイル (JS File) の方法の解説。
ファイルの二重化 - JavaScript (JS File) や画像を、ダウンロードさせない方法の見本と解説。
document.write の記述 - document.write 関連の記述方法や解説。
記述方法、注意点 - innerText、innerHTMLを使用し、JavaScript外部ファイル (JS File) の記述方法や注意点の解説。
ラテン-1 文字コードで記述 - HTML等をラテン-1 文字コードで記述し、JavaScript 外部ファイル (JS File) にする方法の学習です。
ラテン-1文字コード - 変換ツール入口 - ラテン-1文字コードの解読ツールもあり。
音楽 (BGM) 用、タグ - Webページで MIDI 等を鳴らすための HTML や JavaScript の記述。 ラテン-1文字コードの使用の例もあり。
改造ジャバスクリプト ランド - JavaScript 外部ファイル化 ( JS File ) のサンプル。 改造掲示板のジャバスクリプトサンプルもあり。
.
Return to top up down
初心者に分かりやすい JavaScript サンプル - 簡単なサンプルのみ掲載。
魔法のiらんどって何? - 魔法のiらんどの特徴や傾向、ネット上のトラブルについて解説。
魔法のiらんど改造 - 魔法のiーらんどのHPで、JavaScriptを使用する際の注意点を掲載。
ファイルをアップする方法 - 偽装拡張子を使用して、魔法のi-らんどの画像倉庫にJava スクリプト外部ファイルをアップ!
HP作成支援、便利ツール 一覧 - 便利ツール 一覧、お薦めピックアップ。
XORHTML の暗号解読ツール - 暗号解読ツールは会員のみ。 「パスワード制」
画像容量のダイエット(スリム化ツール) - オンラインにて大きい画像ファイルを軽くします。
mailtoタグ 変換ツール (en) - mailto タグを JavaScript で記述。 スパムメール対策に効果あり!
mailto タグ 変換ツール 改良版 (en) - 画像使用可能タイプ。ブログパーツ感覚で設置出来ます。
Meta tag is created in JavaScript (en) - メタタグ 作成ツールは 自動生成します。
XHTML Custom BBS - KENT WEB 様の掲示板用 CGI スクリプトを W3Cで勧告された XHTML 1.0 文法に沿う形の記述に改造し再配布しています。
画像関連のよくある質問とその対処方法
色見本
アクセスアップ
サイトマップ1 | サイトマップ2 - 当サイト、JavaScript External File 全体を網羅。

リンク関連
Return to top up down
Reverse Access[Ranking] - アクセスランキング、貴方のサイトもあるかも?
お薦めリンク集 - お薦めサイトの紹介。 (当サイトのアクセスランキングの順位で掲載)
バナー 一覧 - JavaScript External File のリンク用バナーがあります。
JavaScript 関連リンク - JavaScript / DHTML / HTML+TIME 関連のリンク。
魔法のiらんど改造、作成支援関連のリンク集 - 魔法のiらんど向け、ジャバスクリプト配布サイトや作成支援サイトのリンク集。
相互リンク集 - JavaScript External File との相互リンク募集中。
 | 検索 | 作成 | 素材 | ネット | 教育 | 個人 | 健康 | IT 1 | IT 2 | 会社 | その他 | 通販 | 
相互リンク集 CGI モード | リンクの注意事項

その他
Return to top up down
Web Bulletin Board System - 2ちゃんねる風のWEB掲示板です。 ジャバスクリプト 外部ファイルの質問はこちらです。
テーマパーク - ブックマークみたいな感じ?
新着&更新情報 - JavaScript External File の新着&更新履歴などを掲載。
おしらせメール - JavaScript External File のメールマガジン? 超不定期!
Blog ni bisoy
タグ打ちさんに50の質問
架空請求 - 未払い債権請求詐欺
サイト内検索とヘルプ - 当サイト内で困ったとき。

サイト概要
Return to top up down
当サイト JavaScript External File にアクセスして頂まして、誠にありがとうございます。
この Web サイトは、常時接続サービスにて自宅サーバーを運用し、レンタルサーバーによく見受けられる色々な規制等を気にすることなく、情報を発信しております。
当サイト JavaScript External File の詳細は SitePolicy - サイトポリシーをご覧下さい。

 | サイトマップ  | お薦めリンク集  | 相互リンク集  | 魔法のiらんど改造関係のリンク集  | 次へ | 
 rss10  rss20  atom  Another HTML-lint gateway  This Page Is Valid XHTML 1.0 Strict!  This Page Is Valid CSS! 
 | Contact us at Feedback (en)  | SitePolicy | 
Last Update: 5 / 28 / 2009 07:29:52 JST
 | bisoyのルーム(プロフィール)  | 子連れ ヘラブナ釣り  | ひかる君の写真集 | 
 | Bayani  | Balita  | Bagong Bayani  | Directory  | Yahoo! 360°  | Web BBS  | JavaScript External File |