参加者900人以上!Vibe Codingサロン

リリース限定特価、入会金4980円のみ!高額バックエンドもありません!

入会はこちらから

プログラミング知識ゼロでもわかる!CLI入門 – パソコンの中にAIアシスタントを住まわせる方法

プログラミング知識ゼロでもわかる!CLI入門
パソコンの中にAIアシスタントを住まわせる方法

  1. この記事で得られるもの
    1. 目次
  2. はじめに:CLIって何?それは「魔法の呪文」です
  3. 🌟 Claude CodeとGemini CLI = あなたのパソコンの中のAIアシスタント
    1. これらは何をしてくれるの?
      1. 1. あなたの日本語を理解してくれる
      2. 2. 他のCLIツールの使い方を教えてくれる
      3. 3. エラーが出ても解決してくれる
    2. つまり、こういうこと:
      1. 従来のCLI:英語の呪文を覚えないといけない 😰
      2. Claude Code/Gemini CLIがある世界:日本語でOK! 😊
  4. 🤔 WindsurfのようなIDE vs CLI:どっちを使うべき?
    1. 💡 実は、CLIの方が圧倒的に便利な理由
      1. 1. 日常の面倒な作業が1秒で終わる
      2. 2. 仕事の自動化で残業ゼロ
      3. 3. AIと組み合わせて最強に
    2. 🎯 非エンジニアでもCLIを使うべき5つの場面
    3. 🚀 でも難しそう…?大丈夫!
  5. 実例:営業職の田中さんの1日がCLIで激変!
    1. Before(CLI使用前)😢
    2. After(CLI使用後)🚀
  6. 🎯 Claude CodeとGemini CLIの具体的な使い方
    1. なぜこれらが革命的なのか?
      1. 従来、CLIを使うには:
      2. Claude Code/Gemini CLIがあれば:
    2. Claude Code(Anthropic公式)のインストールと使い方
      1. 実際の使用例:データベースを作る
    3. 🔥 最強の組み合わせ技
      1. 例1:エラーが出た時の対処法
      2. 例2:複雑な作業の自動化
  7. 🚀 実践編:よく使うCLIツールをAIアシスタントと一緒に使いこなす
    1. なぜSupabase CLIとVercel CLIから始めるのか?
    2. 1. Supabase CLI × Claude Code(データベース管理)
      1. 実践例:顧客データベースを5分で作る
    3. 2. Vercel CLI × Gemini CLI(ウェブサイト公開)
      1. 実践例:ポートフォリオサイトを公開
  8. 他の便利なCLI大全集
    1. 開発環境系
      1. npm/yarn/pnpm
      2. git
      3. docker
    2. フレームワーク系
      1. create-next-app
      2. vue
      3. angular
    3. クラウドサービス系
      1. aws
      2. gcloud
      3. azure
  9. 🎨 AIアシスタントを120%活用するテクニック集
    1. 基本テクニック:質問の仕方
      1. ❌ 悪い質問の例
      2. ✅ 良い質問の例
    2. 上級テクニック:連続タスクの自動化
  10. 🛠️ CLIを自作してみよう!(AIアシスタントに手伝ってもらう)
    1. なぜCLIを自作するの?
    2. 実践例:売上レポート自動生成CLIを作る
      1. 1Claude Codeに相談
      2. 2実際のコード(Claudeが生成)
      3. 3使ってみる!
    3. 🎯 自作CLIのアイデア集(AIに相談してみよう)
      1. 画像一括リサイズ
      2. TODO管理
      3. ファイル整理
  11. 🎓 まとめ:あなたもCLIマスターになれる!
    1. 今日学んだこと
    2. 🚀 今すぐ始められる3ステップ
      1. 1AIアシスタントをインストール(5分)
      2. 2最初の一歩を踏み出す(10分)
      3. 3実践で使ってみる(毎日)
    3. 🎯 覚えておいてほしいこと
    4. 💬 困ったときは
    5. 🌟 最後に
  12. 📖 参考リソース
      1. 公式ドキュメント
      2. 日本語リソース
      3. コミュニティ
    1. 🎉 記事を読んで実践した?

