2017年に注意すべきJavaScriptの傾向

ダン・アブラモフのツイートを見た後、この資料を書くことにしました。彼に感謝します。 Danは、一般の人々の注目に値するJavaScriptの世界で最も興味深いイベントについて、加入者に質問しました。





JS愛好家は質問に答え、ツイートの下で山ほどの答えが集まった。 誰もが、彼の意見では、2017年に注意を払う価値があることについて話しました。 結果は非常に面白い選択であり、そこから私は最良のものを選択し、説明を追加しました。



すぐに言いたいです。 機能的なプログラミングツールが肉眼で見えるマテリアルに表示されているという事実から判断すると、AFは、変更可能なモードが過ぎてから実行されている少数の人の運命でした。 今ではかなり深刻な傾向に見えます。



JavaScriptコミュニティで最も有望であると指摘されている技術を以下に示します。 人気の降順でランク付けしました。

Webassssembly

ああ、なぜWebAssemblyテクノロジーの機能の説明を始めますか？ その略称「wasm」は「asm」のように見えますが、これは下位レベルの何かに直面していることを示唆しています。 実際-ありのまま。 このテクノロジーは、あらゆる言語の開発を単純化することを目的としています（喜ばしい、関数型プログラミングとリアクティブプログラミングの愛好者！）。また、Web用のコードをコンパイルします。



WebAssemblyテクノロジーは多くの人にアピールしています。 実際のところ、多くの開発者はまだJSと非常に混合した関係にあり、JavaScriptに変換できるコードで書かれた他の言語を無条件に優先しています。 以下-このアイデアの多くの証拠。



いずれにせよ、JSは飛躍的に前進し、これがすぐに終わるとは誰も期待していません。



WebAssembly-開発は比較的若いです。 現在、試用版の段階にあり、リリースはまだ遠いです。 したがって、JSの将来に非常に深刻な影響を与える可能性があるため、その開発は観察する価値があると確信しています。



WebAssemblyの詳細については、Eric Elliottをご覧ください。

ニレ

多くの開発者は2016年に文字通りエルムに恋をしました。 これは、すべてのユーザーがアクセスできる機能的なプログラミング言語です。



言語の主な特徴を明らかにするElmの紹介からの抜粋を以下に示します。

• 「未定義は関数ではない」という精神で、ランタイムエラー、null、メッセージはありません。
• プログラムを迅速に拡張するのに役立つ便利なエラーメッセージ。
• アプリケーションの成長に応じて適切に設計されたコード。
• すべてのElmパッケージの自動セマンティックバージョン管理。

Elmは、クリーンでシンプルでコンパクトなコードと組み合わされた優れたツールです。

もちろん、ElmはJSにコンパイルされ、JavaScript開発者の注目を集めました。

Vue.js

昨年、Vue.jsの人気が高まるのを見るのは非常に興味深いものでした。 このライブラリは、間違いなく2017年には著名なプレーヤーになるでしょう。



ところで、Vue.jsの大胆不敵な作成者であり、コミュニティリーダーであるEvan Yuのおかげで、私は昨年オープンソースのアイデアに触発されました。



VueはReactのライバルであるため、2017年には、React、Vue、またはElmのどちらが良いかについて無限の議論が行われるのは当然です（ ここで既にこのトピックについて議論しています）。 最終的に、どのコミュニティが大規模プロジェクトに最適なサポートを提供するかを決定します。 エヴァン・ユーは何をすべきか知っていると思う。



Vue 2.0バージョンが最近リリースされ、より高速かつ小型になり、このライブラリがさらに魅力的になりました。



ちなみに、 一部の 企業がVueに切り替えた理由についての質問に対する回答がいくつかあります。

バビリ（バベル縮小）

Babiliは2016年8月にリリースされました。これは、Babelインフラストラクチャに基づいて、ES6 +と連携できる最小化機能です。



なぜ別の縮小器ですか？



これは、バビリの理由についてのヘンリー・チューによる素晴らしい物語です。 次の部分に注意を払うことが重要だと思います。「BabiliはES2015 +デザインを入力として受け入れることができますが、既存のミニファイヤは通常ES5に限定されます。 縮小する前に、サポートされている言語バージョンにコードをトランスコンパイルする必要があります。 これは、プログラマーがES2015で既に作業プロジェクトを作成していると考えると、役に立ちません。 さらに、Babiliは柔軟性があり、モジュール構造になっています（実際、プラグインのサポートを意味するBabel プリセットのセットです ）。プリセットまたはコマンドラインツールとして使用できます。 さらに、BabiliはES2015 +に固有のコード最適化を実行できます。

OCaml

OCaml自体は特にJSに関連付けられていませんが、リストにある次の2つの傾向の重要性を認識するために、OCamlが何であるかを知る必要があります。



過去数年にわたって関数型プログラミングの復活を目の当たりにしてきたなら、Haskellについて聞いたことがあるかもしれません。 OCamlは、主にOCamlからJSまでの優れたコンパイラがいくつかあるという事実により、Haskellよりも急速に人気を博しています。

たとえば、Facebook開発者はOCamlの大ファンであり、 Hack 、 Flow、およびInferの作成に役立っています。

BuckleScript

BuckleScriptは、ブルームバーグ開発チームによって作成されたOCaml用のコンパイラです（はい、これは同じブルームバーグです）。 Dwayne Johnsonがこのことについて次のように述べています。“ BuckleScript 、または略してbscは、OCaml用の比較的新しいJavaScriptコンパイラです。 つまり、関数型のOCaml言語を使用して、JavaScriptでコードをコンパイルできます。 ここで注目すべきことは、BuckleScriptによって生成されたコードが非常に読みやすいことです（つまり、JSに精通しているなら、このコードを理解でき、デバッグが容易になります）、またBuckleScriptはnpmエコシステムに接続されています。 その結果、強力で機能的で型付けされた言語と、Web開発用の最新の素晴らしいライブラリを組み合わせた2つの世界の最高のものを手に入れることができます。

