使用例
デバッグ、コード改善、ファイル作成、ドキュメント生成、新しい概念の学習など、Bob Shell の実践的な使用例を紹介します。
シェルコマンドのエラー修正
シェルコマンドでエラーが発生した場合、Bob Shell が診断と修正を手伝います:
# プロジェクトディレクトリに移動する
cd your-project/
# Bob Shell を起動する
bob chat
# シェルモードに切り替える
> !
# エラーが発生しているコマンドを入力する
> make build
# 'No rule to make target `xxx', needed by `yyy'.' のようなエラーが表示されたとき
# ESC を押すか、'!' を再度入力してシェルモードを終了する
# Bob Shell に助けを求める
> Help me to fix the errorコードの説明と改善
Bob Shell は既存のコードを理解し、改善するのを手伝います:
# プロジェクトディレクトリで Bob Shell を起動する
bob chat
# 特定のファイルの説明を求める
> Explain what @src/utils.js does and how it works
# コードの改善を依頼する
> Review @src/api.js and suggest improvements for error handling新しいファイルと機能の作成
Bob Shell を使って新しいコンポーネントや機能の作成を手伝ってもらいます:
# プロジェクトディレクトリで Bob Shell を起動する
bob chat
# 新しいコンポーネントの作成を依頼する
> Create a React component for a user profile page that displays name, email, and avatar
# ユーティリティ関数を生成する
> Write a utility function that formats dates in YYYY-MM-DD formatデバッグサポート
Bob Shell はコードの問題をデバッグするのを手伝います:
# プロジェクトディレクトリで Bob Shell を起動する
bob chat
# Bob Shell にエラーログを共有する
> I'm getting this error when running my app: "TypeError: Cannot read property 'map' of undefined". Here's the relevant code: @src/components/List.js
# またはエラー出力を直接 Bob Shell にパイプする
# ターミナルで(Bob Shell 内ではなく)
npm run start 2>&1 | bob run "Help me understand and fix this error"ドキュメント生成
Bob Shell を使ってコードのドキュメントを生成します:
# プロジェクトディレクトリで Bob Shell を起動する
bob chat
# 特定のファイルのドキュメントを生成する
> Create JSDoc comments for all functions in @src/helpers.js
# プロジェクトの README を生成する
> Create a README.md file for my project based on the code in @src/index.js新しい概念の学習
Bob Shell を使って新しい技術や概念を学びます:
# Bob Shell を起動する
bob chat
# 特定の技術について質問する
> Explain how React hooks work and give me examples of useState and useEffect
# デザインパターンについて学ぶ
> Explain the Observer pattern and how I might implement it in JavaScriptこのトピックはいかがですか?