JavaScript ビルド ツールの未来

それは何ですか？

JavaScript ソフトウェアの作成は、多くのツールを必要とするプロセスです。ブラウザーは JavaScript を直接使用する場合がありますが、通常、開発者がソフトウェアの作成に専念できるようにする機構が存在します。現在、コードはTypeScriptで記述されている可能性が高く、 Microsoftによって作成された JavaScript のスーパーセットであり、ブラウザー (またはNode.jsなどの他のJavaScript ランタイム)が必要とする JavaScript に変換する必要があります。

ユーザーのブラウザーに送信されるデータの作成を調整するバンドラーがいくつかあります。しかし、現在の多くのプロジェクトで非常に一般的なツールが見られるにもかかわらず、このソフトウェア セットは継続的に進化しています。

プロジェクトによっては、ツールを定期的に再検討し、市場に目を光らせておくと便利な場合があります。いくつかの新しいツールや古いツールの代替品は、速度と開発者の使いやすさの点で真のメリットをもたらします。

• TypeScript はもはやそれほど新しいものではなく、ますます多くのソフトウェア プロジェクトで採用されています。異なるパッケージ間でもタイプ セーフを提供し、本番環境で実行するのではなく、プログラミング中にエラーが発生するのを防ぐことができます。これには、ソフトウェアを作成するときと、それを JavaScript に処理するときの両方のオーバーヘッドが伴います。
• ブラウザー アプリケーション コード — TypeScript、JavaScript、HTML、(前処理された) CSS、アセットなどは、デプロイするためにパックする必要があります。webpack、Rollup、Parcelなどのツールがこの仕事をします。
• サーバー側アプリケーションの場合、ソフトウェアを実行するには Node.js などのランタイム環境が必要です。

速度の点では、esbuild は私たちのプロジェクトの真のゲームチェンジャーでした。たとえば、既存の webpack セットアップで、babel-loader を置き換えるローダーとして使用される場合があります。通常、コードを少し調整するだけで済みますが、私たちのプロジェクトでは 50% 以上の速度向上が見られました。

ただし、esbuild をスタンドアロンで使用して、ランタイム用のコードを準備することもできます。Esbuild はGoで記述されており、ネイティブ コードにコンパイルされているため、非常に高速です。

注意すべきいくつかのツールを次に示します。

• Parcel CSS : 高速性を約束する CSS パーサー、コンパイラ、ミニファイアー ( Rustで記述されているため)
• Vite.js : 内部で esbuild の速度を備えたフロントエンド ツールとバンドル。それは Ecmascript モジュールに依存しており、最初から優れた開発経験を提供するために非常に意見が分かれています。
• Bun : 最新の JavaScript ランタイム。超高速で、バンドル、トランスパイル (TypeScript も含む) 機能を備えており、すぐに使用できると主張し、npm で得られるものを直接組み込みます。興味深いことに、 Zigで記述されており、ロゴとして餃子があります。

なぜ私たちはそれをお勧めしますか?

アプリを構築するための安定した十分にテストされたプラットフォームを提供することは重要ですが、特に JavaScript の世界では急速に開発が進んでいます。すべての新しいことを追跡することは困難であり、多くの新しいプロジェクトは将来的にサポートが不十分になるでしょう。他のものはここに留まり、より良い開発ワークフローへの移行を可能にします (上記のように: TypeScript、esbuild-loader)。

十分にテストされたツールと最先端のソフトウェアを組み合わせて使用​​することを常にお勧めします。これにより、リスクを管理できます。開発者にとって、提示されたツールは、新しいソフトウェア製品を作成する際に、時には面倒なタスクを簡単に開始し、高速に実行できるようにします。

著者：ダーク・ウェーバー
イラスト：カイ・シンジンガー

この記事は #24TechBites というシリーズの一部です。クリスマスまでの残りの時間を甘くするために、現在のテクノロジーについてお知らせしたり、刺激を与えたり、ソフトウェアの傾向について意見を述べたりすることを目指しています。これらはすべて、ドイツの伝統である「Adventskalender」の 24 の小さな毎日の驚きの形で行われます。

他のすべての #TechBites を楽しみ、私たちとアドベント カレンダーの詳細を確認するには、#24TechBitesをクリックしてください。

約

Büro am Draht はベルリンを拠点とするコンサルタント会社で、今日のビジネス要件をサポートし、まだ予見できない明日のビジネス モデルを立ち上げるために、回復力と適応性に優れたデジタル プラットフォームをクライアントが構築できるよう支援しています。そのため、デジタル戦略からソリューションの設計と開発、運用サポートに至るまで、デジタル トランスフォーメーション プロセスのあらゆる段階で密接に協力しています。

多用途でスケーラブルなソリューションを開発するための当社のアジャイルなアプローチにより、クライアントは魅力的でパーソナライズされた顧客体験を一貫して提供できるようになります。さまざまな業界の企業を支援する方法の詳細については、次のサイトをご覧ください。

dasburo.com
LinkedIn