コンテンツにスキップ
ショーケース エコシステム ドキュメント

プランモード

プランモードは、Opencodeの強力な機能であり、複雑なタスクを実行可能なステップに分解し、実装計画を作成するのに役立ちます。

プランモードへの切り替え

プランモードに切り替えるには、Opencodeインターフェース内で Tab キーを押すだけです。これにより、通常のチャットモードとプランモードの間を切り替えることができます。

キーボードショートカット

  • Tabキー: チャットモードとプランモードの間を切り替え
  • Escキー: プランモードを終了してチャットモードに戻る

実装計画の作成

プランモードでは、包括的な実装計画を作成するために以下の手順に従ってください：

  1. タスクの説明: 達成したいことを明確に説明する
  2. 生成された計画の確認: Opencodeが自動的にステップバイステップの計画を生成します
  3. 計画の洗練: 必要に応じてステップを追加、削除、または変更する
  4. 計画の実行: 計画に従ってタスクを完了する

例のワークフロー

ステップ1: プランモードをアクティブにする

Tab キーを押してプランモードに切り替えます。計画用の専用インターフェースが表示されます。

ステップ2: タスクを説明する

Reactアプリケーション用のユーザー認証システムを実装する必要があります

ステップ3: 生成された計画を確認する

Opencodeは次のような計画を生成します：

  1. 認証状態管理を設定する
  2. ログインおよび登録フォームを作成する
  3. 認証用のAPIエンドポイントを実装する
  4. JWTトークン処理を追加する
  5. 保護されたルートを設定する
  6. パスワードリセット機能を追加する
  7. 認証フローをテストする

ステップ4: 計画を洗練する

特定のニーズに合わせて計画を変更できます：

1. Redux Toolkitで認証状態管理を設定する
2. フォーム検証付きのログインおよび登録フォームを作成する
3. Expressを使用して認証用のAPIエンドポイントを実装する
4. 安全なストレージを備えたJWTトークン処理を追加する
5. React Routerで保護されたルートを設定する
6. メール検証付きのパスワードリセット機能を追加する
7. Cypressで認証フローをテストする

ステップ5: 計画を実行する

認証システムを実装するために各ステップに従ってください。特定のステップについては、Opencodeに助けを求めることができます。

プランモードの利点

1. 構造化されたアプローチ

プランモードは、複雑なタスクを管理しやすいステップに分解するのに役立ち、大規模なプロジェクトへの取り組みを容易にします。

2. より良い組織化

視覚的な計画インターフェースにより、タスクが整理された状態を維持し、進捗状況を追跡するのに役立ちます。

3. コミュニケーションの改善

計画は、特にチームメンバーと協力する場合の明確なコミュニケーションツールとして機能します。

4. 時間の節約

事前に計画することで、エラーとやり直しを避け、長期的に時間を節約することができます。

5. 集中した実行

明確な計画があることで、一度に1つのタスクに集中することができ、生産性が向上します。

例の会話

ユーザー入力

ウェブサイト用のレスポンシブナビゲーションバーを作成する必要があります

Opencodeの計画

  1. 現在のウェブサイト構造を分析する
  2. ナビゲーションバーのレイアウトを設計する
  3. メディアクエリを使用してレスポンシブデザインを実装する
  4. インタラクティブ要素を追加する（ホバー効果、ドロップダウンメニュー）
  5. さまざまなデバイスとブラウザでテストする
  6. パフォーマンスを最適化する

ユーザーの洗練

1. 現在のウェブサイト構造を分析し、ナビゲーション要件を特定する
2. モバイルファーストのアプローチでナビゲーションバーのレイアウトを設計する
3. Tailwind CSSを使用してレスポンシブデザインを実装する
4. インタラクティブ要素を追加する（ホバー効果、ドロップダウンメニュー、スムーズなスクロール）
5. BrowserStackを使用してさまざまなデバイスとブラウザでテストする
6. レイジーローディングでパフォーマンスを最適化する
7. アクセシビリティ機能を追加する

Opencodeの応答

素晴らしい計画です！ステップ1から始めましょう。正しく分析できるように、現在のウェブサイト構造を共有していただけますか？

ビデオデモンストレーション

プランモードのデモンストレーション
ビデオ：Opencodeでプランモードを使用する方法

ベストプラクティス

  • 具体的にする: タスクの明確で詳細な説明を提供する
  • 分解する: 大きなタスクをより小さく管理しやすいステップに分割する
  • 優先順位をつける: 最も重要なステップから始める
  • 柔軟にする: 新しい情報に基づいて必要に応じて計画を調整する
  • 定期的に確認する: 進捗状況を確認し、必要に応じて調整する

結論

プランモードは、複雑なコーディングタスクに取り組む人にとって貴重なツールです。構造化されたタスク管理アプローチを提供することで、組織化され、集中し、効率的に保つのに役立ちます。小さな機能であっても大規模なプロジェクトであっても、プランモードは目標をより効果的に達成するのに役立ちます。

いつでも Tab キーを使用してチャットモードとプランモードの間を切り替えることができ、ブレーンストーミングと実行の間をシームレスに移行できることを覚えておいてください。