自動投稿アプリ Day18
Cursorへの移行
Replitは正直、バグなどが多かったので、見てくれは良かったのですが細かなところにアラが目立っているコードでした。また、Replit内の独自のインフラに頼っている形になっていました。
なのでこれを機にCursorで作り直すことに。もちろんすでに作ったコード単体のロジックなどは使い回します。UIや繋がりの部分だけを作り直します。
またGitHubのURLはこちらです。開発途中なのでフォークなどは一切お勧めしませんが。。。
https://github.com/Unpa0115/BlogPostPlatform
Cursor rulesの作成
Cursorで作らせるにあたってルール作りがまず大事になります。
https://github.com/Unpa0115/BlogPostPlatform/tree/main/.cursor/rules
.cursor/rules ディレクトリには、プロジェクトの開発・運用・コーディングに関するルールやガイドラインがMarkdown形式でまとめられています。
これらはチーム開発や品質担保、効率的な運用のための「共通の約束事」として機能します。
主なファイル・サブディレクトリ
1. project-rules.mdc
プロジェクト全体の運用・開発ルールをまとめたファイル
例：ディレクトリ構成、命名規則、API設計方針、レビュー・テスト・デプロイ手順など
2. project-abstract.mdc
プロジェクトの概要や目的、全体像を記述
例：プロダクトのビジョン、主要機能、ターゲットユーザー、開発背景など
3. coding-rules.mdc
コーディング規約・スタイルガイドをまとめたファイル
例：命名規則、インデント・改行ルール、コメントの書き方、PRレビュー基準など
4. dev-rules/ サブディレクトリ
開発に関する詳細なルールやベストプラクティスを個別テーマごとに分割管理
例：DB設計ルール、API設計ガイド、セキュリティ方針、CI/CD運用ルールなど
チームやプロジェクトの成長に合わせて追加・更新しやすい構成
こんな感じでまとめてあります。
他にも以下のようなことをCursorにさせました。
https://github.com/Unpa0115/BlogPostPlatform/blob/main/%40todo.md にまとめてありますので、共有も楽でいいですね！
1. プロジェクト基盤構築
プロジェクト初期設定の完了（package.json、tsconfig.json、next.config.ts等）
ディレクトリ構造の作成（src/app、src/components、src/lib等）
Railwayベースへの再設計（SupabaseからRailwayへの移行）
依存関係のインストール
2. Replitコードの統合
client_replitとserver_replitの機能をNext.jsに移行
データベーススキーマの統合
API Routesの実装
3. 認証システムの実装
Railway認証システムの実装（JWT認証）
ログイン・サインアップ機能
認証状態管理
4. 音声管理機能の実装
音声ファイルアップロード機能（Railway Storage連携）
ドラッグ&ドロップ対応
ファイル形式検証
音声ファイル管理UI（ファイル一覧表示、削除・編集機能）
5. プラットフォーム管理UIの実装
YouTube、Voicy、Spotify設定画面
認証情報管理
6. ジョブ管理システムの実装
ジョブ管理データベース設計（jobs、distribution_platformsテーブル）
ジョブ管理UI（ジョブ一覧表示、ステータス管理）
7. ダッシュボード機能の実装
統計情報表示
KPI可視化
8. その他の実装
API Routes実装（uploads, jobs, stats, platforms）
フロントエンドコンポーネント実装
ナビゲーション実装
型定義ファイル更新
環境変数サンプルファイル更新
README.md作成
UIの一例
現段階はこんな感じです。
投稿ボタンや各サービスへのアップロードするしないなどのUIは現在作成中です。
本日のタスク
各アクションのテスト
テストの結果から適宜修正