Closed6ヶ月前にクローズ9

Four Keysを測定するサイトを作る 4（Storybook導入、Makdownの表示、shadcn/uiのSonner）

 【2025-03-04】GitHub APIは認証していないと60req/hという制限ありhttps://docs.github.com/ja/rest/using-the-rest-api/rate-limits-for-the-rest-api?apiVersion=2022-11-28
60リクエスト/hという制限がある。

認証されたら5000リクエスト/hまで上限が上がる。

mastraを使う。
mastraを使うにもT3 Envを使うにも結局Zodが必要になるのでvalibotとはおさらばしてZodに舞い戻るか...。

本番環境でGitHub OAuthログインしてもどうしてもlocalhost:3000 にリダイレクトする
URL Configurationから設定するのね。

コードでどうにかできる系じゃなくて、画面で設定しなくちゃいけない系はめんどい。

Claudeが返してくるテキストはMarkdown形式なので対応する。

Tailwind 4からtailwind.config.tsがなくなって以下のようにできるの良い。

globals.css

@plugin '@tailwindcss/typography';

これだけ。

MarkdonwViewer.tsx

import React from "react";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";

export const MarkdownViewer = ({ content }: { content: string }) => {
  return (
    <div className="prose prose-sm">
      <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
    </div>
  );
};

VercelのようなOrganizationやTeam、Memberの関係性を図で書いてほしい。
と言ったらこれが出てきた。あとから調べたらVercelにはOrganizationの概念無かったのに...。

始めてStorybook使ってみたけど、今のところVitestのUIが見れる嬉しさよりも管理し続けるだるさの方が勝っていそう。
嬉しさを享受できるかちゃんと運用してみたい気持ちはある。

とか言ってたらさっそく激づまりして以下の記事書いた。
そのうち諦めてStorybook消しそう...。

shadcnのSonnerとToast何が違うんだろうと思ってたけど非推奨になってた

pnpm dlx shadcn@latest add toast

Packages: +220
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 220, reused 215, downloaded 5, added 220, done
Library/Caches/pnpm/dlx/7rruz4my4qrd6hzrc7rylyyhsq/195b8b333e6-11c2c/node_modules/.pnpm/msw@2.7.3/node_modules/msw: Running postLibrary/Caches/pnpm/dlx/7rruz4my4qrd6hzrc7rylyyhsq/195b8b333e6-11c2c/node_modules/.pnpm/msw@2.7.3/node_modules/msw: Running postinstall script, done in 274ms

The toast component is deprecated. Use the sonner component instead.

中身はこのSonnerなので以下のドキュメントを読むこと。

移行のScrapは非公開にする。

このスクラップは6ヶ月前にクローズされました