InfoQ ホームページ JavaScript に関するすべてのコンテンツ
-
MDsveX - Svelteの中のMarkdownの中のSvelte
mdsvex npmパッケージは最近完全に書き直され、Svelte開発者がSvelteコンポーネント内にMarkdownコンテンツを持ち、Markdown内でSvelteコンポーネントを使用できるようになった。MDX/Reactを備えたGatsbyと同様に、mdsvexを使用すると、開発者はMarkdownコンポーネントとSvelteコンポーネントを組み合わせてインタラクティブコンテンツを生成できる。
-
Salesforceで大規模なWebコンポーネント: 遭遇した課題、学んだ教訓
Lightning Web Components (LWC) の共同作成者で、SalesforceのプリンシパルアーキテクトであるDiego Ferreiro Val氏は、WebComponentsSFで、エンタープライズ規模でWebコンポーネントを活用するプラットフォームを構築する際の課題と教訓について講演した。欠けたところはあるが、Webコンポーネント標準は、Salesforceの相互運用性、後方互換性および上位互換性の目標を大規模に達成するのに役立った。
-
Redwood - Ruby on RailsのエクスペリエンスをJavaScriptで実現
GitHub創設者のひとりであるTom Preston-Werner氏が、エッジに対応したフルスタックJavaScipt WebフレームワークのRedwoodJSを新たにリリースした。Redwoodは独特の思想を持っており、事前定義されたバックエンドとフロントエンドを統合する。"設定より規約(convention-over-configuration)"の原則に基づいて、Ruby on Railsライクな開発者エクスペリエンスの提供を目標としている。
-
エッジでのSvelte - Luke Edwards氏のSvelte Summitでの講演より
Luke Edwards氏は、先日のSvelte Summit 2020で講演し、エッジでのSvelteアプリケーション運用について論じた。講演の中で氏は、Cloudflare WorkersとGoogle Cloudを使って簡単なSvelteアプリケーションを構築し、実行するデモを公開した。
-
MicrosoftがクロスブラウザのエンドツーエンドテストランナーのPlaywrightをリリース
Microsoftは、テスト自動化ツールであるPlaywright専用のテストランナーをリリース (プレビュー) した。Playwrightテストランナーは、Webアプリのゼロ構成、クロスブラウザ、エンドツーエンドテスト、Jestのようなアサーション、およびTypeScriptの組み込みサポートを提供する。新しいテストランナーは、カスタマイズ可能なテストフレームワークであるFolioを活用して、より高いレベルのテストフレームワークを構築する。
-
REPLicant、超シンプルなSvelte REPL - Peter Allen氏のSvelte Summit 2020での講演より
Peter Allen氏は先日のSvelte Summit 2020で講演し、REPL(Read-Print-Eval-Loop)プレイグラウンドのメリットについて説明した。Svelte REPLは多くの境界条件を扱う必要があるために複雑だが、コードプレイグラウンド実装の根底にある原理は単純だ。Allen氏は講演の視聴者に対して、段階的に、Svelte REPLの最も単純な実装バージョンに至るまで説明した。
-
次のSvelteはサーバレスファーストかもしれません - Svelte SummitでのRich Harris氏の講演
Svelteの作成者であるRich Harris氏は、Svelte (UIフレームワークとコンパイラ) とSapper (Svelteのアプリケーションフレームワーク) のまわりで行われている実験の幕を開けた。Harris氏は、Svelteがサーバレスファーストのフレームワークであるという潜在的な未来を垣間見せた。
-
Webpack 5の紹介
最も人気のあるJavaScriptモジュールバンドラーであるWebpackのバージョン5.0がついにリリースされ、多くの改善が行われた。ビルド時間の短縮、バンドルサイズの縮小、多くの重大な変更がなされた。
-
Svelteを使ったアニメーション、レスポンシブ、リアクティブなデータ視覚化
Tom Fevrier、Matthias Stahl両氏は先頃、Svelteでアニメーションを使用した、レスポンシブでインタラクティブなデータ可視化テクニックの概要をSvelteコミュニティに公開した。
-
Ionic Capacitor 2はモバイル認証とクロスドメインHTTPSを改善する
先頃のIonic Capacitor 2リリースでは、基盤となるSwift、XCode、およびAndroidのバージョンが更新され、Face UnlockとIris Unlockが追加され、コアCapacitorプラグインが改善され、クロスドメインHTTPSリクエストが簡素化されている。
-
新しいFacebook.comの最適化戦略 - React ConfでのAshley Watkins氏の講演
Ashley Watkins氏は、React Confで、FB5、新しいfacebook.comを強化するテクノロジーと戦略のいくつかについて話し合い、データ駆動の依存、段階的なコードとデータのダウンロードなどのトピックに取り組んだ。
-
IonicのStencilコンポーネントコンパイラの設計に関する考慮事項 -- DotJS2019でのAdam Bradley氏の講演
StencilJSの作成者でIonic Frameworkの共同作成者であるAdam Bradley氏は、dotjs2019で、フレームワークに依存しないコンポーネントを生成するコンポーネントコンパイラであるStencilに組み込まれた設計とアーキテクチャをレビューした。
-
Mobx リアクティブ状態管理ライブラリバージョン 6がリリースされた
リアクティブ状態管理ライブラリMobXの作成者であるMichel Weststrate氏は、先頃MobX 6をリリースした。MobX 6は、Internet ExplorerとReact Nativeをサポートし、新しいJavaScriptデコレータの提案を反映するようにデコレータベースのAPIを更新する (現在はステージ2) 。MobXエコシステムの重要な部分も、最新バージョンのMobXをサポートするように更新されている。
-
-
レスポンシブデザインを越える“レスポンシブWebサイト” - Killian Valkhof氏のHalfStackでの講演より
Web開発者にフォーカスしたPolypaneブラウザを開発したKilian Valkhof氏は、HalfStackカンファレンスで、Web開発者とデザイナがレスポンシブデザインから一歩進むことによって、さらに優れたユーザエクスペリエンスの提供を可能にする、新たな方法について講演した。最新のブラウザ機能を用いることで、ユーザの嗜好や環境、ネットワーク条件、デバイス機能に適応することが可能になるのだ。