JavaScript -ジャバスクリプト- ブログ記事 一覧

【こちらの記事は、約5分程でお読みいただけます。】

ブログをご覧のみなさま、こんにちは！
今日は、Jaxerについてご紹介します。

JaxerとはJavaScriptを実行できるサーバで、
Ajaxサーバとも呼ばれています。

JavaScriptはクライアントのブラウザ上で実行するもの、
というイメージが強いのですが、サーバ側で実行する事も可能です。

では、どのように記述するのでしょうか？

JaxerのコードはHTMLに以下のように記述します。

ポイントはscriptタグのrunat属性の値で、
どこで実行するのかを指定します。

書き方は普通のJavaScriptです。

個人的な見解ですが、Jaxerを利用する事のメリットには
以下のような点が挙げられると思います。
 

1. JavaScriptの知識があればクライアント、サーバプログラム
   共に利用できる。
2. サーバサイドのJavaScriptでDOMが利用できる。
3. Ajax通信の実装が簡単にできる。
4. Validationコード（入力チェック）をブラウザとサーバで共有できる。

Webアプリケーションの構築は、クライアントサイドとサーバサイドで
プログラムを分けることが多いですが、Jaxerを利用する事で
双方を一つの言語で実装できるようになるのが魅力的ですね。

まだまだ主流とまではいかないようですが、
今後の動向が気になる所です。

--------------------------------------------------------------------------------

まずは、KENスクールでJavaScriptの基本を、
一から学習していきませんか？？

⇒【JavaScriptコーディング講座】
現在のWebサイトには必須となっているJavaScriptを学ぶ講座です。
プログラムの基礎学習からスタートし、
JavaScriptを利用したWebサイトの作成方法や、
CSSなどと連携させた動的なWebサイトを作成するなど、
実際のWebサイトを作成しながら学習する講座です。

本日の更新者：
パソコンスクール KENスクール Programコース
インストラクター 加藤

【こちらの記事は、約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コース
インストラクター 大村

JavaScriptってどんな用途で使われてるかご存知ですか！？

このブログでも何回か取り上げてると思いますが、
主な用途としては

• 訪問者のアクセスした時間やアクセス環境（OSやブラウザの違い）に応じて表示方法を変えたい場合
• 入力項目を受け付けそのチェックをしたい

など、HTMLだけではできない動的なページを作られるのが
JavaScriptでした。

そんなJavaScriptでの小ネタをご紹介したいと思います。

BookMARKLETってご存知ですか！？
 

BookMARKLETとは、お気に入り登録することのできる
JavaScriptで書かれたスクリプトです！


例えばサイトを閲覧しながら途中で電卓が必要になった場合、
BookMARKLETを使えば、お気に入りから電卓を出せたりと非常に便利です！

今回は、あるサンプルを一つ
↓下記のスクリプトをアドレスバーに直接入れてみてください。

（改行されているので、一行に直して入れてみてください。
また、ブラウザの種類・バージョン・セキュリティによっては
正常に動作しない場合もございます。)

javascript:(function(){%20function%20zoomImage(image,%20amt)%20{%20if(image.initialHeight%20==%20null)
%20{%20/*%20avoid%20losing%20height%20information%20due%20to%20integer%20rounding%20while%20zooming%20
out%20*/%20image.initialHeight%20=%20image.height;%20image.initialWidth%20=%20image.width;%20image.sca
lingFactor%20=%201;%20}%20image.scalingFactor%20*=%20amt;%20image.width%20=%20image.scalingFactor%20*%20
image.initialWidth;%20image.height%20=%20image.scalingFactor%20*%20image.initialHeight;%20}%20for%20(i=0;
%20i<document.images.length;%20++i)%20zoomImage(document.images[i],%202);%20})();

どうですか！？
今回のスクリプトは画像が大きくなるというものです。

他にも色々ございますので、気になる方は
BookMARKLETで色々検索して探してみてください～!!

--------------------------------------------------------------------------------

パソコンスクール KENスクール北千住校　Programインストラクター
http://www.kenschool.jp/school/kitasenju/index.html

KENスクールでJava Scriptを学びたい方は、Program講座へ！
http://www.kenschool.jp/Program/index.html