バックエンド

JavaScriptの未来を見る

すべての市場は特定の共通の概念によって支配されており、JavaScript開発も例外ではありません。

製品ライフサイクルは、いくつかの異なる環境に適用して、それらの動作を理解および予測できる概念です。これは、製品がその寿命の間に通過する段階を理解するのに役立つビジネスコンセプトであり、これらの段階が人気度（ほとんどの場合、売上）に与える影響を説明します。市場の行動パターンを観察すれば、製品の現在の段階を推定できるため、その人気についていくつかの予測を行うことができます。

製品開発ライフサイクルの図

導入、成長、成熟、衰退の4つの段階があり、上のグラフでは、各段階で予想される製品売上への影響を確認できます。たとえば、スマートフォンの売り上げは5年前のように伸びていません。実際には、まったく逆のことが当てはまります —つまり、スマートフォンは成熟段階に入っていると言っても過言ではありません。

クレジットカード情報を検索する

過去数年間、JavaScriptに多くの新しいテクノロジーが導入されてきましたが、市場がそれらをどのように採用するかを確認するのに時間が必要でした。採用がゼロで終わる別の有望なテクノロジーのスペシャリストになりたいと思う人は誰もいません。しかし、今こそ、もう一度見直すときです。この記事では、JavaScriptがどのように人気になっているのか、そしてこの人気に影響を与えた可能性のある要因を見て、JavaScriptの将来がどのようになるかを予測しようと思います。

JavaScript言語機能の未来

欧州コンピュータ製造業者協会（ECMA）が設立して以来、年ベースのリリースサイクルために ECMAScript 、標準化されたJavaScript仕様であるため、この言語に多くの新機能が導入されることはありません。毎年わずかです。これは、ES5にコンパイルされる言語の採用が増加した理由の1つである可能性があります。 TypeScript または ReasonML 、どちらもコミュニティから強く要求されている機能を言語にもたらします。これは新しいことではありません—JavaScriptは以前にこのプロセスを実行しました（ CoffeeScript ）そして、最終的に、これらの機能は言語標準自体に統合されることになりました。これはおそらく、これらの新しい機能に期待できる未来です。入力しました機能も。

しかし今、私たちはゲームチェンジャーがコンパイルからjsへの市場で動き始めています。 WebAssembly ブラウザで。今では、ほぼすべての言語を使用してコンパイルし、ブラウザーでほぼネイティブの速度で実行できます。さらに重要なことに、次のような将来性のある機能のサポートが見られ始めています。スレッドのサポートこれにより、を表すマルチプロセッサアーキテクチャを利用できるようになります。避けられない未来すべてのデバイスの。

ザ・公式ツールチェーンために WebAssembly C / C ++のコンパイルに役立ちますが、コミュニティが提供するさまざまな言語用のコンパイラがたくさんあります。さび、 Python 、 Java 、およびブレイザー（C＃）。

特に、さびコミュニティはかなり活発で、次のような完全なフロントエンドフレームワークを見始めました。イチイそしてドードリオ。

これにより、ブラウザベースのアプリに多くの新しい可能性がもたらされ、で構築された優れたアプリのいくつかをテストするだけで済みます。 WebAssembly ネイティブに近いブラウザベースのアプリが現実になっていることを確認するには、たとえば、 Sketchup またはマグナム。

ES5にコンパイルされる型付き言語の採用は十分に成熟しており、プレーヤーは十分に確立されており、近い将来消えることはありません（または、ESと統合されることはありません）が、型付き言語への移行はゆっくりと進んでいます。 WebAssembly 。

ウェブ

フロントエンドフレームワーク

毎年、大きな戦い Webのフロントエンドフレームワーク市場で、 React 過去の議論の余地のない勝者でした数年 —ゲームチェンジャーテクノロジーであるVirtual DOMの導入以来、戦闘での関連性を維持するために、対応するものからほぼ義務付けられた採用が見られました。

数年前、私たちはWebアプリケーション開発への根本的な新しいアプローチの導入を見ました Svelte 、「コンパイラフレームワーク」はコンパイル時に消え、小さくて非常に効率的なJavaScriptコードが残ります。ただし、その機能は、コミュニティにSvelteに移行するよう説得するのに十分ではありませんでしたが、最近の Svelte 3.0 、彼らは紹介しました実際のリアクティブプログラミングフレームワークに参加し、コミュニティはわくわくしているので、おそらくフロントエンドフレームワークで次の大きなことが目撃されています。

に触発された運命のオペレーター：

