ジャバスクリプトは何ができる?JavaScriptの魅力と学習のポイント

こんにちは!

子供向けプログラミングスクールkobako(コバコ)スタッフです。

大人だけでなく子供もプログラミングをはじめる人が増えています。

その中でも人気なのが今回紹介するジャヴァスクリプト(JavaScript)です。

人気のプログラミング言語なわけですが、一度人気になってしまうと起こる事態が、

「よくわからないけどジャヴァスクリプトがいいらしい」

という根拠の部分が薄まってしまって、人気だけが一人歩きしてしまうことです。

今回は、ジャヴァスクリプトを始めてみたけど、一体なにがいいの?という方に対してご説明します。

ところで・・・

この記事を書いている人はだれ?

子供向けプログラミング教室です!

JavaScriptを使ったゲームプログラミング、ゲーム企画が得意な教室です。

プログラミング教室で実際に使用している、学習成果のある教材をYouTube無料配信しています。

ジャヴァスクリプトができること

ジャヴァスクリプトは何ができるのでしょうか?

簡単に言うといろいろ出来てしまうのですが、それを言ってしまうとさらに混乱を招くと思うので、代表的なものを絞って紹介します。

WEBサイトに動きをつけられる

ジャヴァスクリプトの一番メジャーな使い方は、WEBサイトの開発に使うことです。

WEBサイトはHTMLとCSSで作られていますが、言ってしまえばこれだけだと動きがありません。

例えば、メニューを押したらさらにメニューが表示されたり、

例えば、ボタンを押したら詳細な説明ダイアログが立ち上がったり。

すごくざっくり言えば、WEBサイトにアニメーションを付けられるのがジャヴァスクリプトです。

なので、WEBサイト制作のプラスアルファな要素です。

HTMLやCSSができることが大前提であり、そこからさらにWEBサイトをリッチにしたいときに登場するのがジャヴァスクリプトです。

もしHTMLやCSSが全くわからない状態でジャヴァスクリプトを始めてしまうと、作ったものが、

「で?」

という疑問で終始終わってしまう可能性があります。

ジャヴァスクリプトの魅力

ジャヴァスクリプトはプラスアルファな要素としてお伝えしました。

ではなぜそんなプラスアルファなものが人気なのでしょうか?

ジャヴァスクリプトが人気の理由はいくつかあります。

導入が簡単

ジャヴァスクリプトはお使いのChromeやSafariといったブラウザで動作します。

なので、プログラミング環境が簡単に整います。

プログラミング初心者の多くはこの導入で脱落してしまうので、

この敷居が低いことがジャヴァスクリプトが人気の最大の理由かと思います。

比較的簡単な文法

ジャヴァスクリプトは比較的簡単なプログラミング文法で書くことができます。

例えば、プログラミング初心者が脱落してしまいやすい「型」という概念がありませんし、

割と直感的に書けるのがジャヴァスクリプトだったりします。

ですが、誤解してほしくないのは、簡単なプログラミング言語ではないということです。

むしろ、難しいプログラミング言語の部類かと思います。

ライブラリが豊富

jQuery(ジェイクエイリー)やVue.js(ビュージェイエス)といった人気のライブラリが多く存在するのもジャヴァスクリプトの魅力です。

Node.js(ノードジェイス)といったサーバーサイドライブラリも存在しますし、

今ではサポートをやめてしまいましたが一時はUnityもジャバスクリプトでの開発をサポートしていました。

ジャヴァスクリプトの学習方法

ではジャヴァスクリプトを効率よく学習するにはどうしたらいいのでしょうか?

サンプルコードをとにかく動かす

ジャヴァスクリプトはサンプルコードがネット上に多く転がっています。

コピペで構いません。まずは動かしてみることです。

「へぇこんなことができるんだ!」という気づきになりますし、

「じゃあここを変えたらどうなるんだ?」という試行錯誤するきっかけになりますし、

「もっとこうしたい!」という学習意欲にもつながります。

p5.js

僕がお勧めするのはp5.js(ピーファイブジェイエス)です。

これは、冒頭で説明した、プラスアルファな要素であることを覆すジャヴァスクリプトのライブラリです。

すごくざっくり言えば、ゲームやアート作品が作れると思ってもらえればOKです。

プラスアルファではなく、ジャヴァスクリプトが主体となって作品を織りなします。

初心者の方にとくにお勧めなのが、開発環境がWEBサイトにアクセスするだけで整うことです。

以下のp5jsエディターサイトにアクセスすれば、いますぐにプログラミングをはじめることができます。

https://editor.p5js.org

また、p5.jsについては書籍や参考サイトも多くありますので、

ジャヴァスクリプト同様、サンプルコードをとにかく動かして学ぶことも可能です。

p5.js作品を投稿するサイトもあり、投稿された作品のソースコードも閲覧できる、OpenProcessingなんかもお勧めです。

https://openprocessing.org

ジャヴァスクリプトで作品作りを始めよう

子供向けプログラミング教室kobakoではジャヴァスクリプト、

特に後半紹介したp5.jsを使ったゲーム作品作りを推奨しています。

やはり子供にとっては、プラスアルファなものより、単体で動くゲームの方が魅力的に見えるものですからね。

ジャヴァスクリプトからプログラミング、ゲーム作りを始めてみたい方は、

ぜひkobakoへ遊びに来てください。

無料体験へのお申し込みはこちらから!

kobakoのゲームプログラミング教材もYouTubeで無料配信中です!

初回の授業料(体験)は無料です。

※現在はオンライン授業でのみ対応しています。通学型ではありません。

Amberrose NelsonによるPixabayからの画像