第1章　JavaScriptの概要

第１章　JavaScriptの概要

1-1.　JavaScriptとは？

Java言語をベースにSunMicrosystems社とNetscapeCommunications社が開発したスクリプト言語です。

従来はワープロで打った文章のような表現しかできなかったWebページに動的な表現や対話性を付加するために開発されました。ネットスケープナビゲーター2.0で初めて実装され、現在では代表的なブラウザーの殆どに搭載されています。

サーバー上で実行されるCGIとは違い、クライアント（ブラウザ）で実行されるのでログの保存ができないなど制限はありますが、逆にCGIが知り得ないクライアント側の情報を制御できる利点があります。また、これからステップアップしてCGIを覚えるにしてもJavaScriptとCGIは連携させることも多く、PHPにおいては基本的な文法も同じですのできっと役立てられるものと思います。

1-2.　入力方法

メモ帳やテキストエディタを使って、プログラムを記述します。その他、ホームページ作成ソフトのソース・コード編集モードで直接HTMLを編集することもできます。
ファイル・メニューを使ってファイルを保存します。拡張子は「html」にします。
エクスプローラー等で保存したHTMLファイルをダブルクリックして実行するか、ブラウザを立ち上げてファイルメニューから保存したHTMLファイルを開くことでJavaScriptを実行することができます。

1-3.　記述方法

JavaScriptはHTML（HPを記述するテキストファイル）のタグの間に記述します。
以下のリストのように<script>タグの間にJavaScriptのプログラムを記述します。
多くの場合、<head>タグと</head>タグの間に記述していますが、<body>タグの間に記述することもできます。

<head>
<title>JavaScriptの記述方法</title>
<script type="text/css">
　
</script>
</head>

以前は、<script>のタグに対応していないブラウザで実行したときにプログラムが表示されてしまうのを防ぐために、HTML文のコメント文としての間にプログラムを記述しましたが、現在では必ずしもそれは必要ありません。

1-4.　jQueryとの関係

jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 jQueryの文法はCSSの文法と非常によく似ていますので、CSSを勉強した方には入りやすく使い易いものです。Internet上にはjQueryの色々なサブ・ライブラリーが出回っいますので、それらを利用すれば自分自身でJavaScriptのプログラムを書かなくても複雑な処理を行うことが出来ます。

1-5.　JavaScriptやjQueryでどんなことが出来るの

☆　ウェブ・ページ上の画像などを移動させることが出来る
　　　http://manabi3.my.zmx.jp/fldr_lesson/pc_crs_javascript/sample_program/page_sample_01_01.html

☆　角丸のボーダーを作れる
　　　http://manabi3.my.zmx.jp/fldr_lesson/pc_crs_javascript/sample_program/page_sample_01_02.html

☆　CSS３の代わりにｊQueryでグラデーションや角丸ボーダーを作れる
　　　http://manabi3.my.zmx.jp/fldr_lesson/pc_crs_javascript/sample_program/page_sample_01_04.html

☆　多彩なユーザー・インターフェイスを実現できる：例としてタブ・パネル
　　　http://editors.ascii.jp/m-kobashigawa/jquery_sample/015/sample1.html

☆　ウェブ・ページの一部分だけ切り替えることが出来る
　　　YahooJapanのトップ頁の中央部分にある「トピックス」「経済」「エンタメ」等のタブ操作　
　　　http://www.yahoo.co.jp/

☆　最近のウェブ・ページのトップ頁に表示されるメイン・ビジュアル
　　　http://www.aoyamaflowermarket.com/pc/index.php5

　サイトのトップへ

　JavaScriptの目次へ

　第2章へ進む

第１章 JavaScriptの概要

1-1. JavaScriptとは？

1-2. 入力方法

1-3. 記述方法