JavaScript

プログラミング言語を学ぶ工程の最初となる開発環境の準備と、実際にコードを書くところについて解説する。

「RESTなWebサービスの利用／開発」の第2回として、JavaScriptを使ってWebブラウザだけでWebサービスにアクセスする例を紹介しま す。「楽天Webサービス」を例に取り上げ、「jQueryを使ってJSONPで通信を行ってデータを取得し、Webページに結果を表示する」までの一連 の流れを解説します。

今回はマウスのアクションでHTMLコンテンツ上に広がるバナーを作成してみたいと思います。「HTMLコンテンツ上に広がる」というのは、ページ表示の 最初はバナー枠に収まるように表示されていますが、何らかのイベントで「HTMLコンテンツ上にレイヤーとして重なる（広がる）」という意味です。  

企業が、テレビ、ラジオ、新聞などにかける広告費が減少する一方で、インターネットにかける広告費は増加しています。また、インターネット上のサービス は広告費でまかなわれていることが多く、特にニュースサイトやポータルサイトなどではさまざまな広告があります。インターネット広告は、主に文字だけのテキスト広告と、バナーと呼ばれる画像やFlashを用いた広告の2種類があり、適材適所で使い分けられていま す。その中でも、Flashバナーの表現力には可能性があり、いろいろな仕掛けのバナーが日々生み出されています。

Ajaxという言葉は、Adaptive Path社のJesse James Garrett氏が2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」 で初めて使われました。そのころからたくさんのJavaScript／Ajaxライブラリやフレームワークが公開されてきました。その中でも「prototype.js」 「jQuery」は最も有名なライブラ リ・フレームワークと言えるでしょう。

Gearsをインストールすることにより、ブラウザ単体ではできなかったさまざまなことができるようになります。もともとはGoogle社から 「Google Gears」という名前で2007年に発表されたプロダクトでしたが、今年になってシンプルに「Gears」と呼ばれるようになりました。それにより、さ らにオープンソースとしての位置づけが強くなってきた感があります。

多くのWebサイトでは、ユーザーにフォームから何らかの情報を送信してもらうことが非常に大きな目的となります。ブログやSNSに代表される、ユーザー自身がコンテンツを作成するような場合では、フォームの操作がWebサイトの基本操作となります。また、ECサイトではフォームを操作して、購入のアクションを完了してもらうことが最大の目的です。  

JavaScriptのライブラリは、各ブラウザ間のバグや仕様の違いを吸収することで、開発者の負担を激減することを可能としました。しかし、 JavaScriptの仕様の違いと同時にCSSレイアウトのバグや仕様の違いも、Web開発者の大きな悩みの1つでした。そんな中、最近ではCSSのフレームワークも出てきたので、その中でも注目度の高い2つを紹介します。  

最終回では、今まで学習した内容を組み合わせて、より実践的なアプリケーションを作成します。サンプルファイルを見ながら勉強しましょう。

今回はformのデータを読み込んでBMI計算プログラム（Body Mass Indexの略、肥満度の指数としてよく使われる）の作成が最終目標です。  

今回は、Canvasに描いた線や図形に好きな色を指定する方法を解説していきます。これまで、Canvasに線を描く場合はstrokeメソッドを、図形を塗りつぶす場合はfillメソッドを使ってきましたが、Canvasに表示される色はすべて黒でした。これは、Canvasで描かれる図形のデフォルト色が黒となってるためです。

JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。