2019JavaScriptGitHub日本語訳bestofjsGitHubで最もホットなライブラリをランキング表示してくれるbestofjs.orgというサイトがあります。ここは毎年、その一年で最もホットだったライブラリを発表しています。選考基準は『その年増えたスターの数』であり、恣意的要素の入る余地はありません。ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.jsです。Starsの日本語訳です。ライジングスターにようこそ!2019年にGitHubで最も注目を集めたプロジェクトを、数字で見てみましょう。以下のチャートは、2019年の一年間にGitHubで増加したスターの数を比較したものです。JavaScriptからの分析となります。各プロジェクトをクリックすると、プロジェクトの詳細を閲覧することができます。App4年連続でVue.jsが総合優勝を飾り、2019年にも30000以上のスターを稼ぎ出しました。ReactとVSCodeが、昨年と同じように続いています。これは、Vue.jsコンポーネントを使った優れたダッシュボードを構築することができるソリューションで、堂々の4位を取得しました。Svelteは数年前から存在するプロジェクトですが、2019年ついに飛翔し5位に入りました。TypeScriptがベストテン入りし、この成功は過去数年のJavaScriptの変化の集大成のひとつです。Node.jsの作者が新たに作ったJavaScriptランタイムDenoは、2018年に新登場しました。これは13位で、まだトレンドに入っています。+3.8k2019年はSvelteが躍進してAngularを追い抜き、Vue.jsとReactの背後を突く3位に上昇しました。これはBIG-3がBIG-4になったことを意味するのでしょうか?Svelteは他のフレームワークと大きく異なっていて、実際にはフレームワークではなく、ビルド時に全てを構築するコンパイラのようなものです。ReactやVue同様に、データが変更されたときに画面を更新するアプリを開発者は書くことができます。最大の違いとして、そのフレームワークがブラウザ上で実行されるのではなく、ビルド時に実行されます。コンパイラは、開発者が作成したコンポーネントを、DOMを直接操作する命令型コードに変換します。そのため、ブラウザに渡されるコードは小さくなり、非常に高速に実行されます。組み込みデバイス向けのアプリケーションなどに適しているでしょう。そのパフォーマンスに加えて、ややこしいCSSトランジションも簡単に制御することができます。バージョン3ではリアクティブな仕組みも強化されています。UIをトリガーするだけで、変数までも更新してくれます。SvelteがこれまでのBIG-3と同じくらい成功すると断定するには時期尚早ですが、2020年はこれをフォローしておく価値があるでしょう。+5.1kNode.jsに新たなチャンピオン、Nestが誕生しました。NestはAngularから多くの概念を取り入れた、フルスタックのフレームワークです。2018年の勝者であったNext.jsは、その席こそ譲ったものの堂々の2位です。フロントエンドをReactで、バックエンドをNode.jsで構築する際に最適なソリューションのひとつです。3位に入ったStrapiはオープンソースのヘッドレスCMSで、APIエンドポイントを迅速に生成・管理することができます。『4コマンドで始めよう』APIエンドポイントはRESTもしくはGraphQLに対応しています。4位はNuxtで、フロントエンドにVue.jsを使うときに最適なフルスタックフレームワークです。サーバサイドレンダリング、クライアントサイド、あるいは静的のみといった様々な戦略に対応しています。ExpressはNode.jsのための古びたフレームワークですが、まだトップ5に残っています。巨大なエコシステムが存在し、多くのNode.js開発者には馴染みがあることでしょうが、最後のコミットから既に半年以上が経過していることに注意が必要です。UIと、React用のコンポーネントとヴィジェットが入賞しました。Appは、Reactアプリを新しく始める際の、事実上のデファクトスタンダードです。今年の目玉として、TypeScriptがサポートされました。今年のReact世界で最大の変更点は、フックの導入です。Reactはビューレイヤだけしか提供しないので、コンポーネント間でロジックを共有する方法は常に議論の的になっています。その進化は概ね4ステップに分けられます。Propsパターン・2019年:Hooks今年は、フックの力を使うことで問題を解決したライブラリが多数現れました。Adminは、Elementを使って美しいダッシュボードを構築するVue.jsコンポーネントです。2位のElementは、多くのコンポーネントを持つUIライブラリです。マテリアルコンポーネントフレームワークであるVuetifyは、7月にバージョン2がリリースされ急上昇してランクインしました。NuxtはVue.jsアプリケーションを構築するWebフレームワークであり、3年連続でランクインしています。5位には、強力なGUIを備えプロジェクトの立ち上げを加速するオフィシャルのツールキット、vue-cliが入りました。+1.3kAngularプロジェクトで最も人気であるngx-adminは、管理ダッシュボードを構築するためのテンプレートを提供します。CDKと似たような、マテリアルデザインのAngular公式コンポーネントです。ReactやVueと同様に、デザインコンポーネントであるNG-ZORROが4位に入りました。Angularは2019年5月にバージョン8のメジャーリリースが行われました。CLIはモダン向けとレガシー向けにバンドルを分けることによってバンドルサイズを20%減少させることに成功しました。Angularのバージョン9もRCとなっていて、2020年の前半にリリースされる見込みです。バージョン9の主な変更点はIvyと呼ばれる新しいコンパイラで、構築時間の短縮及びバンドルサイズの減少が期待されています。+2.2k今年は、カテゴリをテストフレームワークに限定するのではなく、E2Eテストやブラウザ自動化ツールなども対象としました。Puppeteerは非常に人気のあるヘッドレスChrome制御ツールです。Webスクレイピングやスナップショット撮影など多くのユースケースがあります。Recorderも5位にランクインしています。CypressはE2Eテストを行うためのソリューションであり、ユーザ操作とWebページの関連を記述する優れたUIを提供します。3位のJestは、フロントエンドとバックエンドの両方のプロジェクトで用いられる、最も人気のあるテストフレームワークです。LibraryをラップしたReactアプリのテストソリューションです。実装の詳細をテストするのではなく、アプリの動作をテストするのに役立つパターンと抽象化を提供します。+13.0kまとめフロントエンドのトレンドは興味深い傾向を示しています。Componentsを使用する音楽アプリをリリースしたという事実であり、UIフレームワークのひとつであるStencilでコンパイルされています。Componentsが実アプリに使用された例です。ネイティブモジュールを使用するアプリをリリースできるという事実は、大きな改善です。バックエンドでは、Node.jsは登場から10年経ちましたが、今でも新しい機能が精力的に追加され続けています。v13.2.0の時点で、Node.jsはESモジュールをそのままサポートし、WebAssemblyモジュールをインポートできます。APIを使えば重いプログラムも実行することができます。ブラウザにおいてもNode.jsにおいてもプラットフォームは進化し続けており、これがJavaScriptの開発を非常にエキサイティングなものにしてくれます。ご清聴ありがとうございました。現在のスター数のランキングではなく、2019年の一年間で増加したスター数のランキングです。累計は多いけど落ち目の技術はランクに入らないため、最近勢いのある技術がわかります。総合ランキングは今年もVue.jsの勝利で、堂々の4連覇です。これから使う技術は、基本的にランキング上位の中から選択しておけば問題ありません。目的があるのならばそれに適した技術を選ぶべきですが、よくわからないけどなんとなくやってみたい、という段階であれば迷わずVue.jsを選びましょう。プログラミングは数こそが力なので、わざわざマイナーなものを使ったところでいいことは何もありません。ところで、昨年までは全てのジャンルに解説があったのですが、今回はランキングだけで解説のないジャンルが目立ちます。requestStockLike633@rana_kualu不労所得で生きたい。upLoginユーザーは見つかりませんでした。