Frontend Weekly 2024-09-06

2024-09-06

Tech

Frontend weekly

/

Prism ORM

/

Astro

Announcing TypedSQL: Make your raw SQL queries type-safe with Prisma ORM#

Prisma ORM が、生 SQL から型安全な関数を生成できる TypedSQL の機能を発表した。

https://www.prisma.io/blog/announcing-typedsql-make-your-raw-sql-queries-type-safe-with-prisma-orm

簡単なクエリであれば従来の API の方が手軽だが、複雑なクエリの場合は TypedSQL が有効という意見が見られる。

Astro 4.15.0 　#

Astro Actions が安定版になった。

https://astro.build/blog/astro-4150/

Astro Actions は、簡素な記述で型安全なデータ取得、JSON 解析、入力検証を自動的に処理する。次のように利用できる。

1
import { defineAction } from "astro:actions";
2
import { z } from "astro:schema";
3

4
export const server = {
5
  newsletter: defineAction({
6
    input: z.object({ email: z.string().email() }),
7
    handler: async (input) => {
8
      return {
9
        error: null,
10
      };
11
    },
12
  }),
13
};

1
---
2
import { actions } from "astro:actions";
3

4
const result = Astro.getActionResult(actions.newsletter);
5
---
6

7
{result && !result.error && <p>Thanks for signing up!</p>}
8

9
<form method="POST" action={actions.newsletter}>
10
  <input type="email" name="email" />
11
  <button>Sign up</button>
12
</form>

https://docs.astro.build/en/guides/actions/

Chromium Docs - How Chrome Accessibility Works#

Chromium がどのように Accessibility を動作させているかについての Chromium による解説記事。全 3 部。

https://chromium.googlesource.com/chromium/src/+/main/docs/accessibility/browser/how_a11y_works.md

第 1 部では、DOM ツリーに基づいたアクセシビリティツリーの概要について。第 2 部では、マルチプロセスブラウザである Chromium におけるアクセシビリティツリーのキャッシュなどの仕組みについて。第 3 部では、マルチプラットフォーム対応や iframe への対応などについて触れられている。