JavaScriptとは

JavaScript

JavaScriptとは

JavaScriptとはウェブブラウザ上で動くスクリプト言語(簡易プログラム言語の一種)です。 HTMLにコードを記述し、ウェブページを動的に制御することができます。

JavaScriptによって開閉メニュー、時計、フォーム処理など、ブラウザ上で動的な処理を実現できます。 処理はクライアント側で実行されるため、サーバ側のコードが変わる訳ではないこと、一度読み込まれたらサーバ側に負荷がかからないことも特徴です。

コンパイルを必要としないスクリプト言語であり、コードを書いてブラウザに表示すればすぐに動きます。 比較的簡単で動きも見て取れるので、プログラム初心者にもお勧めの言語です。

JavaScriptで動的なウェブページを作るには、HTMLで記述されたDOM(Document Object Model)というAPIを利用します。

JavaScript開発に必要なもの

テキストエディタとウェブブラウザがあればJavaScriptの開発が可能です。 ウェブ上に公開するにはインターネットへの接続が必要ですが、ローカル環境でも実行は可能なので自分で組んで動きを見るだけであればネット接続すら必要ありません。 大抵のパソコンなら買ったその場で開発を始めることができます。

実行環境を用意せずとも開発が可能なことも、JavaScriptの魅力の一つです。

テキストエディタ

メモ帳での開発はさすがにお勧めできませんが、Terapadやサクラエディタなど、使いなれているテキストエディタであれば何でも良いでしょう。 Eclipseなどの統合開発環境をインストールしているのであればそちらで開発するのもお勧めです。

ウェブブラウザ

JavaScript開発環境を備えているGoogleChromeかFireFoxでの開発をお勧めします。 JavaScriptは通常のブラウザモードにて挙動を確かめる事が難しく、一見問題なく動いているように見えてエラーを吐き出し続けているなんて事もあります。 記述ミスが発覚しにくい言語なので、上記以外で開発する場合もログが確認できるブラウザを選びましょう。

JavaScript練習用テンプレート

JavaSCriptを練習する際には以下のHTMLファイルを使うと良いでしょう。 scriptタグ内にコードを記述してブラウザで開けば結果を見ることができます。

JavaScript練習用テンプレート



<title>JavaScript TESt</title>



//ここにコードを記述する



試しに文字列を出力するコードを書いてみます。 HTMLファイルに以下をコピペして貼り付け、ブラウザで開いてみてください。 document.writeとは文字列を出力する命令で、正常に読み込まれれば「Hello world!」と出力されるはずです。



<title>JavaScript TESt</title>



  document.write("Hello world!");



eyecatch

JavaScriptの記述作法

JavaScriptの記事

eyecatch

JavaScriptのDOM

eyecatch

JavaScriptの繰り返し処理

eyecatch

JavaScriptの関数記述と呼び出し

eyecatch

画像ポップアップとスワイプ可能なプラグイン「baguetteBox.js」

eyecatch

JavaScriptの条件分岐

eyecatch

JavaScriptの正規表現

JavaScriptの記事一覧HOME