Vol.226

— 3 minute read

Microfrontends: the good, the bad, and the ugly by Kevin Ball permalink

マイクロフロントエンド: そのメリット、デメリットとは

マイクロフロントエンドという考え方について、その意味と、メリット・デメリットを解説していく。

「マイクロフロントエンドアーキテクチャ」とは、マイクロサービスからモデル化されたフロントエンドアプリケーションを構築するためのアプローチです。フロントエンドを独立してデプロイ可能な疎結合アプリケーションのセットに分割し、それらを組み合わせて、ユーザー向けのアプリケーションを作り上げます。

メリットとしては、アプリケーションが大規模であっても、分割された小規模のアプリケーションとして管理でき、デプロイも独立して行えるという点が挙げられるが、システム全体でバグの追跡、バージョンの管理などが複雑になるという面を併せ持っているという点がデメリットといえる。また、パフォーマンスの低下や、一貫性の欠如といった面も問題も。より詳細な解説はこちらから。

How To Save 35 Hours Using A Design System by Marcin Fuja permalink

デザインシステムを利用して、どのように35時間の節約ができたのか

デザインシステムは時間を節約するとよく言われているが、実際の所どれだけの時間が節約されるのだろうか。Marcin氏は、実際に仮想のシナリオを立て、デザインシステムがある場合とない場合にどういった違いがあるのかを解説していく。デザインシステムを活用することで、不要で繰り返しの多い作業をすべて取り除くことができ、合理的に作業を進めることができると話す。

Good Code Reviews, Better Code Reviews by Gergely Orosz permalink

良いコードレビュー、悪いコードレビュー

10年以上コードレビューをしてきたというGergely氏によるコードレビューをする際のTipsの紹介。

  • コードレビューでカバーする範囲について
  • レビュー時のトーン
  • 変更依頼と許可について
  • コードレビューから対話へ
  • あら探し
  • 新人へのコードレビュー
  • 異なるオフィス、タイムゾーンでのレビュー
  • 組織的なサポート

Web Components

Why I use web components by Andrea Giammarchi permalink

Andrea氏はWeb Componentsのメリットや、よくある質問を取り上げながら、なぜWeb Componentsが有用なのかについて解説していく。

  • プログレッシブ・エンハンスメントの観点
  • CSSの観点
  • プラットフォームの観点

Why I don't use web components by Rich Harris permalink

Rich氏はAndrea氏のポストとは対象的に、なぜWeb Componentsの技術に懐疑的であるかを記事に残している。対象的な2つの記事を比べながら読んでいただきたい。

The Truth about Web Components and Frameworks by Dion Almaer permalink

Webコンポーネントvs.フレームワークの話題がなぜ何度も取り上げられるのか。Dion氏によるWeb Componentsについてのオピニオン。

Web Components Tutorial for Beginners [2019] by Robin permalink

Web Componentsについて基礎から解説していく。チュートリアルでは実際にドロップダウンメニューのコンポーネントを作成する。

In Brief