ホームページ > ウェブフロントエンド > jsチュートリアル > プログラマーがJavaScriptで注意すべき点を具体的に紹介

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

黄舟
リリース: 2017-03-11 14:53:14
オリジナル
1174 人が閲覧しました

プログラマーが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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート