JavaScriptでできる10のこと

Trung Tran | 13/02/2023

JavaScriptは世界共通のプログラミング言語です。どこにでもあるものですが、それ故に強力です。JavaScriptでできることは、単にウェブページを作ることだけではありません。この言語が切り開くユニークな可能性は他にもたくさんあります。

この記事では、JSスキルを有効に活用する方法のほんの一部を紹介します。

プログラミング言語「JavaScript」とは？

JavaScriptは、Webページをよりインタラクティブにするためのスクリプトとして使用されていたプログラミング言語です。MicrosoftのVBScriptに対抗するためにNetscapeが開発しましたが、IE3のリリース後、JavaScriptは急速に普及しました。今では、ウェブブラウザやサーバ（Node.js）で使われる強力な言語へと進化しています。

さて、JavaScriptで何ができるでしょうか？

JavaScriptは、Web開発において動的な書式設定に使用される軽量なスクリプト言語です。また、モバイル開発、Webアプリケーション、デスクトップアプリケーションなど、他の作業にも使用することができます。

1. モバイルアプリケーション

JavaScriptを使って、モバイルアプリケーションを作成することができます。そのためのフレームワークとして人気があるのがReact Nativeで、プログラマーがJavaScriptを使ってネイティブアプリを構築するのを効率化します。

ネイティブパフォーマンスに近い

React Nativeを使用すると、JavaScriptのみでモバイルアプリを開発できます。AndroidとiOSそれぞれのネイティブ言語（AndroidはJava、iOSはSwift）を習得することなく、AndroidとiOSの両方に対応したモバイルアプリを作成することができます。

JavaScriptのWeb開発者がそのスキルを活かして、SwiftやJavaで作られた従来のアプリに匹敵するパフォーマンスを持つ、完全な機能のモバイルアプリを作ることができるのです。

NativeScriptは、JavaScriptでネイティブモバイルアプリを構築するためのもう1つのフレームワークです。React Nativeと同様に、ネイティブUIコンポーネントを作成できます。違いは、NativeScriptは、人気のあるAngularフレームワークの上に構築することで、React Nativeとは異なるアプローチを採用していることです。つまり、プログラマーはAngularを使用してJavaScriptでモバイルアプリを作成します。

2. フロントエンドWeb開発

JavaScriptはフロントエンド開発にも使用されます。フロントエンド開発者は、CSS、HTML、およびJavaScriptを使用して、WebサイトまたはWebアプリケーションの表示部分を作成します。

JavaScriptがフロントエンド開発で人気があるもう1つの理由は、他のプログラミング言語とは異なり、Webページで使用する前にコンパイル手順を必要としないためです。つまり、プログラマーは、コマンドを入力したりプログラムを実行したりすることなく、コードを記述してブラウザーを更新し、変更を即座に確認できます。

ウェブページ

JavaScriptは、プログラマーが動的でインタラクティブな要素をWebページに追加できるため、フロントエンド開発に役立ちます。

JavaScriptコードを使用して、カスタムフォームの検証を作成したり、ユーザーのアクションやイベントに応じて要素を表示および非表示にしたり、WebページでWebサイトをアニメーション化したりできます。

シングルページアプリケーション（SPA）

Angular、Vue、ReactなどのJavascriptフレームワークを使用すると、開発者はJavaScriptを使用してフロントエンドWebアプリを簡単に作成できます。これにより、クライアント側のルーティングをサポートするクライアント側のアプリケーションを構築できるため、ユーザーはページのコンテンツ全体を更新しなくても、異なるページ間を移動できます。

Angularは、Googleが管理するフロントエンド開発フレームワークであり、TypeScriptでクライアント側のアプリケーションを作成できます。TypeScriptはJavaScriptのスーパーセットです。静的型付けなどの機能をプログラミング言語に追加し、アプリケーション開発中のエラーの検出を容易にします。

Angularは、人気のあるModel-View-Controller Webアプリケーションデザインパターンに基づいており、UI（ビュー）やデータ処理（コントローラー）から全体像（モデル）のビジョンを分離することができます。

Reactは、UIを作成するためのフロントエンドフレームワークであり、その使いやすさと優れた機能により、JavaScript開発者に人気があります。これにより、開発者はHTMLとJavaScriptを使用して、コンポーネントを使用して動的でインタラクティブなWebサイトとWebアプリを作成できます。

Vue（viewのように/vjuː/と発音）は、フロントエンドJavaScriptアプリ開発用のもう1つの人気のあるフレームワークであり、HTMLとJSXを使用して最新のインタラクティブなアプリケーションを可能にします。

VueはReactと比較されることがありますが、これはどちらもJavaScript上に構築された非常によく似たフレームワークであるためです。Vueは軽量で簡単に始められるため、Web開発のための優れたフレームワークとなっています。

3. バックエンドWeb開発

JavaScriptは、サーバーでのWeb開発にも使用できます。これにより、JavaScript開発者は、自分のスキルを使用して、Webサイトのフロントエンドとバックエンドの両方の側面を操作できます。

Node.js

