InfoQ ホームページ Web-Development に関するすべてのコンテンツ
-
マテリアルデザイン仕様サポートを改善したMaterial-UI 4.9 リリース
React UIフレームワークであるMaterial-UIは先頃リリースされたバージョン4.9.0で、UIコンポーネントに多数の改良が加えられ、マテリアルデザイン仕様との整合性が向上した。このリリースでは、IconButton、ListItem、TableRowなどのいくつかの主要なUIコンポーネントにカーソルを合わせた際の不整合に、追加または解決された。このリリースでは、多数の小さな不整合が解決され、改良されている。
-
WebでZoom: WebAssembly SIMD、WebTransport、およびWebCodecs
先頃の[web.devライブイベント]で、Google V8のプロダクトマネージャであるThomas Nattestad氏は、Webブラウザ内でZoomやその他のビデオ会議機能をサポートするためにWebに提案された追加機能のいくつかについて説明した。
-
Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より
VonageのシニアテクニカルエンジニアのYoav Yanavski氏が先日のVue.js Amsterdam 2020で講演し、同社がモノリシックなフロントエンドからマイクロフロントエンドアーキテクチャに移行した理由について語るとともに、マイクロフロントエンドのアーキテクチャ上の選択肢とそれぞれの持つトレードオフ、その中でVonageが行った選択について詳しく説明した。
-
Storybookリリース6.0 ライブ編集、Storybook Composition、ゼロ構成を備えたUIコンポーネントエクスプローラー
Storybookチームは先頃、Storybookのメジャーバージョン 6をリリースした。Storybook 6.0は、構成不要のセットアップ、コンポーネント例のライブ編集を備え、同じコンポーネントエクスプローラーウィンドウで複数のStorybookの視覚化をサポートする（構成機能）。
-
新しいMicrosoft Edgeのエクステンション
Microsoft Edgeエクステンションチームでシニアプログラムマネージャを務めるPratyusha Avadhanula氏は先頃、新たなエクステンション送付プロセスについて開発者に説明を行った。氏はMicrosoft Build 2020で、登録プロセス、Chromium APIと新しいMicrosoft Edge APIの間の差異、将来的なロードマップについて説明した。Edgeユーザは既存のChromeエクステンションを追加インストール可能だが、いくつかの注意点がある。
-
マイクロソフトの新しいFASTフレームワークを備えたアクセス可能な適応性のあるデザインシステム
Rob Eisenberg氏は先頃、FASTフレームワークを導入した。FASTを使用すると、開発者はスタイルとプロパティをカスタマイズして、独自のデザインシステムとWebコンポーネントライブラリを作成できる。FASTは、アクセス可能なコントラスト要件を満たし、カラーテーマをサポートし、さまざまな背景色にわたって知覚的に均一なUIを提供する適応性のあるカラーシステムを使用している。開発者からの入力はほとんどありません。
-
Svelte 公式のTypeScriptサポート追加
Svelte JavaScriptフレームワークはTypeScriptを活用するが、最近まで、TypeScriptを使用してSvelte Webアプリを作成することは困難だった。最新のSvelte更新により、公式のTypeScriptサポートがSvelteに追加される。
-
Cloud Development KitでTypeScriptやPythonを使ったTerraformコンフィギュレーション生成が可能に
AWS、HashiCorp、Terrastackの3社は共同で、CDK for Terraform、別名cdktfのプレビュー版をリリースした。インフラストラクチャ・アズ・コードの管理に、PythonやTypeScriptといったプログラミング言語を使用することができる。cdktfはJSONのTerraformコンフィギュレーションを生成する。Terraformレジストリにある既存のモジュールやプロバイダもサポートしており、AWSやAzure、Google Cloudにリソースをデプロイすることも可能だ。
-
すべてのエバーグリーンブラウザでWeb Animations APIがサポートされた
Safari 13.1のリリースに伴い、Web Animations APIはすべてのエバーグリーンブラウザに同梱されるようになった。
-
パフォーマンスデータの収集 - Jonathan Fielding氏がHalfStackにて
RVUの主任エンジニアであるJonathan Fielding氏は、今年のHalfStackで、開発者がサイトのパフォーマンスを測定および分析する方法を説明した。合成データと実際のユーザメトリックは、サイトのパフォーマンスの補完的なビジョンを提供する。
-
新しいMDJSマークアップ言語によりJavaScriptをMarkdownに追加してインタラクティブなドキュメント作成が可能に
Open Web Components（@OpenWc）の創設者であるThomas Allmer氏はMDJSをリリースした。MDJSは、Markdownの一種であり、開発者が自身のMarkdownドキュメントに実行可能なJavaScriptコードを含めることができる。MDJSは、通常のMarkdownコンテンツとして解釈することも、Webコンポーネントを含むインタラクティブなドキュメントを生成するために徐々に拡張することもできる。
-
Ionic 5リリースはiOS 13との一貫性、Angular Ivyをサポート
最近のIonic 5リリースでは、iOS 13スタイルのサポート、新しいカスタムアニメーションAPI、および改善されたIoniconアイコンセットが追加されている。
-
ES2020 確定した機能セット
TC39委員会は先頃、JavaScript言語への最終的な機能セットを含むECMAScript 2020(一般にES2020として知られている)候補を承認した。ES2020の候補は、今年6月にECMA総会によるレビューと承認を受ける予定である。 新機能のほとんどはすでにブラウザに実装されており、Babel JavaScriptパーサで変換できる。
-
WebDriverIOバージョン6リリースは、ネイティブのChrome DevToolsオートメーションプロトコルを新たにサポート
Node.jsのブラウザテスト自動化フレームワークであるWebDriverIOバージョン6の最近のリリースでは、Chrome DevToolsプロトコルテストがWebDriverの既存のサポートに追加され、PuppeteerやCypress.ioなどのツールを活用しやすくなった。
-
Chrome User Agentのサポートを段階的廃止
Googleは、ChromeブラウザでのUser-Agent文字列のサポートを終了することを決定した。代わりに、Chromeは、Client Hintsと呼ばれる新しいAPIを提供する。これにより、ユーザはWebサイトと共有する情報をより詳細に制御できる。