ReasonML

Reasonは、非常に使いやすい構文、深いエディター統合、優れたビルドツールを備えたOCamlベースの言語です。 これは、Reactに携わった同じFacebookチームによって作成されました。



ショーングローブによるReasonに関する素晴らしい短編小説です。

ピュアスクリプト

明らかに、PureScriptは、JavaScriptにコンパイルされる別の強く型付けされた効率的なプログラミング言語であると既に推測しました。



Haskell愛好家に特に人気があります。 あなたは彼をエルムの競争相手と考えることができます。 PureScriptが提供するものは次のとおりです。

• 重いコード実行環境の欠如。
• JavaScriptで使用されているものと同様の（レイジーではなく）厳密なコンピューティング戦略を適用します。
• JavaScriptオブジェクトを記述するリテラルな方法のサポート
• 型システム。おそらくHaskellよりも強力で便利です。
• JSライブラリとの相互作用を容易にする外部関数の非常にシンプルなインターフェイス。

TypeScript

TypeScriptは、コードの品質とわかりやすさを向上させることを目的としたJavaScriptアドオンです。 さらに、TypeScriptは、プログラムテキストの入力プロセスでエラーを直接示すことにより、開発プロセスを促進します。 ところで、AtomエディターはTypeScriptをサポートしています。









Anders Halesberg の TypeScriptに関する詳細なストーリーは次のとおりです。

Webpack-blocks

これは、Webpackを構成するための良い方法です。 おそらく彼の支持の主な議論はダン・アブラモフによってなされました：「明らかに、Webpackは高レベルのツールになることはありません。 したがって、その構成は、外部手段を提供する意味があります。 設定は、パラメータを含むテキストの断片をコピーして貼り付けるという形ではなく、適切に設計されたブロックの形で提示する必要があります。



Webpackを使用する場合、 webpack-blocksの有用な使用法を見つける可能性が十分にあります 。

GraphQL

特に大量のデータを処理する必要がある企業では、GraphQLがRESTに取って代わります。 これがなぜそうなのかを理解するのに役立つ例です。 主なアイデア：GraphQLは限界まで有効です。 2017年もGraphQLの成長を引き続き観察すると信じています。 そして、1年後にRESTに置き換わるかどうかについてお話します。

Reactストーリーブック

これは、React / React Nativeのユーザーインターフェイス開発環境です。 その助けを借りて、インターフェイスコンポーネントのさまざまな状態を視覚化し、インタラクティブに操作できます。



この写真を見てください。問題がすぐにわかります。







React Storybookはこちらにあります 。

jQuery 3.0

JQueryのgreat祖父はまだ私たちと一緒です！ 開発チームは2016年6月に、よりコンパクトで高速なバージョンをリリースしましたが、 Reactをマスターするなどのことに熱心だった多くの人は、おそらくそれについて聞いていませんでした。

Pixi.js

WebGLを使用して素晴らしく美しい2Dインターフェースまたはゲームを開発している場合、Pixi.jsはあなたにぴったりです。 このライブラリを使用して作成されたプロジェクトのギャラリーをご覧ください 。 深刻なものを作成する予定がない場合でも、今すぐ見てください。

プリアクト

Preact.jsはReactの高速な代替手段であり、同じES6 APIでサイズがわずか3 KBです。

インフェルノ

InfernoはPreactの代替です。 これはReactに似た高速ライブラリで、8 KBしか占有せず、クライアント側とサーバーの両方で高性能のユーザーインターフェイスを作成するように設計されています。 開発者に、Preactよりも多くの組み込みの追加機能を提供します。

さび

Rustは、emscriptenを使用してJavaScriptにコンパイルする別の高速言語です。 おそらく、このようなさまざまな言語は、JSで書きたくない開発者の数を明確に示しています。

カスタム要素v1

カスタム要素テクノロジー（Shadow DOMとともに）は、適応に関する問題を経験しました（主にその概念の認識の複雑さによる）が、2017年も引き続き開発される可能性があります。



改善の主な領域はブラウザのサポートです。これは、 ここでわかるように 、成長しています。 これは開発者により多くの機会を与えると同時に、コードの量を減らす素晴らしい方法だと思います。



カスタムエレメントの使用方法を理解するのに役立つ、 Smashing MagazineとGoogleの資料を以下に示します。

WebRTC

WebRTCがすでに5歳であるとは信じられません 。 Facebook、Slack、Snapchat、WhatsAppはそれぞれのシステムで使用しています。 WebRTCの人気は避けられず、ユーザーに音声およびビデオ通信を提供する企業がますます使用されます。



WebRTCプロジェクトチームの革新が改善のみをもたらすことを期待しましょう。

Next.js

Next.jsは、React、Webpack、Babelの上に構築された小さなフレームワークです。 サーバー側で構築されるReactアプリケーションの作成と展開を簡素化します。



このプロジェクトに関与しているZEIT 開発チームは、Reactコミュニティで非常に活発です。 Next.jsは少なくとも注意を払うべきだと思います。

まとめ

ご覧のとおり、2017年に見る価値のあるJSプロジェクトの印象的なリストが既に選択されています。 今年はまったく新しいものをもたらすと信じています。 いずれにせよ、それは興味深いでしょう。



この資料がリリースされた後、読者は、それを拡張できるいくつかの重要な技術を提案しました。 何か教えてもらえますか？