11# Astute Crow
22
3- TypeScript + Vite を使用したモダンな Web アプリケーションです。現在は Hello World をベースとしつつ、Zenn トレンド表示機能の開発を進めています 。Convex をバックエンドとして導入し、トレンドデータのキャッシュや永続化に対応しました 。
3+ TypeScript + Vite を使用したモダンな Web アプリケーションです。現在は Hello World をベースとしつつ、Zenn トレンド記事表示機能の開発を進めています 。Convex をバックエンドとして導入し、記事データのキャッシュや永続化に対応しました 。
44
55## 🚀 特徴
66
77- ⚡ ** Vite** : 高速な開発サーバーとビルドツール
88- 🎯 ** TypeScript** : 型安全な JavaScript 開発
99- 🎨 ** モダンCSS** : CSS Variables、Grid、Flexbox を使用したレスポンシブデザイン
1010- 🌙 ** ダークテーマ** : 目に優しいダークモードUI
11- - 📈 ** Convex バックエンド連携** : Convex によるトレンドデータの取得 ・キャッシュ・永続化
11+ - 📈 ** Convex バックエンド連携** : Convex による記事トレンドデータの取得 ・キャッシュ・永続化
1212- 🌐 ** フォールバックAPI** : Convex が利用できない環境でも Zenn 非公式 API 経由でデータを取得
1313
1414## 📋 必要な環境
@@ -48,7 +48,7 @@ npm run convex:dev
4848
4949## 📱 使用方法
5050
51- 開発サーバーを起動すると、自動的にブラウザが開きます。ポートが使用中の場合は、利用可能なポート(通常は3001など)で起動します。Convex が利用可能であれば Convex 経由で 、利用できない場合は自動的に Zenn API にフォールバックします。
51+ 開発サーバーを起動すると、自動的にブラウザが開きます。ポートが使用中の場合は、利用可能なポート(通常は3001など)で起動します。Convex が利用可能であれば Convex 経由で記事データを取得し 、利用できない場合は自動的に Zenn API にフォールバックします。
5252
5353## 🔧 利用可能なコマンド
5454
@@ -95,10 +95,11 @@ npm run convex:dev
9595- TypeScript + Vite の開発環境
9696- ダークテーマ対応のモダンUI
9797- Convex バックエンドとの統合とフォールバックロジック
98+ - Zenn 記事トレンド表示機能(Tech/Idea記事対応)
99+ - Convex による記事データのキャッシュと永続化
98100
99101### 開発中
100- - Zenn トレンド表示機能
101- - Zenn API からの記事情報取得
102+ - UI/UX の改善とレスポンシブ対応の強化
102103
103104### 今後の予定
104105- Qiita トレンド表示機能
@@ -118,8 +119,9 @@ npm run convex:dev
118119
119120本プロジェクトでは以下の非公式APIを使用しています:
120121- ** Zenn Trend API** - [ kaisugi/zenn-trend-api] ( https://github.com/kaisugi/zenn-trend-api )
121- - Zennのトレンド記事をJSON形式で取得する非公式API
122- - エンドポイント: ` https://zenn-api.vercel.app/api/ `
122+ - Zennのトレンド記事(Tech/Idea)をJSON形式で取得する非公式API
123+ - 技術記事エンドポイント: ` https://zenn-api.vercel.app/api/trendTech `
124+ - アイデア記事エンドポイント: ` https://zenn-api.vercel.app/api/trendIdea `
123125
124126## 📄 ライセンス
125127
0 commit comments