Home > JavaScript ブログ記事 一覧

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~
人気の技術「JavaScript」の今とこれから ~
- 2011年5月25日 14:54
- JavaScript
【こちらの記事は、約3分程でお読みいただけます。】
皆さん、こんにちは!
今日は人気の技術「JavaScript」の今とこれからについて、考えてみます。
多くのサイトやシステムで使われているのに、
必要な技術のメインに出てこない「JavaScript」。
でもWebが絡む仕事をする方には、絶対知っておいて欲しい!
そこで今回は、「そもそも何なの?」「これからどーなるの?」
といった目線で、ご紹介していきます^^
1. まずは歴史から
15年ほど前に、Netscapeで初めて採用され、
その後、Internet Explorerにも搭載された事で、一気にシェアを拡大しました。
当時は、マウスカーソルが変化する等、一部の表現に変化を付ける程度でしたが、
企業のサイトでも徐々に利用され始めました。
転機となったのは、5-6年前のAjaxの登場で、
視覚的にもおもしろく、便利なものとして認知されるようになりました。
また、JavaScript自体も派生し、ActionScriptやJScriptが誕生しています。
2. 現在は
動作について、ある程度の統一はされていますが、
一部の機能はブラウザによって動きが異なってしまうのも事実です。
しかし無償で利用出来る様々なツール・ライブラリが提供され、
誰でも簡単に使えるものが増えてきています。
3. これからは
ユーザの動きやデータの取り扱いなど、様々な分野と連動が出来る事や、
最近は、サーバ側で動くシステムとしても注目されているので、
今後も使われる用途は、まだまだ拡大しそうです。
AjaxもHTML5も含めて、魅せるサイト・便利なサイトは、
モバイルを中心に展開していきそうですが、
何を使っても、やはりJavaScriptが「元」になります。
では、最後に作る上でのポイントを簡単にご紹介します。
●UXを意識する
どんな人が、どんな目的で使うのかを考えて作りましょう。
●セキュリティ
ユーザに見せるものと、渡してはいけないものを考えて作りましょう。
●どこを作るか
JavaScriptで作るのか、他のもの(Flashなど)で作るのかを考えて作りましょう
様々な企業が競い合っていますので、
今年は、プログラム業界をも変える大きな転機を迎えそうですが、
「今」を掴んでおけば、「未来」もついていけます。
是非、皆さんもJavaScriptで、デキル人材になりましょう!!
--------------------------------------------------------------------------------
Webプログラミングで活躍できる場が、IT業界で急拡大中です!
この機会に、KENで「プログラム」を一から学習していきませんか??
⇒【JavaScriptコーディング講座】
本講座は、現在のWebサイトには必須となっている「JavaScript」を学ぶ講座です。
プログラムの基礎学習からスタートし、JavaScriptを利用した、
Webサイトの作成方法や、 CSSなどと連携させた、動的なWebサイトを 作成するなど、
実際のWebサイトを作成しながら学習する講座です。
本日の更新者:
パソコンスクール KENスクール Programコース
インストラクター 大村
- Comments (Close): 0
- TrackBack (Close): 0
jQueryでロールオーバー
- 2011年2月22日 12:07
- JavaScript
Webサイトを華やかに表現する手法の基本となるのがロールオーバー。
画像等にマウスカーソルが重なると、他の画像に切り変える手法です。![]()
そして、ロールオーバーには様々な手法が存在します。
では、どの方法を使うのが良いのか?
という疑問を抱かれる方が、いらっしゃるのではないかと思います。
答えは・・・どれでも構いません。
特に「これを使わないといけない!」というルールは存在しません。
ユーザーにどこを選んでいるか、
迷わずに誘導させることができていれば良い訳です。
数ある作り方の中でも、
「旬」という事を考えると『jQuery』を使用するのも、ひとつの手だと思います。
『jQuery』はこちらのブログの中でも数々ご紹介されておりますが、
JavaScriptライブラリと呼ばれるプログラムの集まりになります。
その『jQuery』のシェアは下図で示す通り、
JavaScriptライブラリの中でもダントツに高いのです!

jQueryを使用してロールオーバーを作る際の注意点として、
ロールオーバーで変更される画像を予め読み込ませておく必要があります。
ロールオーバーで変更される画像が読み込まれるタイミングは、
変更もとの画像の上に初めてマウスが乗った時です。
つまり、マウスが乗って画像が切り替わるまでに、
新たに表示される画像をダウンロードする時間が必要になるという事です。
よって先に画像を読み込ませておかないと、
画像の変更処理時にチラつきが発生してしまいます。
後は考え方次第で、汎用的なものにカスタマイズする事もできます。
例えば画像が沢山ある場合、
その都度、プログラムを記述をしていくのは大変ですので、
ロ ールオーバーで切り替える画像のファイル名を
決まったルールに統一することによって、
プログラムを簡略化させる事もできます。
このような方法は様々なサイトに載ってますので、
是非皆さんもチャレンジしてみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール横浜校 Webインストラクター
http://www.kenschool.jp/school/yokohama/index.html
KENスクールでjQueryを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
Home > JavaScript ブログ記事 一覧


