logo

TechCodeview

「バニラJavaScript」とは何ですか?

バニラ スクリプトという用語は、追加のライブラリを一切含まない純粋な JavaScript (プレーン JavaScript とも言えます) を指すために使用されます。 「最近では、追加の JavaScript ライブラリを使用しなくても、いくつかのことが実行できるようになりました」という冗談がよく使われていました。

バニラ スクリプトは、これまでで最も軽量なフレームワークの 1 つです。非常に基本的で、学ぶのも使用するのも簡単です。バニラ スクリプトを使用して、重要で影響力のあるアプリケーションや Web サイトを作成できます。

バニラ JavaScript を作成した開発者チームは、JavaScript を改良し、Web 開発者にとってより便利なものにするために継続的に取り組んでいます。

現在バニラ JavaScript を使用しているいくつかの大きな Web サイトを見てみましょう。

以下の Web サイトは現在バニラを使用しています JavaScript 、およびこれらの Web サイトはバニラ JavaScript ホーム ページでも言及されています。

  1. フェイスブック
  2. グーグル
  3. YouTube
  4. ヤフー
  5. ウィキペディア
  6. ウィンドウズライブ
  7. ツイッター
  8. アマゾン
  9. リンクトイン
  10. MSN
  11. eBay
  12. マイクロソフト
  13. タンブラー
  14. りんご
  15. ピンタレスト
  16. ペイパル
  17. レディット
  18. Netflix
  19. スタックオーバーフロー

また、バニラ JavaScript を使用する Web サイトの数が、JQuery を使用する Web サイトの数よりもはるかに多いということをほとんどの人が信じられない可能性も十分にあります。

なぜバニラ JS を学ぶ必要があるのでしょうか?

これは、初心者が抱く非常に一般的な質問です。既に他に非常に多くの強力なフレームワークやライブラリが利用可能であるにもかかわらず、なぜバニラ Js を学習して使用することを選択する必要があるのですか。

プロジェクトで学習して使用するためにバニラ JS を選択する理由はいくつかあります。ここでは、そのうちの主で最も重要な次の 3 つについて説明します。

ａ．ウェブパフォーマンス

フロントエンド スタックの中で最も高価で重要な部分であるため、これは他の多くのフレームワークやライブラリよりも Web パフォーマンスにとってはるかに優れています。ダウンロードしないと使用できない HTML や CSS ファイルとは異なり、バニラ JS コードはコンパイルして解析する必要があります。サイズが 50kb の js ファイルは、同じサイズの HTML および CSS ファイルよりも Web パフォーマンスに大きな影響を与えます。

b.ユーザー体験

JavaScript を使用してアプリケーションや Web サイトを開発する場合、開発者はテキスト エディターを開くだけでコーディングを開始できます。開発者は、npm インストール、コンパイル手順、ビルドなしなどの面倒な手順を実行する必要はありません。

c.フレームワークの使用も容易になります

Java文字列の文字列

開発者がまだ他のフレームワークを使用したい場合に備えて、それらのフレームワークでの作業もより快適になります。フレームワークを使い始めるのがいかに難しいかは誰もが知っています。

ドキュメントには多くの前提知識が含まれており、利用可能なすべてのツールがどのように機能するかを理解すると、学習が非常に簡単になります。ほとんど知識のない多くの初心者がフレームワークを学ぼうとしますが、Vanilla JS の基礎に集中するのをやめてしばらくするとどこかで行き詰まるのも不思議ではありません。慣れてきたら、再びフレームワークの学習を開始し、今度ははるかに早く物事を理解できるようになります。

バニラ スクリプトのその他の重要な利点は次のとおりです。

    相互運用性:-

どの Web ページにも JavaScript を挿入できますが、別のスクリプト言語では挿入できません。たとえばPHP

PHP や Pearl などの他の言語もサポートしているため、さまざまなアプリケーションで使用することもできます。

    サーバー負荷:-

JavaScript の実行はクライアント側で行われることは誰もが知っているので、サーバーの使用に対する全体的な需要が減少します。また、単純なアプリケーションではサーバーの関与はまったく必要ありません。

    豊富なインターフェース:-

JavaScript を使用すると、ドラッグ アンド ドロップなどの優れた品質の機能や、スライダーなどのコンポーネントを作成できます。これは、Web サイトのユーザー エクスペリエンスに良い影響を与える可能性があります。

    スピード：-

実行はクライアント側で行われるため、外部リソースを一切必要とせず、速度も優れています。 JavaScript の速度は、バックエンド サーバーへの呼び出しの影響も受けません。

バニラスクリプトの欠点

  • バニラ スクリプトの最も重大な欠点の 1 つは、クライアント側のセキュリティです。これは、JavaScript のコードがクライアント側で表示可能であることを誰もが知っているためです。したがって、誰でもそれを改変し、悪意のある目的のための武器やツールとして使用することができます。
  • JavaScript のもう 1 つの大きな欠点は、デバッグ機能がないことです。
  • ネットワークベースのアプリケーションにはそのようなサポートがないため使用できません。
  • バニラ スクリプトには、マルチプロセッサやマルチスレッドなどの一部の機能もありません。
  • また、セキュリティ上の理由から、ファイルの読み書きも許可されません。