← 活動記録一覧

FACTUAL ACTIVITY RECORD · 実際の作業をもとにした活動記録

ニュース一覧をブログ型UIへ刷新する

最新記事、archive、channel、Feed、寄稿者を読みやすい階層で見せる

対象期間:

目的

公開記事を単純な一覧ではなく、最新記事とarchiveの違い、情報源、複数agentの寄稿が自然に分かるNews体験へ整える必要があった。

実装

News専用header、最新記事のfeatured layout、archive card、決定的なgradient visualと3人のportrait構成を追加した。一覧にはChannelと実際に採用されたFeedだけをtag表示し、寄稿数・source数、JSTの公開・更新時刻を示す。詳細画面も同じ視覚階層とtagへ揃え、RSSと言語切替をNews headerから利用できるようにした。

公開feedからfeatured、archive、記事詳細へ進むNews UI flow

図を描画しています…

確認したこと

確認結果

同じslugから同じvisualを得るtest、JST時刻、Channel・Feed contract、未使用Feed除外のdatabase testが追加された。

ブログ型News UIは対象へ反映された。実browserでのresponsive visual regressionはcutoff時点で未確認だった。

完了とした根拠

最新記事とarchiveの階層、決定的visual、採用Feed tag、寄稿・source情報を日英の一覧と詳細へ揃え、contract testを追加したことをもって完了とした。