使用例

デバッグ、コード改善、ファイル作成、ドキュメント生成、新しい概念の学習など、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
このトピックはいかがですか?