Node.jsは、GoogleのV8エンジン（Google ChromeウェブブラウザがJavaScriptを実行するために使用するのと同じエンジン）を通してスクリプトを実行することにより、プログラマがサーバ側でJavaScriptを使用できるようにするもので、そのための人気のあるフレームワークの一つです。

Node.jsには、Express、Sails、Krakenなどのサーバーアプリケーションを作成するための優れたフレームワークがたくさんあります。

Node Webフレームワーク

ExpressはNode.js用の最小限のJavascriptフレームワークであり、JavaScriptを使用するサーバーアプリケーションの基本的なニーズを満たすように設計されています。

Expressは、特定のルートの前後に実行するように設定できるミドルウェア関数のサポートが組み込まれているため、スケーラブルなサーバーサイドのコードを簡単に作成できます。これにより、セッションの作成、Cookieの解析、ルーティングなどのタスクを処理できます。

SailsはNode.jsのMVCフレームワークであり、開発者はプロジェクトのフロントエンドとバックエンドでJavaScriptを使用して最新のWebアプリケーションを作成できます。ExpressとBluebird（Promiseライブラリ）の上に構築されています。また、Waterline ORMと呼ばれるメソッドを提供し、多くのコードを記述せずにデータベースを簡単に操作できます。

Krakenは、企業がバックエンドでJavaScriptを使用してスケーラブルで安全なアプリケーションを簡単に作成できるようにするエンタープライズグレードのNode Webフレームワークです。さらに、高速なパフォーマンスと安定性を実現するように設計されているため、魅力的なフレームワークになっています。

JavaScriptのバックエンド開発には、JADEという選択肢もあります。JADEは「JavaScript Application Development Engine」の略で、プログラマーがJavaScriptでアプリを書くためにNode.js上に構築されたサーバーサイドフレームワークです。JADEはCommonJSモジュールシステムを使用しており、コードを再利用可能なモジュールに整理し、他のファイルにインポートしてアプリの機能を拡張することが容易にできます。

4. サーバーレスコンピューティングプログラミング言語としてのJavaScript

サーバーレスコンピューティングとは、フロントエンド開発者がサーバーの運用やインフラ管理をすることなくサーバーアプリケーションを作成できるクラウドベースの開発方法です。

JavaScript関数

最も人気のある3つのサーバーレスフレームワークは、AWSLambdaとGoogleCloudFunctionsおよびAzureFunctionsです。これらのサービスを使用すると、プログラマーはクライアント側のJavaScriptのように機能するサーバーアプリケーションを作成できます。クラウド関数はネットワークのエッジで実行され、スクリプトをオンラインでホストしなくても実行できるためです。

AWS Lambdaは、企業がサーバー、データベース、またはその他のインフラストラクチャを管理することなくクラウドでバックエンドコードを構築および実行できるため、エンタープライズ開発者の間で人気のあるサービスです。

Google Cloud Functionsは、ほとんどの開発者が本番環境に対応したJavaScript関数を簡単に作成し、数秒でデプロイできるようにするサービスです。さらに、開発者は、Google Cloud Functionsを使用するときに、サーバーの構成、アプリのリソースのスケーリング、ロードバランサーの設定について心配する必要はありません。

Azure Functionsは、Microsoftのサーバーレスプラットフォームです。AWSLambdaやAzureAppServiceなど、Node.jsをサポートする任意のサーバーまたはサービスから実行できるJavaScriptコードを記述して、開発者がWebアプリケーションを簡単に作成できるようにします。

5. デスクトップアプリケーション

ElectronやNW.jsなどのプラットフォームのおかげで、JavaScriptはデスクトップアプリケーションの作成にも使用されています。ElectronはGitHubに支えられており、クロスプラットフォームのデスクトップアプリケーションを構築するために使用できる魅力的なフレームワークです。これはNode.jsに基づいており、すべてのプラットフォームで同じコードを使用できます（オペレーティングシステムごとに別々のコードベースを使用する代わりとして）。

NW.jsは、JavaScript開発者がHTML、CSS、およびJavaScriptを使用してデスクトップアプリを構築できるという点でElectronに似ています。ただし、Electronと同様に、NW.jsではすべてのプラットフォームで同じコードを使用できます。

どちらも、開発者がすべてのオペレーティングシステム（OS X、Windows、およびLinux）で動作するクロスプラットフォームAPIを提供することにより、JavaScriptを使用してデスクトップアプリケーションを作成できるようにします。

6. ゲーム開発

JavaScriptは、ゲーム業界にも進出しています。HTML5では、開発者は既存のウェブページの中に小さなゲームやゲーム要素（例えば、バナー広告やウェブページの横にある動くオブジェクト）を作成することができます。また、ブラウザゲームでは、どのコンピューターからでも好きなゲームにアクセスできるため、ゲーム機や携帯端末を持っていない人にとっても便利です。

2Dおよび3Dゲーム

Phaser、Babylon.js、Three.jsなどのJavaScript用の2Dおよび3Dゲームフレームワークもあります。

