コラム

2021年06月11日

【言語紹介】社会で使われているプログラミング言語【JavaScript編】

2021年人気プログラミング言語

第1位『JavaScript』

 

 

 

皆さんこんにちは、プログラミングスクールCotoMirai事務局の長谷川です。

今回は久しぶりにプログラミング言語紹介をしたいと思います。

様々な言語を紹介してきましたが、こちらを紹介していませんでしたね。

ご興味がある方は是非最後までご覧ください!

 

またお子様に当校のプログラミング体験を行いたい方は、以下よりご予約くださいませ!

https://www.kids-mirai.jp/trial/application

 

それではいきましょう!

 

---------

 

■感染症対策のお知らせ

 

プログラミングスクールCotoMiraiでは感染症対策のため、ガイドラインを制定し営業してまいります。

詳しくは以下リンクよりご確認くださいませ。

https://www.kids-mirai.jp/event_content/colona-guideline

 

---------

 

 

 

■JavaScriptとは

 

まずはじめにJavaScriptについて大まかにご紹介します。

JavaScriptは1995年にブレンダン・アイク氏によって開発されたプログラミング言語です。

Webブラウザ上で動作するプログラミング言語の一つで、現在皆さんが見ているほとんどのWebサイトで使用されております。

もちろん当校のWebサイトでも使用しております。

 

JavaScriptを使用すると主にこのようなことが可能になります。

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

■JavaScriptのできること

・Webサイトに動きを与える

例:ボタン、ポップアップ、表示非表示切り替えなど

・Webアプリの作成

例:ブラウザゲームなど

・システム開発

例:マーケティングに使用するタグの作成など

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

 

このように1つの言語でフロントエンドとバックエンドのそれぞれ開発できる汎用性の高さ、環境構築までの始めやすさなどからも2014年から人気プログラミング言語として1位をキープし続けております。

※一部Pythonと入れ替わっている調査もあり

▼Pythonの記事はこちらから

https://www.kids-mirai.jp/event_content/96

 

ただし、こんな優秀なJavaScriptにも弱点があります。

それはWebブラウザに特化している点です。

これだけ聞くと良いことに聞こえますが、Webブラウザを介さないものには不向きであるということです。

例:スマートフォンアプリ、業務システムなど

※スマートフォンアプリは別途プラットフォームを用意すれば作成可能です。

 

---------

 

■JavaScriptの由来

 

そんなJavaScriptですが、なぜ名前に『Java』と付いているのか気になりますよね。

Javaと付いているのでもしや同じものなのか?と思う方もいるかもしれませんが、実は全然別の言語です。

 

ではなぜ『Java』と名前に入っているかというと、開発当時に注目されていたプログラミング言語だった『Java』にあやかりつけた名前とされております。

もともとは『LiveScript(ライブスクリプト)』と名付けようとしていたようです。

 

あやかるために付けた名前ですが、知らない人は同じものだと思われる場合もあるので、私的にはいい名前だなぁ~とは思いませんでした。しかし、ここまで大きくなったのはこの名前だからなのかもしれませんね。

 

---------

 

■HTML/CSSとの関係性

 

次にJavaScriptとHTMLやCSSの関係性について紹介します。

このプログラミング言語の関係性を一言で表すと、『動』と『静』でしょう。

 

 

前項でも記載しましたが、Webサイトの動きを与えるものがJavaScriptに対して、HTMLとCSSは固定された見せ方をさせるものです。

例えば、今皆さんが見ていただいているこちらのブログ記事は特に動きをつけていません。

これは基本的にHTMLとCSSを使ってプログラムされている状態です。

しかし、メニューバーなどを見ると文字にカーソルを合わせると変化したり、アコーディオンのようにメニューバーが表示されたりと動きを与えています。

この部分でJavaScriptのプログラムが使用されているということです。

 

動きを与えるにもその対象(男の子)が必要なので、HTMLとCSSも必要になるため、JavaScriptを学ぶ際に最低限HTMLとCSSの知識が必要になってきます。

 

---------

 

■JavaScriptのライブラリ

 

ライブラリとは、汎用性の高い複数のプログラムを再利用可能な形で一つにしたものです。

簡単に言うと、あるコードを入力するとその動きが再現できる辞書のようなものです。

これを導入していることで効率が上がり、様々なことが出来るようになるのでお勧めです。

 

ここでは有名なライブラリをいくつかご紹介します。

 

・jQuery

 

このライブラリはJavaScriptの可能性を大きく広げてくれた存在として界隈では知られております。

これを読み込むことでブラウザごとの際を吸収してDOM操作を簡単に行うことが出来るようになります。

※DOM(Document Object Model):Web技術の標準化を行う非営利団体(W3C)から勧告されているHTML文書などをアプリケーションから利用するためのインターフェース

またJavaScriptの記述の煩雑さから解放されたことで、Webデザイナーなどの方に広がりました。

 

 

・React

 

これはFacebookとコミュニティによって開発されたJavaScript用のライブラリです。

FacebookのみならずYahoo!などでも採用されており、見た目の部分を効率よく作っていくことに長けたライブラリとなっております。

様々なアプリケーション開発におけるベースとしても使用することもできる優れものです。

 

 

・Ajax

 

このライブラリは非同期通信でJavaScriptを使用することができるライブラリです。

どういうことかというと...

通常ではページ遷移の際に画面が一度真っ白になってから動作をしますが、非同期の場合はこのような読み込み動作がありません。

実例を挙げるとGoogleMapのようなイメージです。

Ajaxを使用するとこのようにサーバーからのレスポンスが無くても他の作業ができます。

Ajax:Asynchronous JacaScript +XML

Asynchronous:非同期の

XML:Extensible Markup Language(HTMLと似たようなもの)

 

---------

 

いかがでしたでしょうか?

今回はプログラミング言語JacaScriptの紹介でした。

 

今後もこのようにプログラミング言語について紹介してきますので、是非ご覧くださいませ!

もしお子様にプログラミング体験をお考えの方は是非以下リンクからご予約くださいませ。

https://www.kids-mirai.jp/trial/application

 

 

皆様のご参加お待ちしております。

 

 

---

 

参考:

・【初心者向け】JavaScriptとは? 人気の理由とメリット・デメリットについて

https://mynavi-agent.jp/it/geekroid/2020/03/post-216.html

・【2021年最新版】プログラミング言語おすすめ人気ランキングベスト10

https://proengineer.internous.co.jp/content/columnfeature/12511

・JavaScriptとは?初心者向けに言語の特徴やできること、使い方を解説

https://www.sejuku.net/blog/3984

・JavaScriptの歴史【紆余曲折を経たプログラミング言語】

https://rightcode.co.jp/blog/it-entertainment/javascript-history

・基礎からしっかり学べる!JavaScriptライブラリ・フレームワーク7選

https://ferret-plus.com/5920

・初心者目線でAjaxの説明

https://qiita.com/hisamura333/items/e3ea6ae549eb09b7efb9

プログラミング言語
JavaScript
HTML
CSS
Python
由来
ライブラリ