目次
クライアント
web
Mobile
デスクトップ
サーバーサイド
モノのインターネット
エコシステム
ホームページ ウェブフロントエンド jsチュートリアル プログラマーがJavaScriptで注意すべき点を具体的に紹介

プログラマーがJavaScriptで注意すべき点を具体的に紹介

Mar 11, 2017 pm 02:53 PM
javascript

プログラマーがJavaScriptに注意すべきことの紹介

今週企業で見たJSの現状に触発されて、この記事を書きました。 10 年前、JavaScript がほぼユビキタスになるとは想像もしていませんでした。 JavaScript に注意を払う必要がある理由をいくつか紹介します。

まず、JavaScript が人気を博した主な理由の 1 つは、非常にアクセスしやすいためだと思います。 JavaScript の学習は初心者にとっては比較的簡単ですが、上級ユーザーにとっては非常に強力であり、JavaScript を使用して複雑で信頼性の高いシステムを構築できます。

第二に、JavaScript に注意を払う必要がある理由は、JavaScript が今日どこにでも使われているからです。

JavaScript を使用すると、クライアント側アプリケーション、サーバー側ビジネス ロジック、組み込みチップ/IoT デバイス、ビルド スクリプトと依存関係の管理など、ほぼすべてのプラットフォームで開発できます。

ただし、これは、あらゆる状況でまったく同じコードを使用できるという意味ではありませんが、同じスキルセット (JavaScript 開発) を使用して、複数のパラダイムにわたるソリューションを提供することができます。

クライアント

JavaScript を使用すると、クライアント アプリケーション/ユーザー インターフェイスだけでなく、多数のプラットフォームやデバイスにわたるユーザー インタラクションを強化することができます。

web

もちろん、JavaScript が Web をサポートしていることは間違いありません。 JavaScript は、すべての Web ブラウザの基本的なスクリプト言語です。

Mobile

JavaScript を使用して、ローカル デバイスにインストールされているモバイル アプリケーションをサポートすることもできます。

  • Apache Cordovn/PhoneGap - PhoneGap または Cordovn を使用して、ローカルにインストールされた Web テクノロジー アプリを構築できます。 PhoneGap は Adob​​e の Cordovn ブランドのフォークですが、開発者の観点から見ると、基本的には同じです。モバイル デバイス上で実行されるアプリケーションには Web ビューがあり、ユーザー インターフェイスは動的 Web アプリケーションと同じ方法で構築されます。ユーザー インターフェイスは HTML および CSS スタイルを使用して実装されますが、すべてのインタラクションは JavaScript を使用して作成されます。

  • React Native – JavaScript を利用した Web アプリケーションには、単なる組み込みの Web ビュー以上のものを含めることができます。 React Native フレームワークを使用すると、開発者は JavaScript と宣言型 UI 要素を使用してアプリケーションを作成し、モバイル デバイス上で実行できるネイティブ アプリケーションを作成することもできます。実行時にロジックは JavaScript として解釈されますが、ユーザーが操作するものはすべて (すべての UI 要素) 100% ネイティブであり、非常に高品質のユーザー エクスペリエンスを提供し、iOS および Android アプリ プログラムでも利用できるようになりました。

  • Unity 3D - Unity 3D エンジンを使用すると、JavaScript ですべてサポートされている場合でも、カラフルで没入型のモバイル 3D シミュレーションやゲーム エクスペリエンスを開発できます。

  • NativeScript - クロスプラットフォームのネイティブ iOS、Android、Windows モバイル アプリケーションの構築に使用できる JavaScript を使用したフレームワーク。

デスクトップ

デスクトップアプリもJavaScriptから除外されません。ほとんどのデスクトップ ソリューションは、Apache Cordovn と同様のカテゴリに分類されます。最終的には、Web ビューには低レベルの API があり、コンテンツ開発は Web テクノロジーに基づいています。

  • Electron - GitHub の Node.js + Chromium デスクトップ アプリケーション コンテナー

  • app.js - Node + Chromium デスクトップ アプリケーション コンテナー

  • nw.js - 別の Node + Chromium デスクトップ アプリケーション コンテナー用のフレームワーク

  • CEF - Chromium Embedded Framework - Chrome ブラウザのデスクトップ アプリケーションに組み込まれたフレームワーク。

…待ってください。ちなみに、純粋に HTML/JS だけを使って Windows アプリケーションを構築する方法については、Microsoft がすでにソリューションを提供していたことを覚えていますし、さらに多くのソリューションがあったと記憶していますが、今ではそれらすべてを一度に思い出すことはできません。

実際、Slack、Atom、VS Code などの私のお気に入りのデスクトップ ツールの一部は、実際には Web テクノロジと HTML/JS の上に構築されています。

サーバーサイド

最も明白なのは、Chrome の V8 JavaScript エンジンをカプセル化する JavaScript ランタイムである Node.js が、サーバーサイドの開発と企業において大きな進歩を遂げたことです。 Express.js やloopback.io などのフレームワークを利用した Node.js を使用すると、サーバー側の複雑なエンタープライズ アプリケーションを JavaScript で開発できます。

モノのインターネット

JavaScript を完全に使用して、Arduino、Raspberry Pi、またはその他の小型タブレットで実行できるヘッドレス アプリを開発できます。JavaScript を使用してインフラストラクチャや IoT センサーの情報フローを管理することもできます。また、JavaScript を使用してチップをプログラムすることもできます。組み込みシステムの場合、それを使用してロボットを制御したり、JavaScript を使用してメディア センターに接続された TV エクスペリエンスをサポートしたりすることもできます。

先ほども言ったように… JavaScript はどこにでもあります。

エコシステム

どこでも JavaScript アプリケーションを構築して実行できるだけではありません。 JavaScript には、大規模で活発な開発者エコシステムもあります。

JavaScript は、GitHub で最もアクティブな言語です。すべてのコード リポジトリの中で最もアクティブであるだけでなく、すべてのプッシュ/コミットの中でも最もアクティブです。

プログラマーがJavaScriptで注意すべき点を具体的に紹介

http://www.php.cn/t.info/ からの視覚化データ

Node.js / プログラマーがJavaScriptで注意すべき点を具体的に紹介.js の成長を示す統計をいくつか示します。

プログラマーがJavaScriptで注意すべき点を具体的に紹介

NPM 統計

Node.js はまだ成長しています。

グラフは、Node.js と Strongloop に対する IBM の重点を示しています。 30 日間で 2 億 4,200 万個の @プログラマーがJavaScriptで注意すべき点を具体的に紹介js パッケージ! http://t.co/snDt88HQC5 pic.twitter.com/nRMwYyKmdo
— Rod Boothby (@rod11) September 10, 2015

しかし、これはすべて JavaScript がすべてに最適な言語であることを意味するものではありません。ソースコードの一部を取り出しても、それがあらゆるデバイスやコンテキストで思い通りに動作するという意味ではありません。

ただし、JavaScript テクノロジを使用して、ほぼすべてのタイプのデバイス/コンテキスト向けに開発できます。もちろん、React.js チームの言葉を借りれば、一度書いたらどこでも実行できるというわけではありません。

以上がプログラマーがJavaScriptで注意すべき点を具体的に紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

See all articles