Phaserは、2Dゲームを構築するためのフレームワークです。ビデオゲームから学び、開発するために使用できる多くの優れた例とコードスニペットを備えています。

Babylon.jsは、3Dゲームを作成するためのフレームワークです。同時に、Three.jsは、WebGLコード（Webブラウザーでグラフィックスをレンダリングするために使用される）を作成するプロセスを簡素化することにより、Babylon.jsやその他のJavaScriptフレームワークを簡単に操作できるようにするライブラリです。

これらの3つのゲームフレームワーク（Phaser、Babylon.js、Three.js）はすべて、単純なモバイルゲームから複雑なハイエンドの3Dコンソールゲームまで、あらゆるサイズのゲームを作成するのに最適です。

7. 人工知能

JavaScriptは、TensorFlowライブラリのようなフレームワークのおかげで、AIを扱うための優れた言語でもあります。

機械学習とニューラルネットワーク

TensorFlowは、JavaScriptで機械学習を行うために使用できるライブラリです。機械学習は、アルゴリズムを使用してデータを解析し、将来のデータについて予測するプロセスです。TensorFlowは、ニューラルネットワーク（機械学習ノードのネットワーク）を使用してこれを行います。

バグを自動的に見つける

Node-fuzzは、開発者がJavaScriptでファズテストスクリプトを作成できるようにするノードモジュールです。これらは、プログラムにランダムなデータを入力し、クラッシュするかどうかを確認することで、コードのバグを自動的に見つけるために使用されます（FacebookとGoogleはNode-fuzzを使用しています）。

チャットボット

さらに、BotkitやChatfuelのように、JavaScriptでAIを利用したチャットボットを開発するためのフレームワークがあります。これらのツールを使用して、開発者はパーソナルアシスタント、カスタマーサービス担当者、またはオンラインの友達として機能するチャットボットを構築できます（チャットボットはTwitterで死んだ人になりすますために使用されたこともあります）。

8. 人気のあるアプリケーション用のプラグインを書くことができます

企業はJavaScriptを使用して、AdobePhotoshopやMicrosoftOfficeなどの自社製品用のサードパーティプラグインを構築しています。これらのプラグインはJavaScriptのソースコードで記述されており、開発者は新しい機能を追加できます（さらに、Adobe Photoshopなどのように、特定のアプリ内でアプリケーション全体を作成することもできます）。

JSは、FirefoxとChromeのアドオンの作成に関しても人気を博しています。何百万人ものユーザーがJavaScriptで構築されたアドオンを使用してブラウザーの機能をカスタマイズし、ブラウザー内でビデオゲームをプレイできるアドオンを見つけることもできます。

一部の開発者は、JavaScriptを使用してMinecraftのアドオンを作成しています。これにより、プレーヤーはコードを記述して、Minecraft内で貴重なツールや遊び心のあるミニゲームを作成できます。

9. データの視覚化

JavaScriptの用途の1つは、データの視覚化、またはコードを使用したデータの視覚的表現の作成です。たとえば、多くの人がD3.jsを使用して、改訂されたデータセットに基づいてリアルタイムで更新されるインタラクティブなグラフ、チャート、およびマップを作成します（D3を使用すると、ビジュアルでデータを描画するために使用される形状を変更することもできます）。

D3.jsを使用すると、開発者は生のデータを応答性の高いインタラクティブな2Dおよび3Dグラフ、チャート、およびマップに変換でき、新しいデータが入力されると更新されます（地理的領域など、さまざまなタイプのデータセットを表すようにビジュアルを変更できます）。D3.jsを使用してアニメーションGIFを作成することもできます。

D3を使用したデータビジュアライゼーションの作成は比較的簡単です。無料のオープンソースアカウント（D3ライブラリとチュートリアルにアクセスできます）を作成し、データを.csvファイルとしてアップロードし、必要なグラフまたはマップのタイプを選択し、生成をクリックして完成品を作成します。

D3はあらゆるデータ型で機能し、言葉では不可能な方法で情報を伝達する、美しく応答性の高いビジュアライゼーションを行うことができます。

10. 組み込みデバイスの開発とIoT

JavaScriptは、組み込みデバイスの開発でも人気を集めています。これは、JavaScriptが軽量で使いやすいため、JavaScriptを使用して非常に小さなデバイス用のアプリを作成できることを意味します。

さらに、JavaScriptを使ってIoT（Internet of Things）向けの開発、つまりインターネットに接続されたアプリを開発することも可能です。テレビ、冷蔵庫、サーモスタットなど、より多くの機器がインターネットに接続されるようになり、JavaScriptはこれらの新しいタイプの「スマート」デバイスのためのアプリを開発するための優れた選択肢となります。

JSを使った組み込みデバイス開発で最も人気のあるフレームワークの1つがJohnny-Fiveです。これは、ハードウェアと対話するためのコマンドを簡単にインストールし、使用できるようにすることで、開発者がハードウェアとソフトウェアを対話させるのを支援するものです。例えば、組み込み開発用のJavaScriptを使えば、扇風機からロボットまで、あらゆるものをワイヤレスで制御できるデバイスを作ることができます。