内部リンクカード機能テスト
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列目にどんなチャイルドシート取り付けられるかわかります。また、おすすめのチャイルドシートも紹介します。