nino
  • ドキュメント
  • レジストリ
  • メンバーシップ

Command Palette

Search for a command to run...

スポンサー
メニュー

アプリ開発フロー

 

1分 12秒

都度丁寧にレビューしながら段階的に進める。

  1. 最小限の要件を定義
    • Planモードで要件を詰める
    • 要件を盛りすぎない
  2. 環境構築
  3. 基盤整備
    • 認証基盤
    • データベースクライアント
    • メール送信
    • ストレージ
  4. ドメインごとの基盤を整備
    • Drizzle スキーマ(マイグレーション) / /db/schemas
    • Zod スキーマ / /zod
    • 型 / /types
    • データアクセスレイヤー / /data
    • サーバーアクション / /actions
  5. 各画面を一つずつレビューしながら実装
  6. 複雑なメソッドは単体テスト
  7. e2eテスト

3 と 4 はスターターリポジトリやレジストリを活用してショートカットする。

スターターリポジトリ

  • Next.js 単体Ver
  • Turborepo モノリポVer

ポイント

  • 規模によるが、ワンショットでAgentに丸投げすると手直しが大変になるので段階的に進めると結果近道になる。
  • 単体テストはテストの信頼性担保やメンテナンスコストの観点から、複雑性の高いメソッドに限定して実装する。
  • 環境構築や依存ライブラリインストールは手動か、レジスストリを使って明確に管理する。(エージェントの精度が低いため)
  • ルールは最小限にする(AGENTS.md を参照)
Discord で質問する
何か気になったこと、分からないことがあれば気軽に質問してください!
DiscordDiscordで質問する
nino

Developer

XXGitHubGitHubYouTubeYouTubeZennZennDiscordDiscord

    リンク

  • ドキュメント
  • レジストリ
  • アーキテクチャ

    ツール

  • フィード
  • ステータス

    ポリシー

  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示
ドキュメント
はじめに
  • Changelog
ガイド
  • Webアプリの環境構築
  • ニュース収集&AI要約
  • Turso のテーブル移行
  • 日時の管理
  • 中規模のリストをブラウザにキャッシュし、クライアントでフィルタする
  • Search Params Dialog
  • コードの整理
  • AGENTS.md
  • Better Auth
  • プロダクト開発ポリシー
  • 推奨ツール
  • Proxy.ts
  • 多言語対応
  • SWR
  • Cache Component
  • Next.js の課題、不具合
  • アプリ開発フロー
  • プロンプトガイド
  • CSS Tips
  • Font Family
  • セルフブランディング
  • セルフオンボーディング
  • オフィスツール
  • Email
  • Breadcrumb(パンくず)
  • 並べ替え