この記事で得られるもの

  • 🤖パソコンの中に「AIアシスタント」を住まわせる方法がわかります
  • 💬日本語で「これやって」と言うだけで、複雑な作業が自動化できます
  • ⏱️毎日の繰り返し作業から解放されます
  • 🚀プログラミング知識ゼロでも、プロ級の効率化ができます

はじめに:CLIって何?それは「魔法の呪文」です

CLI(Command Line Interface)を一言で説明すると:

「パソコンに直接命令を出せる魔法の呪文」

例えば:

  • 普通の方法:フォルダを開いて、ファイルを1つずつクリックして削除…
  • CLI:rm *.tmp と打つだけで、全部のtmpファイルが一瞬で消える!

でも、呪文を覚えるのは大変ですよね?

そこで登場するのが、Claude CodeとGemini CLI!

🌟 Claude CodeとGemini CLI = あなたのパソコンの中のAIアシスタント

これらは何をしてくれるの?

想像してください。あなたのパソコンの中に、超優秀なアシスタントが住んでいて:

1. あなたの日本語を理解してくれる

claude "今月の売上データを集計して、グラフを作って"
# → AIが必要なコマンドを全部実行してくれる!

2. 他のCLIツールの使い方を教えてくれる

gemini "Vercelっていうツールでウェブサイトを公開したい"
# → 手順を教えてくれて、コマンドも生成してくれる!

3. エラーが出ても解決してくれる

claude "さっきエラーが出たんだけど、どうすればいい?"
# → エラーの原因と解決方法を教えてくれる!

つまり、こういうこと:

従来のCLI:英語の呪文を覚えないといけない 😰

find . -name "*.pdf" -mtime -7 -exec cp {} /backup/ \;

Claude Code/Gemini CLIがある世界:日本語でOK! 😊

claude "先週作ったPDFファイルを全部バックアップフォルダにコピーして"

🤔 WindsurfのようなIDE vs CLI:どっちを使うべき?

IDE(Windsurf等) CLI
見た目 カラフルで視覚的 黒い画面に文字だけ
操作方法 マウスでクリック キーボードで入力
学習曲線 すぐ使える 最初は覚えることがある
できること コード編集に特化 PC全体を操作可能
自動化 限定的 無限の可能性

💡 実は、CLIの方が圧倒的に便利な理由

1. 日常の面倒な作業が1秒で終わる

# 100個のファイル名を一瞬で変更
rename 's/old/new/' *.txt

# VS マウスで1個ずつクリック...(30分かかる)

2. 仕事の自動化で残業ゼロ

# 毎日の売上レポートを自動生成
./generate-report.sh

# VS エクセルを開いて、データをコピペして...(毎日1時間)

3. AIと組み合わせて最強に

# Claude Codeに聞きながら実行
claude "フォルダ内の画像を全部リサイズして"
# → コマンドを教えてくれて、実行するだけ!

🎯 非エンジニアでもCLIを使うべき5つの場面

  1. 大量のファイル処理
    1000枚の写真のリネーム → CLI: 1秒 / 手動: 2時間
  2. 定期的な作業の自動化
    毎週のレポート作成 → CLI: 自動 / 手動: 毎回30分
  3. サーバーやクラウドの操作
    AWSやGoogleCloudは基本CLI操作が必要
  4. データの一括処理
    CSVファイルの結合・加工 → CLI: 瞬時 / Excel: 重くて開けない
  5. 開発ツールの活用
    ChatGPTやClaude以外のAIツールの多くはCLI

🚀 でも難しそう…?大丈夫!

Claude CodeとGemini CLIがあれば、プログラミング知識ゼロでもOK!

# わからないことは全部AIに聞ける
claude "PDFファイルを全部結合する方法教えて"
# → すぐに答えが返ってくる!

実例:営業職の田中さんの1日がCLIで激変!

Before(CLI使用前)😢

9:00  - Excelで昨日の売上データを開く(5分)
9:05  - 手動でグラフ作成(15分)
9:20  - PowerPointに貼り付け(10分)
9:30  - メールで送信(5分)
10:00 - 顧客リスト200件の住所を修正...(2時間)
12:00 - やっと午前の作業終了

After(CLI使用後)🚀

9:00  - ターミナルを開く
9:01  - ./daily-report.sh (自動でレポート生成&送信)
9:02  - 午前の作業完了!

# 顧客リストの一括修正も一瞬
sed -i 's/東京都/東京/g' customer_list.csv

