Head First JavaScriptプログラミング、第2版

第1章. JavaScriptの世界に飛び込もう：足を濡らす

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

JavaScriptはあなたにスーパーパワーを与える。Webの真のプログラミング言語であるJavaScriptを使えば、Webページに振る舞いを加えることができる。JavaScriptを使えば、ユーザと触れ合ったり、面白いイベントにReactしたり、Webページからデータを取得してWebページで使ったり、グラフィックをWebページに直接描き込んだり、他にもいろいろできる。JavaScriptを知れば、ユーザのために全く新しい振る舞いを作成することもできるようになる。

あなたは良い仲間にも恵まれるだろう。JavaScriptは最も人気のあるプログラミング言語のひとつであるだけでなく、すべてのモダンブラウザでサポートされており、ブラウザ以外の多くの環境でも使われている。それについては後で詳しく説明する！

JavaScriptの仕組み

Webページの構造、コンテンツ、レイアウト、スタイルの作成に慣れているなら、そろそろ振る舞いも追加してもいい時期ではないだろうか？結局のところ、ページがただそこに座っている必要はないのだ。優れたページはインタラクティブで ダイナミックであるべきだ。そこでJavaScriptの出番だ。まずは、JavaScriptがWebページのエコシステムにどのように組み込まれているかを見てみよう：

JavaScriptをどう書くのか？

JavaScriptはウェブブラウザ用のプログラミング言語だ。一般的なプログラミング言語では、コードを書き、コンパイルし、リンクし、デプロイしなければならない。JavaScriptの場合、必要なのはページにコードを書き、それをブラウザに読み込ませるだけだ。ブラウザはそこから喜んであなたのコードを実行し始める。この仕組みを詳しく見てみよう：

• 執筆

  いつものようにHTMLコンテンツとCSSスタイルでページを作成する。そして、JavaScriptもページに含める。見てわかるように、HTMLやCSSと同じように、すべてを1つのファイルにまとめることもできるし、JavaScriptを独自のファイルに入れてページに含めることもできる。

  注

  最良の方法については、もう少し後で話そう。

• ローディング

  いつものように、ブラウザをあなたのページに向ける。ブラウザはコードを見てすぐに解析を始め、実行の準備をする。HTMLやCSSと同じように、もしブラウザがあなたのコードにエラーを見つけたら、ブラウザは最善を尽くして動き続け、さらにJavaScript、HTML、CSSを読み取り続ける。ブラウザが一番避けたいことは、ユーザにページを見せることができないことだ。 ...