InfoQ ホームページ javascript-libraries に関するすべてのコンテンツ
-
リジューム可能なJavascriptフレームワークQwikとは
QwikはDOM中心のJavaScriptフレームワークだ。その目的は最速のTTI（インタラクティブになるまでの時間）を提供することで、HTMLのサーバ側レンダリングをリジュームできることと、コードの最適化された遅延読み込みにフォーカスすることにより実現している。
-
新しいテンプレートDSLのTempuraは解析の速度とサイズにフォーカスする
Luke Edwards氏は先頃、高速に解析を実現するように設計された軽量テンプレートDSLであるTempuraをリリースした。他の静的サイトジェネレーター (SSG) のテンプレート言語と同様にTempuraはユーザ定義のテンプレートディレクティブ用のカスタムブロックも備えている。Tempuraの主なユースケースはWebアプリケーションでHTMLを生成することだが、JavaScriptを使用するのではなく、テンプレートDSLが付加価値をもたらすあらゆるコンテキストで使用できる。
-
ReScript - 完全な型指定を備えたJavaScript代替言語
ReScriptは、複雑なWebアプリケーションの開発を支援する最新のプログラミング言語のひとつで、JavaScriptにトランスパイルしてブラウザ上で実行することができる。
-
ブラウザ内でNode.JSを実行するWebContainers
Stackblitzは先頃、WebContainersと呼ばれる新しいプロダクトをリリースした。これにより、開発者はブラウザ内にフルスタックのNode.js環境を作成できる。この環境は瞬時にロードされ、VS Code、フルターミナル、NPMなどがバンドルされている。
-
-
Next.js 11が新しいScriptとImage読み込み戦略でリリース
Next.jsチームはNext.js 11を先頃リリースした。新しいバージョンは、開発者とエンドユーザの実際のパフォーマンスと認識されるパフォーマンスの向上に努めている (起動時間、サードパーティのスクリプトの読み込み、画像とプレースホルダーの読み込み)。Next.js v11は、Create React AppアプリケーションをNext.jsに移行する実験的なcodemodも提供する。
-
GoとJavaScriptでコンテンツ・アウェアな画像サイズ変更
UberのソフトウェアエンジニアであるOleksii Trekhleb氏は、最近、動的計画法を使って、CPUを消費するコンテンツ・アウェアの画像サイズ変更アルゴリズムを高速化する方法を検討した。開発者は、コンテンツ・アウェアのサイズ変更を使って、画像のキーとなる特徴を維持しながら、画像をさまざまな含みを持つコンテキスト（画面のフォームファクタ、レスポンシブレイアウトコンテナなど）にフィットさせることができる。
-
非同期コードのテスト - RxJS Live London
RxJSコアチームの元メンバーであるJay Phelps氏は最近RxJSを使用してコードを活用するコードをテストする方法を説明した。このリアクティブプログラミングライブラリは非同期プログラミングでAngularフロントエンドフレームワークで使用される。RxJSは、時限シーケンスとライフサイクルイベントを表現するDSLを備えたテストAPIを提供する。
-
Vue3のネイティブCSS変数テンプレートとの統合検証
Vue 3は、2年間の作業に続く大規模なリリースで、昨年9月に出荷された。 Vue開発者は、どのようにコンポーネントの状態がコンポーネントのスタイルに関連するかを単一ファイルのコンポーネントテンプレートで宣言的に記述することができるようになった。実験的な機能はCSS変数に依存するものである。これは、フレームワークに依存しない設計システムを実装するために使用されてきた、最新のブラウザのネイティブ機能である。
-
Snowpack 3 ビルドツールは、最新のフロントエンド開発をさらに能率化する
Snowpack フロントエンドビルドツールの3番目の主要なイテレーションは、事前バンドルされたストリーミングインポート、統合されたビルド最適化、および JavaScript/Node API とともに先頃リリースされた。Snowpack 3 は、2020 JS Open Source の 開発者生産性向上賞 (developer productivity boost award) を受賞し、2020 State of JS 調査で開発者の関心と満足度のトップにランクされている。
-
Stimulus 「すでにあるHTMLのためのJavaScriptフレームワーク」 リリース2.0
「すでにあるHTMLのための謙虚なJavaScriptフレームワーク」と呼ぶStimulusは、先頃2番目の主要なイテレーションをリリースした。Stimulusは、GitHubのパターンのWebコンポーネントセットであるCatalystに影響を与えた。
-
single-spa によるマイクロフロントエンド
マイクロフロントエンドは、マイクロサービスの概念をフロントエンドに拡張する。目標は、大規模なSPAを、さまざまなテクノロジーを使用し、別々のチームで開発および管理できる小さな独立したアプリケーションに分割することだ。 single-spaは、複数のフロントエンドアプリケーションの構成を単一のプロダクトに簡素化することにより、開発者がその目標を達成するのに役立つフレームワークだ。
-
AirbnbがVisxをリリース：Reactを使ったインタラクティブな視覚化のための低レベルでプリミティブなコンポーネントの集合
Airbnb Engineeringは最近、visxの最初のメジャーイテレーションをリリースした。visxは、インタラクティブに視覚化を構成できる低レベルのReactコンポーネントの集合である。visxは、D3プリミティブ、Reactコンポーネントモデル、React DOM処理をベースに構築されている。visxは、表現力を犠牲にすることなく簡単に習得できるデータ視覚化フロントエンドソリューションを提供することに努めている。
-
Githubが複雑なアプリケーションでWeb Componentsの開発を容易にするCatalystをリリース
GitHubは先頃、Catalystの最初の主要なイテレーションをリリースした。これは、複雑なアプリケーションでWebコンポーネントを使用して開発するための一連のパターンと手法である。Catalystは小型化を目指しており、完全にバニラJavaScriptとWebコンポーネントで記述されたGitHub Webサイトに使用されている。
-
Aleph.jsを使用したDenoのサーバレンダリングWebアプリケーション
Denoのサーバレンダリングアプリケーション用のReactフレームワークであるAleph.jsが、アルファリリースを通じて利用可能になった。Alephは、Next.jsのコア機能の多くをDeno環境で利用できるようにする。ゼロ構成のサーバ側レンダリング、静的サイト生成、ファイルシステムとAPIルーティングなどである。Alephは、標準のEcmaScriptモジュール (ESM) インポート構文を使用しており、開発時にバンドラを必要としない。