結果:2時間35分 → 2分に短縮!

🎯 Claude CodeとGemini CLIの具体的な使い方

なぜこれらが革命的なのか?

従来、CLIを使うには:

  1. ❌ 英語のコマンドを暗記
  2. ❌ オプションの意味を理解
  3. ❌ エラーメッセージを解読
  4. ❌ Stack Overflowで解決策を検索…

Claude Code/Gemini CLIがあれば:

  1. ✅ 日本語で話しかけるだけ
  2. ✅ AIが適切なコマンドを生成
  3. ✅ エラーも日本語で解説
  4. ✅ その場で解決!

Claude Code(Anthropic公式)のインストールと使い方

# インストール(1回だけ)
npm install -g @anthropic/claude-cli

# 初期設定(APIキーを登録)
claude setup

実際の使用例:データベースを作る

従来の方法(Supabase CLIを直接使う場合):

supabase init
supabase db create
supabase db push --file schema.sql
# → 各コマンドの意味を理解する必要がある...

Claude Codeを使う方法

claude "Supabaseで新しいプロジェクトを作って、ユーザーテーブルも作成して"

🔥 最強の組み合わせ技

例1:エラーが出た時の対処法

# 何かのコマンドでエラーが出た
vercel deploy
# Error: Missing authentication token

# Claude Codeに聞く
claude "Vercelでauthentication tokenのエラーが出た。解決方法を教えて"

# Claudeの応答
# "vercel login を実行してログインしてください"

# 実行
vercel login

例2:複雑な作業の自動化

claude "毎朝9時に自動で以下をやりたい:
1. GitHubから最新のコードを取得
2. テストを実行
3. 問題なければ本番環境にデプロイ
4. Slackに完了通知

スクリプトを作って"

🚀 実践編:よく使うCLIツールをAIアシスタントと一緒に使いこなす

なぜSupabase CLIとVercel CLIから始めるのか?

この2つは現代のWeb開発で最もよく使われ、かつ初心者にも優しいツールです:

  • Supabase: データベースを簡単に作れる(Excelの超強力版みたいなもの)
  • Vercel: 作ったウェブサイトを世界に公開できる(レンタルサーバー不要!)

1. Supabase CLI × Claude Code(データベース管理)

実践例:顧客データベースを5分で作る

# Claude Codeと対話しながら進める
claude "顧客の名前、メール、購入履歴を管理するテーブルを作って"

# Claudeが生成したコマンドを実行
supabase init
supabase start
supabase db reset

# データの確認
claude "作ったテーブルにテストデータを入れて、確認する方法を教えて"

2. Vercel CLI × Gemini CLI(ウェブサイト公開)

実践例:ポートフォリオサイトを公開

# Gemini CLIに聞く
gemini "自己紹介サイトをVercelで公開したい。HTMLは作ってある"

Geminiの応答例:

HTMLファイルをVercelで公開する手順:

1. Vercel CLIをインストール:
   npm i -g vercel

2. HTMLファイルがあるフォルダで:
   cd your-portfolio-folder
   vercel

3. 表示される質問に答える:
   - Setup and deploy? → Y
   - Which scope? → 個人を選択
   - What's your project name? → my-portfolio(好きな名前)

4. 完了!URLが表示されます
   例: https://my-portfolio.vercel.app

他の便利なCLI大全集

開発環境系

npm/yarn/pnpm

パッケージ管理

npm install パッケージ名

git

バージョン管理

git add .

docker

コンテナ管理

docker run イメージ名

フレームワーク系

create-next-app

Next.jsプロジェクト作成

npx create-next-app@latest

vue

Vue.jsプロジェクト管理

npm create vue@latest

angular

Angularプロジェクト管理

ng new my-app

クラウドサービス系

aws

AWS管理

aws s3 ls

gcloud

Google Cloud管理

gcloud app deploy

azure

Azure管理

az webapp list

🎨 AIアシスタントを120%活用するテクニック集

基本テクニック:質問の仕方

❌ 悪い質問の例

claude "エラー"
gemini "動かない"

✅ 良い質問の例

claude "Vercelでデプロイしようとしたら 'Error: Missing authentication token' 
というエラーが出ました。初回セットアップは何が必要ですか?"

gemini "Supabaseで作ったデータベースに接続できません。
接続文字列はどこで確認できますか?"

