🍃このブログは移転しました。
3秒後、自動的に移動します・・・。

Astroで名前付きスロットが使えるのは、同系統のコンポーネント間だけ

つまり、名前付きスロットを`.astro`なコンポーネントで使うとき、

---
import Layout from "...";
---

<Layout>
  <h2 slot="after-header">After header</h2>
  <h2>Default slot</h2>
  <h2 slot="after-footer">After footer</h2>
</Layout>

これが想定通りに動作するのは、`Layout`コンポーネントも`.astro`のときだけ、という話。

たとえば`Layout`コンポーネントが`.svelte`だったりすると、名前付きスロットに渡したコンポーネントが表示されないのです。(それどころか、名前なしスロットの部分まで表示されなかったりする)

ちなみに、Astroのバージョンは`1.0.0-beta.17`のときの話です

続きを読む

Cloudflare WorkersでWebフォントの配信を最適化する

ということをやってる公式のサンプルを見つけたので、なるほど?って思いながら見てた。

https://github.com/cloudflare/worker-examples/tree/master/examples/fast-google-fonts

あと、そのままは流用できなかったけど、似たようなことを手元のGoogle Fontsを使ってるプロジェクトで試してもみた。

続きを読む

Cloudflare Workersとレスポンスの圧縮

経緯としては、

  • CFWで作ったとあるAPIのレスポンスヘッダを眺めてた
  • `content-encoding: br`になってたのを見つけた
  • コードの中では特に何もしてない
  • WorkerのDocsにも特にそれらしい記載はなかった
  • そういえばこれってどこで圧縮してんの?

って思ったのがきっかけ。

続きを読む