laststance / laststance/morning-stack
Hacker Newsアイテムに画像がないため表示方法を変更する
- 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