内部リンクカード機能テスト
InternalLinkCard コンポーネントのテスト記事。本文中と記事末尾に関連記事カードを表示します。
著者: 著者: 8091.info タグ:

内部リンクカード機能テスト
このページは、Issue #366 で実装した内部リンクカード機能のテストページです。
本文中の内部リンクカード(最大5件)
本文中に内部リンクカードを配置できます。以下は2つの例です:
例1: チャイルドシート関連記事

【2025年最新】ISOFIXとシートベルト両対応!新米パパママのためのチャイルドシート完全ガイド
こんにちは、やまねこインフォです。 「ISOFIXってなに?」「シートベルト固定とどっちがいいの?」「何歳まで使うべき?」など、新米パパママが抱える疑問にお答えします。愛車のゴルフトゥーランでの経験も交えながら、最新情報 [...]
例2: 車アクセサリー記事
ゴルフトゥーランRライン(MY2018)-小物アクセサリレビュー
ゴルフトゥーランRライン(MY2018)で使用しているアクセサリ類や純正付属品など、小物系のレビューまとめです。
記事末尾の関連記事セクション
この記事のfrontmatterに relatedPosts を3件指定しているため、記事末尾に「関連記事」セクションが表示されます。
テスト要件
- ✅ frontmatter の
relatedPosts: 最大5件 - ✅ 本文中の
<InternalLinkCard>: 最大5件 - ✅ 合計で本文中5件 + 記事末尾5件の組み合わせが可能
デザイン要件
- ✅ JapaneseProductCard.astro のトーンを踏襲
- ✅ カード全体がリンク(overlay方式)
- ✅ 内部リンクは同一タブ遷移
- ✅
aria-labelでアクセシビリティ確保 - ✅ OKLCH カラーシステム、角丸12px、影
受け入れ条件
- ✅
relatedPostsを指定した記事でカードが表示される - ✅ カード全体がリンクになり、タイトル・説明が視認できる
- ✅ A11y:
aria-labelが付与され、キーボード操作で遷移できる - ✅ ビルドエラーなし
- ✅ 型チェックエラーなし
関連記事

【2025年最新】ISOFIXとシートベルト両対応!新米パパママのためのチャイルドシート完全ガイド
こんにちは、やまねこインフォです。 「ISOFIXってなに?」「シートベルト固定とどっちがいいの?」「何歳まで使うべき?」など、新米パパママが抱える疑問にお答えします。愛車のゴルフトゥーランでの経験も交えながら、最新情報 [...]

大切な小さな命を守るために:チャイルドシート安全基準R44とR129(i-Size)を徹底比較!
こんにちは! 今日は、小さなお子さんを持つパパママなら一度は頭を悩ませるであろう、「チャイルドシート選び」について書きたいと思います。特に最近よく聞く「R129」とか「R44」とか、なんだか暗号みたいで、正直「???」っ [...]

アルファード 3列目におすすめのチャイルドシート 7選
この記事を読むと、アルファードの3列目にどんなチャイルドシート取り付けられるかわかります。また、おすすめのチャイルドシートも紹介します。