JavaScriptとは?何ができるの?

JavaScript_icon JavaScript
javascript eye catch picture
この記事は約5分で読めます。

プログラミング言語の1種であるJavaScriptについて解説していきます。
これからプログラミングを始めてみようと思ってる人に向けた記事です。

JavaScriptとは?

JavaScriptはオブジェクト指向型のプログラミング言語です。

読み方は「ジャバスクリプト」です。略して「JS」や「ジャバスク」と呼ばれたりします。

「ジャバ」と呼ぶ人もいますが、Java(ジャバ)という別のプログラミング言語が存在するので、控えた方が良いです。

JavaScriptの歴史

JavaScriptは1995年にネットスケープコミュニケーションズよって約10日間で開発されました。

当初は「LiveScript」と言う名称でしたが、Javaが流行していたことや、

Javaの開発元であるサンマイクロシステムズ(現:オラクル)と

業務提携していたこともあり、名称を「JavaScript」へ変更しました。

開発当初は、自社ブラウザであるNetscape Navigatorにて使用する計画でしたが、

InternetExplorerに搭載されたマイクロソフトの「JScript」というスクリプト言語との間の互換性が低く問題になっていました。

しかし、1997年にEcmaインターナショナルによって、

ECMAScript(エクマスクリプト)と言う標準規格が策定されたことにより

多くのブラウザで使用されるようになりました。

2000年頃には、GoogleやAmazon、Appleなどの大企業でも

Webブラウザの拡張機能開発にJavaScriptが採用されるようになりました。

node.jsの登場

その際はフロントサイド開発のみに使用されていましたが、

近年では高速化の影響により、Node.js(JavaScript実行環境)のように

サーバーサイドでもJavaScriptが使用されるようになりました。

Node.jsについて簡単に解説ノードジェイエス
Node.jsとは、ブラウザ上でしか動作しないJavaScriptをサーバーサイドでも動作できるようにしたもの。ブラウザ上で動作するJavaScriptはOSへのアクセスが制限されていますが、Node.jsであればOSへのアクセスが可能なプログラムを作成することが可能です。

JavaScriptって何ができるの?

JavaScriptはWebブラウザ上で動作します。

(Node.jsを使うとサーバーサイドでも動作する)

具体的にはHTMLの要素(画像など)に動きをつけたりすることができます。

例えば、クリックすると画像が拡大したり、縮小したりと、様々な動作を付与できます。

ゲームだって作ることができます。

下記のコードはHTMLファイルにJavaScriptのコードを組み込んだものです。

正方形の要素をクリックすると、その要素が1.5倍の大きさに変化します。

簡単な例ですが、このように動きを付けることができます。

実際に動かしてみて動作を確認してみましょう。

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sample</title>
</head>

<body>
  <!-- 高さ100px、幅100pxの要素をクリックした際にscriptタグの関数(toBigSquare)を呼び出し -->
  <div id="square" style="background-color: aqua; height: 100px; width: 100px;" onclick="toBigSquare()"></div>
</body>

<script>
  // 関数の定義
  function toBigSquare() {
    // 高さと幅を1.5倍に拡大
    document.getElementById('square').style.transform = "scale(1.5, 1.5)";
  }
</script>

</html>

おすすめ勉強方法

JavaScriptは比較的簡単に始めることのできるプログラミング言語です。

なぜならJavaなどのように環境変数を設定したり、

ダウンロードしたり、インストールしたりと、初学者泣かせの特別な環境構築が必要ないからです。

私のおすすめの勉強方法は「自分の作りたいWebアプリケーションをいきなり作る」です。

この方法が一番効率の良い勉強方法だと思います。ただ本気で取り組まないと難しいです。

まとめ

簡単にまとめるとこんな感じです。

少しでも興味を持ってもらえたら嬉しいです。

  • (基本的には)Webブラウザ上で動作するオブジェクト指向型のプログラミング言語
  • HTMLの要素に動きをつけることができる
タイトルとURLをコピーしました