laststance / laststance/morning-stack

Hacker Newsアイテムに画像がないため表示方法を変更する

Open
#1 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
22m
Merged PRs (30d)
5

Description

## 概要
Hacker Newsソースの記事にはサムネイル画像が存在しない。現在のカードUIは画像前提のレイアウトのため、HNアイテムではプレースホルダー「H」が表示されてしまい見栄えが悪い。

## 現状
- HN APIは画像URLを返さない
- 記事カードに大きな灰色の「H」プレースホルダーが表示される
- 他のソース(GitHub Trending、Hatena等)は画像付きで表示できている

## 提案
- 画像なしソース用のテキスト重視カードレイアウトを作成
- スコア、コメント数、投稿時間をより目立たせる
- HNの特徴であるディスカッションの熱量を視覚的に表現する(例: コメント数バー、スコアバッジ)

## 対象コンポーネント
- `src/components/cards/article-card.tsx`
- `src/components/sections/content-section.tsx`

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading src/components/cards/article-card.tsx and src/components/sections/content-section.tsx, then inspect how Hacker News items differ from image-backed sources. The work is done when HN items use a text-focused card without the gray “H” placeholder and make score, comment count, and posting time more prominent while preserving the other source layouts.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, react, tailwind, typescript
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.