きょうのまなび（2024/07/21）

1. 「TypeSpec、Orval、Storybook を使ってフロントエンドのモック生成を自動化する」を読んだ感想

https://zenn.dev/funteractiveinc/articles/63ace4f19ba2b9 (opens in a new tab)

モックデータも生成してくれるし、StoryBookでモックデータを使ったUIの確認もできるし、これは便利そうだなと思いました。また、Orvalを使って型定義やクライアントコードも生成してくれるので、これを使うことでフロントエンドのコンポーネントの開発効率やチーム開発が捗りそうです。

バックエンドのAPIもOpenAPIで定義できているので、バックエンドとの開発連携も楽そうだなと思いました。ただ、OpenAPIの定義の書き方がGeneratorによって対応、非対応があるので、選定が重要になりそうです。

2. 「Nextraで動的OGP画像生成」を読んだ

https://zenn.dev/hamao/articles/bbe8979d2779d8 (opens in a new tab)

今日は時間がないので、ざっと読んだだけですが、NextraでOGP画像を生成する方法が書かれていました。vercelのog image generationを使う方法なので、正攻法な感じがするのであとで試してみたいと思います。

3. Nextra公式の「Theme Configuration」を読んだ

https://nextra.site/docs/docs-theme/theme-configuration (opens in a new tab)

有用そうなオプションが未設定で無効のままなので、OGP画像生成の次ぐらいに試してみたいと思いました。昨日は有料のブログのテンプレートを購入するのもありかも？とか思ってましたが、Nextraでせっかく環境ができあがったので、地道に試していきたいなと思います。 （有料の方は有料の方で、デザインが良いし参考になりそうなので欲しいかも・・・）

あとは、NextraのTypeScriptでの書き方について公式に記載がほぼないので、自分で調べないと・・・とは思いました。

https://nextra.site/docs/guide/advanced/typescript (opens in a new tab)

GitHubで記事を見る (opens in a new tab)