JavaScript で生成 AI? Microsoft の GenAIScript、Svelte Next.js など

「今週の JavaScript 」の新版へようこそ!

本日、Microsoft からゲームを変えるようなアップデート、待望の Svelte 5 リリース、新しい Next.js 15 リリース、さらにその他にもたくさんのアップデートが提供されました。 

Microsoft GenAIScript

2024 年は AI がすべてであり、Microsoft は GenAIScript で再び限界を押し広げています。この新しいツールを使用すると、開発者は生成 AI を使用して、従来は手動コーディングが必要だったタスクを自動化できます。

主な機能:

コードとしてプロンプト: 最小限の JavaScript または TypeScript 構文を使用して、コードの要約、エラー チェック、データ解析を自動化します。 

LLM ツールとエージェント: LLM モデルとシームレスに対話する Git アシスタントや気象データ フェッチャーなどのツールとエージェントを定義します。これらのエージェントを定義することで、開発者はインテリジェントな提案を提供したり、LLM プロンプトに基づいて特定の機能を実行したりする再利用可能なコンポーネントを作成できます。

ファイル操作: PDF、DOCX、CSV などからデータを抽出、分析、操作できるため、データ量の多いプロジェクトに最適です。 PDF をテキストに変換する場合でも、CSV ファイルから表を抽出する場合でも、開発者はこれらの面倒なプロセスを自動化できますが、手動で行うとエラーが発生しがちです。

GitHub 統合と CI/CD 自動化: GitHub モデルと Copilot のサポートが組み込まれているほか、自動化された GitHub Actions により、開発者は LLM を活用してプル リクエストのレビュー、コミット メッセージの生成、 CI/CD パイプラインに統合することもできます。 

Svelte 5 がついに登場

18 か月の開発を経て、バージョン 5 は Svelte の歴史の中で最も重要なアップデートとなります。これは完全な刷新であり、アプリのパフォーマンスの向上、バンドル サイズの削減、反応性の簡素化に焦点を当てています。

しかし、何が変わったのでしょうか?

ルーンと反応性: よりクリーンな反応性状態管理のための「ルーン」を導入し、古い $: 構造を置き換えます。この変更により、依存関係がより明示的になり、以前のシステムでよくあった落とし穴が回避されるため、状態の処理が簡素化されます。

ネイティブ TypeScript: TypeScript を完全にサポートし、プリプロセッサは必要ありません。 

下位互換性: Svelte 5 は、簡単に移行できる移行ツールを備えた Svelte 4 からのほぼシームレスなアップグレードを提供します。この下位互換性により、開発者はアプリケーション全体を最初から書き直すことなく、段階的に移行できるようになります。移行ツールはプロセスの多くを自動化し、ダウンタイムを最小限に抑えます。

イベント処理の改善: イベント ハンドラーが小道具として扱われるようになり、コンポーネントの構成がより直感的になりました。この変更により、開発者はイベントの伝播と条件処理をより簡単に管理できるようになり、特に大規模なアプリケーションやライブラリの場合、再利用可能なコンポーネントの作成が合理化されます。'

Next.js 15: スピード キング

Next.js 15 がついにリリースされました。このバージョンは、安定性と速度の両方の向上に重点を置いています。

知っておくべきことは次のとおりです:

@next/codemod CLI: コードのアップグレードを自動化し、Next.js と React のバージョンを簡単に更新できるようにします。このツールを使用すると、アップグレード時の手動リファクタリングを回避し、コードベースをクリーンで効率的な状態に保つことができます。

Turbopack Dev: コード更新が最大 96% 高速化され、開発速度が向上します。 Turbopack は、Webpack をデフォルトのバンドラーとして置き換えることになり、特に大規模なプロジェクトで非常に高速なリビルド時間を実現します。

静的ルート インジケーター: 開発中の静的ルートの新しい視覚的キューにより、即時フィードバックが提供されるため、個々のページのパフォーマンスを最適化し、キャッシュとレンダリングを向上させるためにどのルートが本当に静的であるかを追跡するのに役立ちます。

自動画像最適化の機能強化: 画像の最適化がデフォルトで組み込まれるようになり、手動構成が不要になりました。これは、最適化された画像 (サイズ変更、遅延読み込み、WebP サポートを含む) を自動的に取得することを意味し、開発者は画像のパフォーマンスを処理するのではなく、機能の構築に集中できるようになります。

知っておくべきツールとリリース

今週はその他の大きなツールのアップデートをいくつか見ていきましょう!

React Native 0.76: 新しいデフォルトのアーキテクチャにより、アプリのパフォーマンスがよりスムーズになり、デバッグが改善され、Android アプリのサイズが小さくなります。

Bun の最新アップデート: 実験的な CSS 解析およびバイトコード コンパイル オプションにより、開発速度が 2 倍に向上します。さらに、bun public を使用すると、npm パッケージの公開が簡単になります。

ExpressJS v5: 10 年間の待機を経て、最新のセキュリティ機能、改善されたルート パターン、および強化された Promise のサポートを備えた Express 5 が登場しました。

Transformers.js v3: WebGPU サポートのおかげで、JavaScript での機械学習モデルの実行がさらに高速になりました。リアルタイム タスクをブラウザで直接実行できるようになりました!

eslint-plugin-function: このプラグインは、突然変異をブロックし、不変性を奨励することで、JavaScript と TypeScript の関数型プログラミングの原則を強制し、よりクリーンで信頼性の高いコードを作成するのに役立ちます。

これで、「今週の JavaScript」の第 6 回は終わりです!

ご視聴いただきありがとうございます。

このニュースレターを他の開発者と自由に共有してください。また、次の問題に関する通知を受け取るために購読していることを確認してください。

次回まで、コーディングを楽しんでください!

参考文献

Microsoft GenAIScript

Svelte 5 アップデート

Next.js 15

ネイティブに反応 0.76

パン v1.1.33

ExpressJS v5

Transformers.js v3

eslint-プラグイン機能

以上がJavaScript で生成 AI? Microsoft の GenAIScript、Svelte Next.js などの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。