上級テクニック:連続タスクの自動化

# 複数の作業を一度に依頼
claude "以下の作業を順番に実行したい:
1. GitHubから最新コードを取得
2. 依存関係をインストール
3. テストを実行
4. 成功したらVercelにデプロイ
5. Slackに通知

シェルスクリプトを作成して"

🛠️ CLIを自作してみよう!(AIアシスタントに手伝ってもらう)

なぜCLIを自作するの?

実は、CLIを作ることで:

  • 自分の仕事に特化した自動化ツールが作れる
  • プログラミングの基礎が身につく
  • 「自分で作れる」という自信がつく

でも大丈夫!Claude CodeやGemini CLIが全部教えてくれます。

実践例:売上レポート自動生成CLIを作る

1Claude Codeに相談

claude "毎日の売上CSVファイルを読み込んで、
きれいなレポートを作るCLIツールを作りたい。
Node.jsで簡単に作る方法を教えて"

2実際のコード(Claudeが生成)

Claudeが作ってくれる完全なコード例:

#!/usr/bin/env node

const fs = require('fs');
const parse = require('csv-parse/sync');
const chalk = require('chalk');

// CSVファイルを読み込んで集計
// ... (Claudeが詳細なコードを提供)

// 結果を見やすく表示
console.log(chalk.green('='.repeat(40)));
console.log(chalk.green.bold('売上レポート'));
console.log(`合計売上: ${chalk.yellow.bold(`¥${total.toLocaleString()}`)}`);
console.log(chalk.green('='.repeat(40)));

3使ってみる!

# 使ってみる!
sales-report 売上データ.csv

# 結果:
========================================
売上レポート
========================================
ファイル: 売上データ.csv
データ件数: 150件
合計売上: ¥1,234,567
========================================

🎯 自作CLIのアイデア集(AIに相談してみよう)

画像一括リサイズ

claude "フォルダ内の画像を指定サイズに
一括リサイズするCLIを作りたい"

TODO管理

gemini "ターミナルから使える
シンプルなTODO管理ツールを作りたい"

ファイル整理

claude "ダウンロードフォルダを
拡張子別に自動整理するCLIを作りたい"

🎓 まとめ:あなたもCLIマスターになれる!

今日学んだこと

  1. CLIは「パソコンへの魔法の呪文」
    でも呪文を覚える必要はない!
  2. Claude CodeとGemini CLI = パソコンの中のAIアシスタント
    日本語で話しかけるだけでOK
    エラーも解決してくれる
    他のCLIの使い方も教えてくれる
  3. 実践的な使い方
    Supabaseでデータベース管理
    Vercelでウェブサイト公開
    自作CLIで業務効率化

🚀 今すぐ始められる3ステップ

1AIアシスタントをインストール(5分)

# Claude Code
npm install -g @anthropic/claude-cli

# または Gemini CLI
pip install gemini-cli

2最初の一歩を踏み出す(10分)

# 何でもいいから聞いてみる
claude "フォルダ内のファイル数を数える方法を教えて"

3実践で使ってみる(毎日)

  • 毎日の繰り返し作業を1つ選ぶ
  • AIに「これを自動化したい」と相談
  • 教えてもらったコマンドを実行

🎯 覚えておいてほしいこと

プログラミング知識ゼロでも大丈夫!

Claude CodeやGemini CLIがあれば、あなたも今日からCLIマスター。

大切なのは「やりたいことを日本語で伝える力」だけ。

💬 困ったときは

# いつでもAIに相談
claude "CLIって結局何がいいの?もう一度教えて"
gemini "ターミナルが怖い...どうすればいい?"

🌟 最後に

この記事を読んだあなたは、もう「CLIは難しい」という先入観から解放されました。

今日から、あなたのパソコンの中にAIアシスタントが住んでいます。

毎日の面倒な作業から解放されて、本当にやりたいことに時間を使えるようになります。

📖 参考リソース

コミュニティ

  • Twitter: #CLI入門 #ClaudeCode
  • Discord: 各ツールの日本語コミュニティ

🎉 記事を読んで実践した?

ぜひ #CLI入門 #AIとCLI でツイートしてください!

あなたの成功体験が、次の誰かの勇気になります。

コメント

タイトルとURLをコピーしました