var a = 10; var b <= a + 1; a = 20; Assert.AreEqual(21, b);

Svelte の使用をオーバーロードすることにより、JavaScriptに反応性をもたらしますラベルで実行されるコードを指示することにより、コンパイル時に反応性のあるステートメントトポロジカル順序：

var a = 10; $: b = a + 1; a = 20; Assert.AreEqual(21, b);

これは、さまざまな状況で役立つ可能性のある根本的な新しいアイデアであるため、 Svelte も取り組んでいます svelte-gl 、低レベルを生成するコンパイラフレームワーク WebGL で宣言された3Dシーングラフからの直接の指示 HTMLx 。

言うまでもなく React 、 Angular 、および Vue.js 一夜にして消えることはなく、彼らのコミュニティは巨大であり、今後数年間は関連性があります。 Svelte 実際の後継者になりますが、私たちは何かを確信できます。遅かれ早かれ、別のものを使用する予定です。

WebXRと没入型Webの未来

バーチャルリアリティは過去60年主流の場所を見つけるために、しかし技術はまだ準備ができていませんでした。 10年未満前、ジョン・カーマック参加しました Oculus VR （現在はFacebook Technologies、LLCの一部です）、VRの新しい波が高まり始め、それ以来、さまざまなタイプのVRをサポートする多くの新しいデバイス、そしてもちろんVR対応アプリケーションの急増が見られます。

ブラウザベンダーはこの機会を逃したくなかったので、 WebVR仕様 JavaScriptで仮想世界を作成できるようにする WebGL のような定評のある図書館 three.js 。ただし、ユーザーの市場シェアは 6dof デバイスは、大規模なWeb展開にはまだ重要ではありませんでしたが、モバイルWebは依然として3Dエクスペリエンスを提供することができました。デバイスオリエンテーションAPI 、だから私たちは見たたくさんの実験そしてたくさん 360度動画しばらくの間。

2017年、 ARKit そして ARCore 、新しい機能がモバイルデバイスやあらゆる種類のアプリケーションにもたらされましたとそして氏経験。

ただし、周囲の世界を探索しているときに、特定のARエクスペリエンス用に特定のアプリをダウンロードするのは少し不自然に感じます。さまざまな体験を探索するためのアプリが1つしかない場合、これはおなじみのようです。過去にブラウザでその問題を解決したので、あげてみませんか別のショット？

昨年、 Mozillaが導入されましたインクルード WebXRデバイスAPI仕様（この記事の執筆時点での最後のドラフトは2週間前のものです）AR、VR、およびMR（ergo XR）機能をブラウザーに導入します。

のいくつか最も重要なブラウザベンダー重要な例外を除いて、それらの実装が続きました：Safari mobile、それで彼らのポイントを証明するために、MozillaはiOSプラットフォームの下でWebXR対応ブラウザをリリースしました WebXRビューア。

ブートストラップテンプレートの使用方法

さて、これは重要なステップです。ARとVRの組み合わせがもたらすからです。 6dof モバイルデバイスやモバイルデバイスベースのヘッドセットに Google Cardboard またはサムスンギアVR 、あなたが見ることができるようにこの例、6dofデバイスの市場シェアを大幅に拡大し、大規模なWeb展開の可能性を可能にします。

同時に、Mozillaのスタッフは、3Dワールドと呼ばれるアプリケーションの作成を容易にするための新しいWebフレームワークに取り組んでいます。フレーム、に基づくHTML構文を備えたコンポーネントベースの宣言型フレームワーク three.js そして WebGL 、ただ1つのことを念頭に置いて、Webプログラミングの楽しさと使いやすさを取り戻すことです。

これは彼らの十字軍の一部です没入型ウェブ、将来のWebの外観に関する新しいアイデアのセット。私たちにとって幸運なことに、彼らは一人じゃない、そして私たちはウェブ上でますます没入型の体験を見始めるでしょう。

試してみたい場合は、ダウンロードしてください WebXRビューアと訪問このサイト没入型ウェブの可能性を見るために。

繰り返しになりますが、標準のブラウザベースのアプリは1、2年で衰退することはありません。おそらく、常に存在するでしょう。しかし、3DアプリとXRエクスペリエンスは成長しており、市場はそれらを手に入れる準備ができており、熱心に取り組んでいます。

ES6のネイティブサポート

過去10年間にJavaScriptで発明されたほぼすべてのテクノロジーは、ブラウザーの基盤となる実装によって生成された問題を解決するために作成されましたが、プラットフォーム自体は過去数年間で大幅に成熟し、これらの問題のほとんどは解消されました。と Lodash 、かつてはパフォーマンスベンチマークを支配していました。

