InfoQ ホームページ javascript-libraries に関するすべてのコンテンツ
-
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) インポート構文を使用しており、開発時にバンドラを必要としない。
-
Angular 11到着
Googleは、人気のあるシングルページアプリケーションフレームワークであるAngularのバージョン11をリリースした。このリリースは、開発者エクスペリエンスの向上と、課題追跡システムのクリーンアップの完了に重点を置いている。
-
Mock Service Workerライブラリにより、復元力のあるRESTおよびGraphQL APIテストが可能に
Mock Service Worker (MSW) APIモックライブラリを使用すると、開発者は、実際のバックエンドを使用したり、モックサーバーを設定したり、ネイティブhttp/https/fetch実装をスタブしたりせずにWebアプリケーションをテストできる。MSWは、RestとGraphQL APIの両方をモックする。MSWは今年JavaScriptオープンソース賞を受賞した。
-
Angular採用企業が直面する共通的課題 - Stephen Fluin氏のngconfでの講演より
AngularデベロッパアドボケートのStephen Fluin氏はngconfで講演し、大規模アプリケーションを構築するAngularチームが共通的に直面する課題について論じた。
-
Salesforceで大規模なWebコンポーネント: 遭遇した課題、学んだ教訓
Lightning Web Components (LWC) の共同作成者で、SalesforceのプリンシパルアーキテクトであるDiego Ferreiro Val氏は、WebComponentsSFで、エンタープライズ規模でWebコンポーネントを活用するプラットフォームを構築する際の課題と教訓について講演した。欠けたところはあるが、Webコンポーネント標準は、Salesforceの相互運用性、後方互換性および上位互換性の目標を大規模に達成するのに役立った。
-
Webpack 5の紹介
最も人気のあるJavaScriptモジュールバンドラーであるWebpackのバージョン5.0がついにリリースされ、多くの改善が行われた。ビルド時間の短縮、バンドルサイズの縮小、多くの重大な変更がなされた。
-
Svelteを使ったアニメーション、レスポンシブ、リアクティブなデータ視覚化
Tom Fevrier、Matthias Stahl両氏は先頃、Svelteでアニメーションを使用した、レスポンシブでインタラクティブなデータ可視化テクニックの概要をSvelteコミュニティに公開した。