Core Web Vitalsがパソコン向けの検索ランキングに適用

2022年2月からCore Web Vitals (LCP, CLS, FIDの3要素からなるUXを向上させるための指標) も検索ランキングに影響するようになりました^{core_web_vitals_for_browser}。LCP, CLS, FIDのそれぞれの意味や改善方法についてはweb.devのサイトが詳しいです^{core_web_vitals}。

Google Analytics UAサポート終了

Google AnalyticsはUAのサポートが終了し、GA4に切り替わりました。GA4からはキーを登録するだけで、ユーザー操作やページが変わったときに自動でログ送信するようになりました。

またUAではユーザーイベントにカテゴリ、アクション、ラベルを付け送信し、集計画面でフィルタリングして表示できてましたが、GA4ではアクション以外はログ送信したとしても記録されない、または表示されないようになりました^ga4。

TypeScript公式のチートシート

TypeScriptが公式チートシートを公開しました^{ts_cheatsheet}。Type, Class, Interface, Control Flow Analysisの全4種についてまとめられています。ちなみに、Figma上で管理してるようなので、こちらでも確認できます^{ts_cheatsheet_figma}。

Vercel マルチテナントアプリケーション開発キット

ログインするユーザーごとにサブドメインを払い出し、ブログ投稿可能なアプリを簡単に作成できるテンプレートが使えるようになりました^{vercel_starter_kit}。

技術スタックはフロントにNext.js, TailwindCSS, DB・ORMにPlanetScale, Prisma, 認証にNextAuth.js, ホストにVercelを使ってます。以下のコードで試すことができます。

1
npx create-next-app --example https://github.com/vercel/platforms/tree/main platforms

デザインシステム公開

Vercel^{vercel_design}とAWS^aws_designが自社のデザインシステムを公開するようになりました。

ショップ公開

Figma^figma_storeとDeno^deno_storeが自社のグッズを販売するようになりました。

Software Freedom Conservancy (SFC) がGitHubからの移行発表

SFCはFOSS (Free and Open Source Software) プロジェクトの権利を守り、プロジェクトの育成を促進するための非営利団体です^sfc。SFC傘下のプロジェクトとして、GitやHomebrew, Seleniumなどがあります。

今年に入りGitHub Copilotが有料サービスとして公開されたことを受け、GitHubからの移行を宣言しました。今後、傘下プロジェクトの移行を進めていくそうです^sfc_announce。ちなみに、この宣言をした背景はGitHub Copilotがコード補完のソースとして団体が管理しているコードを利用していること。また、GitHub Copilotの正式リリース前から意見書などを出していたにも関わらず、無視され続けており改善される予兆がないためだそうです。

C++互換の新しい言語 Carbon

CarbonはJavaScriptに対するTypeScript, Javaに対するKotlinのような立ち位置を目指している言語だそうです^carbon。パフォーマンスを落とさず、既存のC++プロジェクトに、ジェネリクス、クラス、継承、メモリ安全性やシンプルな構文などを導入できるようです。

C++とCarbonを共存させて書くこともできるらしく今後のどのようになっていくか気になるところです。以下サンプルコードです^{carbon_sample}。ちなみに、拡張子はまだ決まってない^{cpp_extension}ようで、試して使うこともできません。

1
// C++ code used in both Carbon and C++:
2
struct Circle {
3
  float r;
4
};
5

6
// Carbon exposing a function for C++:
7
package Geometry api;
8
import Cpp library "circle.h";
9
import Math;
10

11
fn PrintTotalArea(circles: Slice(Cpp.Circle)) {
12
  var area: f32 = 0;
13
  for (c: Cpp.Circle in circles) {
14
    area += Math.Pi * c.r * c.r;
15
  }
16
  Print("Total area: {0}", area);
17
}
18

19
// C++ calling Carbon:
20
#include <vector>
21
#include "circle.h"
22
#include "geometry.carbon.h"auto main(int argc, char** argv) -> int {
23
  std::vector<Circle> circles = {{1.0}, {2.0}};
24
  // Carbon's `Slice` supports implicit construction from `std::vector`,
25
  // similar to `std::span`.
26
  Geometry::PrintTotalArea(circles);
27
  return 0;
28
}