同じことがDOMでも起こっています。DOMの問題は、かつてWebアプリケーションフレームワークを作成するための実際のインスピレーションでした。今、それは成熟したAPI あなたが使用できることフレームワークなしアプリを作成する—実際にはそれが Webコンポーネントです。これらは、コンポーネントベースのアプリを作成するためのプラットフォームの「フレームワーク」です。

プラットフォームの進化のもう1つの興味深い部分は、言語自体です。私たちは使用してきました Babel.js 過去数年間、ECMAScriptの最新機能を使用できるようになりましたが、標準自体がここ数年で少し停滞し始めたため、ブラウザーベンダーが以下を含むほとんどの機能を実装するのに十分な時間でした。のネイティブサポート静的インポートステートメント。これで、アプリケーションの作成を検討し始めることができます。 Babel.js または他のコンパイラは、プラットフォーム自体で言語機能を（再び）サポートしているので、 Node.js 同じを使用します V8 VM なのでグーグルクローム、ES6のより強力なサポートが Node.js 、下の静的インポートステートメントでも実験モジュールフラグ。

プログラミング言語の作成方法

これは、アプリがプロレベルでコンパイルされるのをやめるという意味ではありませんが、ブラウザベースのアプリケーションから始めるのはかつてのように簡単で楽しいことを意味します。

サーバーサイドJavaScript

JavaScriptは1995年にサーバー側で始まりましたが Netscape Enterprise Server 、それはライアンのダールまでではありませんでしたプレゼンテーション 2009年に、JavaScriptがサーバーサイドアプリで真剣に検討され始めました。たくさんの物事が起こった過去10年間でNode.jsに。それは多くの進化と成熟を遂げ、破壊と新技術の機会を再び生み出しました。

この場合、それは自身の作成者であるライアン・ダールの手によるものです。新しい物の見方サーバー側で保護されたアプリの Deno 、async / awaitとして最新の言語機能をネイティブにサポートするプラットフォームであり、最も人気のあるcompile-to-js言語TypeScriptも対象としています。最高のパフォーマンスでの実装のおかげでさびとの使用法東京、しかしより重要なのは新しいセキュリティ哲学これは、次のようなほとんどのサーバー側プラットフォームとは異なります。 Python 、ルビー、または Java ）。ブラウザのセキュリティモデルに触発され、 Deno ユーザーがプロセスへのアクセス許可を明示的に付与した後にのみホストのリソースを使用できるようになります。これは最初は少し面倒に聞こえるかもしれませんが、セキュリティで保護されたコードでセキュリティで保護されていないコードを実行できるようにすることで、多くの影響が生じる可能性があります。プラットフォームを信頼するだけで環境。

Node.js 将来的にはまだ存在しますが、次のようなサーバーレスサービスが見られるようになる可能性があります AWS Lambda そして Azure関数提供する Deno システム上でセキュリティで保護されていないサーバー側のコード実行を提供するための代替機能としての機能。

結論

これらはJavaScriptの世界でエキサイティングな時代です。多くのテクノロジーが成熟してイノベーションの余地が残され、活発なコミュニティがその素晴らしい素晴らしいアイデアで私たちを驚かせることを止めませんでした。確立されたツールに代わる多くの新しい選択肢が期待されます。彼らの成熟した段階がすぐに到着しているので;それらの多くは本当に優れており、戦場には十分な証拠があるため、使用をやめることはありませんが、新しくエキサイティングな市場が出現し始めるので、準備しておくとよいでしょう。

開発のペースが速いため、JavaScriptの世界の最新情報を入手するのは簡単ではありませんが、実際に役立つ情報源がいくつかあります。まず、私の意見では、最も重要なニュースソースはエコーJS 、1時間ごとに信じられないほどの量の新しいコンテンツを作成できます。ただし、時間がない場合は、 JavaScriptウィークリーニュースレターは、JSでの今週の優れた要約です。これに加えて、世界中の会議や、次のようなYouTubeチャンネルを監視することも重要です。 JSConf 、 ReactConf 、および GoogleChrome開発者素晴らしく役に立ちます。

逆に、JavaScriptがどこに向かっているのかについて建設的な批評を見ることに興味がある場合は、読むことをお勧めします。 JS開発者として、これが私を夜更かしするものです 仲間によって JavaScript開発者ジャスティン・ロバートソン。