(1/4)JavaScriptで本格的なプログラミングの世界に触れてみよう。});JavaScriptってよく聞くけど何だろう?JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。いう人が理解できるような入門講座として、JavaScriptの基本から進めていきます。用意するものはメモ帳などのテキストエディタとWebブラウザだけです。JavaScriptはほとんどのWebブラウザで動きますが、Webブラウザによって若干の違いがあります。Explorerを使用します。難しい説明は抜きにして、実際にJavaScriptを動かしてみましょう。重たいWebページだと動きが悪くなる可能性があるので、@ITトップページなどの動作の軽いページに移動してから試してみてください。6以上で実行してください)。動きを止めたいときは、Webページをリロードします。void(0)突然、画像ファイルが動き始めたのでびっくりされたかもしれません。Explorerのフィルタ機能とJavaScriptを組み合わせて使ってみます。Explorerのアドレスバーに張り付けてみてください。strength=50)">'+oh+'</div>';},100);void(0)さらに、もっとダイナミックなことをやってみましょう。Explorerのアドレスバーに張り付けてみてください。void(0)これらは、ブックマークレットといって、Webブラウザのアドレスバーに直接JavaScriptを書き込んで実行するものです。ブックマークとしてJavaScriptを登録しておけば、好きなページでブックマークを呼び出すだけでプログラムが実行できます。いまは何をやっているのか分からなくても、連載を最後まで読むと簡単にできるようになります!JavaScriptを書いてみよう普通の入門講座だと、プログラムの歴史や、専門用語の解説から入るものが多いですが、プログラムの面白さを体験してもらうには、実際に動かしてもらうのが一番だと思います。最初はコピー&ペーストでいいので、是非サンプルに挑戦してみてください。テキストエディタを起動して、次のサンプルをコピー&ペーストして、「javascript.html」という名前で保存してください。document.write("こんにちは。</body></html>保存したファイルをWebブラウザで開くと、次のような画面が表示されます。Explorerでは、PC上のJavaScriptを動かそうとするとセキュリティ警告が出ます。情報バーをクリックして、「ブロックされているコンテンツを許可」を選ぶとJavaScriptが実行されます。サンプルを理解してみるWebブラウザに「こんにちは。」という文字が表示できたでしょうか。先ほどのサンプルをもう少し詳しく見てみましょう。type="text/javascript">「ここからJavaScriptのプログラムが始まるよ」ということをWebブラウザに知らせています。4行目:document.write("こんにちは。");「document.write」というのが「なんだか怪しい!」と思った人はプログラムのセンスがあるかもしれません。このプログラムの一番重要な箇所です。document.write(★);と書くことで、Webブラウザは「★」の部分に書かれた内容を表示します。サンプルでは"こんにちは。"という内容が書かれていたため、Webブラウザは「こんにちは。「document.write」については、また後で詳しく説明します。5行目:</script>「ここでJavaScriptのプログラムは終了」ということをWebブラウザに知らせています。実際の動作を決めているのは4行目のプログラムの部分だけです。次章からは、4行目以外はそのままで、プログラム部分だけを書き換えていきます。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。