0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude Code を自在に操る 10 の実践テクニック

0
Posted at

同じコードを毎回手打ちしていて、ミスが増え、開発スピードが落ちていた。ループ作業をなくし、AI の力を最大限に引き出すために、Claude Code の隠れた機能を試してみた。

1️⃣ 定型コードを自動生成して手打ちを削減

Claude Code を導入する前は、新しい React コンポーネントを作成するたびにインポート文とスケルトンを手作業で書いていました。コピー&ペーストのミスも頻発し、貴重な時間を無駄にしていました。claude --generate src/components/MyComponent.jsx を使えば、簡単な説明を渡すだけで、すぐに編集可能なファイルが得られます。生成後にはファイル作成時間が 80% 短縮され、初期段階でのバグもほぼなくなりました。

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

最新ツール・トレンド情報をずんだもん×めたんが解説するYouTubeチャンネルを運営しています!
いいね、チャンネル登録してもらえると嬉しいです🙇‍♂️


ハジメル.dev: https://hajimeru-dev.vercel.app/

「ひとりで続けるのは難しい」「何から学べばいいか分からない」という方向けに、
プログラミングのマンツーマンレッスンサービス「ハジメル.dev」も運営しています。
未経験OK・オンライン完結・月額制/違約金なしなので、気軽に無料相談してみてください🙇‍♂️


海外テックニュースを追いたいけど、英語や情報量の多さで大変…という方向けに、
Hacker News の話題を日本語でサクッと追える「HackerNews 日本語まとめ & AI要約」
を個人開発しました!
技術トレンド収集に使ってもらえると嬉しいです🔥🙇‍♂️
→ HackerNews 日本語まとめ & AI要約: https://hn-matome-2ht.pages.dev/


「ニャンパイアサバイバー」というヴァンパイアサバイバーリスペクトのゲームを作成しました!
もしよろしければ遊んで頂けると嬉しいです😭


習い事教室の先生向けに、SNS 投稿・生徒募集・保護者通知の文章を AI で生成する Web サービス「おしらせAI」を個人開発しました。Next.js + Supabase + LLM で構成しており、無料で月 10 回まで試用できます。よければ触ってみてください。

→ おしらせAI: https://oshirase-ai.vercel.app/


言いたいことがうまく伝わらない…という方向けに、会話の言い方を添削する「伝え方ラボ」を開発中です。
場面を選んで自分の言葉で返すと、何が伝わっていないかの指摘と、そのまま使える言い換えが返ってきます。
ChatGPT に相談すると褒めから入って直すべきところが残りがちなので、指摘側に振り切りました。
現在は公開時にお知らせするメール登録のみ受付中です🙇‍♂️

→ 伝え方ラボ: https://tsutaekata-lab.pages.dev/

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

2️⃣ プロジェクトの文脈を .claude/context.yml で保持

Claude はプロジェクトの独自ルールを知らないため、しばしば一般的な提案をしていました。フォルダ構造、スタイルガイド、API のプレフィックスなどを .claude/context.yml に保存し、claude --context load で読み込むようにしました。これにより、補完が codebase に合わせられるようになり、生成されたコードを修正する手間が省けました。

3️⃣ --plan で複雑な機能を段階的に実行

大規模な機能を実現するには、複数のプロンプトを調整する必要があり、結果が断片的になりがちでした。claude --plan "add user login" を使えば、認証設定、ルート定義、データベースマイグレーションといったステップに自動的に分割されます。各ステップを順番に適用することで、プロンプトの往復時間が半分に削減されました。

4️⃣ claude --commit で変更を自動的にコミット

Claude が生成したファイルを編集した後、git のステージングとコミットを忘れることが多かったです。claude --commit -m "feat: add login component" を使えば、変更した全ファイルを自動的にステージングし、Conventional Commits 形式のコミットを作成します。リポジトリが常に整理された状態に保たれ、CI も各変更を正しく検出するようになりました。

5️⃣ --review で即座にコードレビューを実施

手動でのレビューは時間がかかり、見落としが多かったです。claude --review src/utils/validator.js を実行するだけで、スタイルの不一致、バグの可能性、セキュリティ上の懸念を即座に指摘してくれます。フィードバックは実践的で、レビューサイクルが数日から数分に短縮されました。

6️⃣ .claude/config.yml でカスタムプロンプトを再利用

繰り返し使うプロンプトを .claude/config.yml の apiPrefix や testTemplate などのキーとして保存し、claude --prompt "generateTest" で読み込むようにしました。同じプロンプトを複数のプロジェクトで再利用できるため、テストファイルの生成が一貫した命名規則とアサーションで行われるようになり、作業効率が大幅に向上しました。

7️⃣ --generate-tests でユニットテストを自動作成

ユニットテストを手作業で書くのは時間がかかり、しばしばエッジケースを見逃していました。claude --generate-tests src/services/auth.js を使えば、jest のモックやカバレッジのプレースホルダーを含んだ完全なテストスイートが生成されます。生成されたテストは CI で問題なく実行され、ビジネスロジックの作成に集中できるようになりました。

8️⃣ --explain でレガシーコードを理解

古いコードベースを引き継ぐ際、ある関数の動作を理解するのに数時間かかっていました。claude --explain src/legacy/parser.rb を実行するだけで、機能の平易な説明、データフロー、潜在的な問題を指摘してくれます。これにより、オンボーディングが劇的に高速化され、改修時の意思決定も明確になりました。

9️⃣ --share でリアルタイムのコラボレーションを実現

遠隔地のチームメンバーとペアプログラミングする際、同じファイルで同時に編集することが難しいでした。claude --share project/featureX を使えば、ライブセッションが開始され、お互いのカーソル位置や Claude の提案をリアルタイムで確認できます。ビデオ通話なしで即座にコラボレーションできるようになり、機能の納品がスムーズになりました。

🔟 --format json で出力形式を統一

スクリプトでは JSON 形式のデータが要求されていましたが、Claude はプレーンテキストを出力していました。claude --format json --output api/schema.json を使えば、要求されたスキーマに合致した JSON ペイロードを直接生成できます。後処理が不要になり、ダウンストリームサービスも必要なデータを即座に取得できるようになりました。

まとめ
Claude Code のこれらのテクニックを試すことで、日々の開発作業が劇的に効率化されました。まずは一つ、claude --generate を使って、コード生成の便利さを体験してみてください。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?