feat: ✨ (`<StudentCard>`) 学生の情報を表示するカードを追加した。 (#58)

[ReoHakase]

• close #58

チケット URL

概要

学生の情報を表示するカードを作成した。

• 名前
• 名前のふりがな (任意)
• 役職 (任意)
• コメント (任意) を表示できる。

使用例

<StudentCard name="佐野 友樹" pronounciation="さの ともき" title="部署長">
        今年のテーマ「ちゃあみぃ！」に合わせて可愛らしいWebサイトを制作しました。X・Instagramのフォローもよろしくお願いします！
      </StudentCard>
      <StudentCard
        name="小口 魁琉"
        pronounciation="おぐち かいる"
        title="副部署長"
      />
      <StudentCard
        name="塩畑 晴人"
        pronounciation="しおはた はると"
        title="レビュワー"
      />
      <StudentCard
        name="白田 連大"
        pronounciation="はくた れおお"
        title="デザイナー"
      >
        こんにちは
      </StudentCard>
      <StudentCard name="関口 佳汰" pronounciation="せきぐち けいた" />
      <StudentCard name="Mr. Beast" />
      <StudentCard size="small" name="R.H." />
      <StudentCard size="small" name="H.S." />

レビューの丁寧さの希望

• [ ] Lv0: まったく見ないで Accept する
• [ ] Lv1: ぱっとみて違和感がないかチェックして Accept する
• [x] Lv2: 仕様レベルまで理解して、コードレビューする
• [ ] LV3: 仕様レベルまで理解して、コードレビュー・動作確認する

確認用 URL

スクリーンショット

その他

チェックリスト

• [x] ビルド、テストが異常終了しないことを確認した！
• [x] 意図していないデバッグコードを全て取り除いた！
• [x] PR にレビュー重要度(high, medium, low)のラベルをつけた！

[cloudflare-workers-and-pages[bot]]

Deploying shikosai33 with    Cloudflare Pages

Latest commit:	412bd8a
Status:	⚡️  Build in progress...

View logs