World!」などの文字列を表示する方法について解説する。Web開発パーフェクトマスター(2015年6月27日発行)』の中から、特に@IT読者に有用だと考えられる箇所を編集部が選び、著者及び出版社の許可を得て転載したものです。ご注意:本稿は、タイトルを除き、書籍の内容を改変することなく、そのまま転載したものです。このため用字用語の統一ルールなどは@ITのそれとは一致しません。本連載では、「JavaScriptは、初めて」という女性SEとベテランプログラマーによるペアプログラミング形式で「JavaScriptによるWebアプリケーションの作成」について解説していきます。JavaScriptプログラミングの流れを体験してもらうために、シンプルなプログラムを作って動かしてみます。world!」を画面に表示するのが最初のお題です。当然ですがWebページに文字を表示するには、普通はHTMLを使います。JavaScriptでは、プログラミングによって文字を表示することができるようになっています。これは何のためかと言うと、例えば、ページ上に配置されたボタンをクリックすると文字を表示する、というような場面がありますよね。したことはHTMLだけでは無理なので、JavaScriptを使って文字を書き出すという処理を行うわけです。話が横に逸れてしまいましたが、まずは画面(Webページですね)に、JavaScriptで文字を表示してみましょう。HTMLドキュメントを用意し、JavaScriptのコードを書いてブラウザーで表示してみてください。この一連の流れが、JavaScriptプログラミングの基本となりますので、この流れをひととおり体験してもらえればと思います。world!」ですよ!いきなりですが、JavaScriptのプログラムを作ってみることにしましょう。JavaScriptのプログラムを作るといっても、HTMLドキュメントの中にJavaScriptのソースコードを書くだけです。world!」と表示する。ソースコードは「何に対してどうする」のように書く。命令文の「何」と「どうする」の間には「.」を入れる。「.」は「〜を」とか「〜に」といった接続詞の役割をする。基本的に『何』に対して『どうするのか』というパターンで書いていきます。JavaScriptでは、このような操作の対象のことをひっくるめてオブジェクトと呼びます。これは他のオブジェクト指向言語でも同じですね。いちいち『操作対象の○○』と呼ぶのも面倒ですし、だからといって『これ』とか言うわけにはいきませんので、オブジェクトという呼び方で統一しているのですね。「JavaScriptでは、Webページを操作の対称にするときはDocumentというオブジェクトを使います。「Webページをブラウザーで表示すると、ブラウザーに組み込まれたJavaScriptエンジンがドキュメントを読み取ってDocumentオブジェクトを生成します。Document(に対して)○○○○するOnepointJavaScriptには、Documentのほかにもいくつかのオブジェクトがありますが、JavaScriptではWebページに対して何かの処理を行うことがほとんどなので、Documentオブジェクトで大概のことができます。「Documentはオブジェクトなので、『何に対してどうする』の『何』の部分です。いうことは、その次に続く『に対して』の部分を書かなくてはなりません。この部分は『.』(ピリオド)を使って示します。『何.どうする』のように間にピリオドを入れれば『何に対してどうする』のようにつながるのですね。コンピューターに『何どうする』と伝えてもどこからどこまでが操作の対象で、どの部分が処理なのかは判別のしようがありません。ピリオドを間に入れることで、操作対象の『何』の部分と処理の『どうする』の部分が認識されるようになります。「このピリオドのことをメンバー演算子と呼びます。「オブジェクトが待っている機能、つまり属性を参照するためのものです。「documentはDocumentオブジェクトを参照するプロパティなんですね。先頭の文字が大文字か小文字かだけの違いでちょっとややこしいですが。「JavaScriptでは、オブジェクトに対して何かの処理を行う場合、メソッドというものを使います。メソッドにはいろいろな種類があり、これから使用する『文字をWebページに表示する』メソッドのほかに、『文字の色を変える』とか『ページの背景色を変える』など、目的に応じて様々なメソッドが用意されています」ページに文字を表示するには「write()」メソッドを使う関連記事JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ——LiveScriptからAngularJS/React.jsまで@ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた@ITの豊富なWeb開発関連記事とともに振り返る。ようこそJavaScriptの世界へJavaScriptで本格的なプログラミングの世界に触れてみよう。JavaScriptの復権Ajax全盛のいま、オブジェクト指向ベースのJavaScript知識は不可欠。過去を振り返りつつ、まずは最新開発事情をチェック。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。