TechPulse Japan

Qiita、Hacker News、GitHubの公開データを横断し、日本と海外の技術トレンドを可視化するダッシュボードです。

Features

• 24時間・7日・30日の期間切り替え
• 媒体、カテゴリ、キーワードによる絞り込み
• AI / ML、Web、Mobile、Data、DevOps、Security、Programming、Developer Toolsへの自動分類
• 各媒体内で正規化した独自のPulse Score
• 一部APIが停止しても利用可能なフォールトトレラント設計
• GitHub Pagesで公開

Data Sources

• Qiita API v2
• Hacker News Search API
• GitHub REST API

媒体ごとに反応指標が異なるため、いいね・ポイント・スターを直接比較していません。各媒体の取得結果内で最大値を100として正規化し、コミュニティ内での相対的な勢いを Pulse Score として表示します。

Tech Stack

• Next.js 16 / React 19
• TypeScript
• Tailwind CSS
• Recharts
• Lucide Icons

Getting Started

npm install
npm run dev

http://localhost:3000/techpulse-japan を開いてください。APIトークンなしで動作します。

Live Demo

https://sweetfish8.github.io/techpulse-japan/

Architecture

src/
├── app/
│   └── page.tsx
├── components/dashboard.tsx
└── lib/
    ├── trends.ts
    └── types.ts

外部APIのレスポンスはブラウザ側で共通の TrendItem 型へ変換します。GitHub Pagesの静的ホスティング上でも、アクセス時点の公開データを取得できます。