JavaScriptとは？特徴・メリット・デメリット・フレームワークの種類などの基礎知識を解説

JavaScriptとは

JavaScriptとは、スクリプト言語の一種で、主に動きのあるwebサイトや、チャットワークなどのチャットツールで使用されています。 フロントエンジニアを目指す方ならHTML、CSSと同じく必須のスキルです。

JavaScriptの特徴とは

JavaScriptの特徴は、ブラウザだけで動作する点で、サーバーを介さずにブラウザで動作する言語を、クライアントサイドスクリプトとも言います。

また、JavaScriptは環境構築と言われる準備がほぼ不要です。

エディタとブラウザの環境さえ整っていれば、初心者でも今日から使用できる、プログラミング初心者の方でも比較的学びやすい言語です。

ですが、 様々なフレームワークやライブラリが存在し、技術の移り変わりも激しいため、常に勉強をしたり情報収集をする必要があります。

ちなみに、JavaとJavaScriptは別物です。

JavaScriptのメリットとは

特別な環境構築が不要

先ほど簡単に触れましたが、JavaScriptには、開発環境はブラウザ上にすべて揃ってるため、特別な開発環境が必要ありません。

プログラミング学習の初心者が最初につまづくポイントが、プログラミング言語を使えるようにするための環境構築です。

その環境構築が必要なのは、初学者から見たら大きなメリットです。

フレームワークが豊富

JavaScriptは幅広い開発で用いられております。

そのため、さまざまな用途に応じたフレームワークが豊富に用意されています。

JavaScriptに限らず、web開発における「フレームワーク」とは、アプリケーションの枠組み、土台部分を意味します。 簡単に説明すると、開発をするにあたって、事前に決める決まり事や作法のこととも言い換えられます。

要は「このルールに乗っ取って、web開発をしましょう！」といった感じです。

フレームワークを活用することで、高度な知識や技術がなくても便利な機能を使えます。

HTML・CSSを任意のタイミングで操作できる

Webサイトやページを開いた時、ふわっと文字が出てきたり、色が変わったりするのを見たことがあるかと思います。

それらの実装は、JavaScriptで行っていることが多いです。

※最近はCSSがかなり充実してきたのでCSSのみでできちゃう部分もありますが・・・

ですが、JavaScriptであればより複雑でタイミングまで操作が可能です。

HTMLの属性やテキストを差し替えたりもできます。

JavaScriptのデメリットとは

実務でJavaScriptを使っていて、特にデメリットにあげられるのは下記２つかと考えております。

ブラウザによって挙動が異なることがある

JavaScriptでプログラムされたWebページは、表示するブラウザによって挙動が異なることがあります。

理由としては、JavaScriptはブラウザ上で動作するため、ブラウザの種類やバージョンの影響を受けやすいのです。

JavaScriptで機能を実装したら、Chrom・Safari・firefoxでの確認は必ず行なったほうが良いです。

処理速度が他の言語より遅い

JavaScriptは、処理速度が他の言語より遅い傾向があります。

一般的に、プログラミング言語で書かれた文字（ソースコード）を動作させるには、コンピュータ上で実行可能な形式（オブジェクトコード）に変換する必要があります。

この変換をスムーズにする機能をコンパイルといい、多くのプログラミング言語はコンパイルを必要とします。

しかし、JavaScriptはコンパイルを使わずにプログラムの解析や解釈、変換を行うため、処理に時間がかかってしまいます。

JavaScriptの基礎知識

JavaScriptの基礎知識ですが、下記が該当すると考えております。

• 拡張子は.js
• JavaScriptの実行方法と実行・読み込み場所
• 構文
• 変数
• 関数
• 演算子
• 配列
• ループ文

おそらくどのプログラミング言語でも基礎として挙げられているものかと思います。

JavaScriptの読み込み方と読み込み場所が特徴的ぐらいです。

scriptタグで実装する方法と別ファイルを読み込んで実装する方法があります。

読み込み場所は、headタグに書くかbodyの閉じタグの直前に書くかの違いを押さえておけば大丈夫です。

ご紹介した変数や演算子・if文・while文などのループ文・関数をある程度使えれば、WordPressのカスタマイズができるようになります。

とはいっても、プログラミングですので沢山覚えることがありますし、使いこなせるようになるまでには数ヶ月程時間がかかると思います。

JavaScriptのフレームワーク

ここまでご覧くださり、ありがとうございます。

特徴やメリット・デメリット・基礎知識を解説は以上になります。

おまけとしては、JavaScriptの主なフレームワークをお伝えできればと考えております。

用途にあったフレームワークを試してみてください。

• JavaScriptのフレームワーク：jQuery
• JavaScriptのフレームワーク：Vue
• JavaScriptのフレームワーク：React
• JavaScriptのフレームワーク：Angular