jpskill.com
🛠️ 開発・MCP コミュニティ

hoppscotch

Hoppscotchは、APIエンドポイントのテストやデバッグ、REST/GraphQL/WebSocket APIの検証、APIコレクションの作成などを、オープンソース環境で効率的に行うことを支援するSkill。

📜 元の英語説明(参考)

Test and debug APIs with Hoppscotch. Use when a user asks to test API endpoints, debug REST/GraphQL/WebSocket APIs, create API collections, or find a Postman alternative that's open-source.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Hoppscotchは、APIエンドポイントのテストやデバッグ、REST/GraphQL/WebSocket APIの検証、APIコレクションの作成などを、オープンソース環境で効率的に行うことを支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o hoppscotch.zip https://jpskill.com/download/14984.zip && unzip -o hoppscotch.zip && rm hoppscotch.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/14984.zip -OutFile "$d\hoppscotch.zip"; Expand-Archive "$d\hoppscotch.zip" -DestinationPath $d -Force; ri "$d\hoppscotch.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して hoppscotch.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → hoppscotch フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Hoppscotch

概要

Hoppscotch は、オープンソースの API 開発プラットフォームであり、Postman の軽量で高速な代替手段です。REST、GraphQL、WebSocket、SSE、Socket.IO、および MQTT をサポートしています。Web アプリ (hoppscotch.io)、デスクトップアプリ、またはセルフホストインスタンスとして利用可能です。

手順

ステップ 1: Docker を使用したセルフホスト

# docker-compose.yml — セルフホスト Hoppscotch
services:
  hoppscotch:
    image: hoppscotch/hoppscotch:latest
    ports:
      - "3000:3000"     # メインアプリ
      - "3100:3100"     # 管理ダッシュボード
      - "3170:3170"     # バックエンド API
    env_file: .env
    depends_on:
      - postgres

  postgres:
    image: postgres:16
    environment:
      POSTGRES_DB: hoppscotch
      POSTGRES_USER: hoppscotch
      POSTGRES_PASSWORD: ${DB_PASSWORD}
    volumes:
      - pgdata:/var/lib/postgresql/data

volumes:
  pgdata:

ステップ 2: CLI を使用した API コレクション

# CLI のインストール
npm install -g @hoppscotch/cli

# ファイルからコレクションを実行
hopp test -e environment.json collection.json

# Hoppscotch インスタンスから実行
hopp test --server https://hoppscotch.mycompany.com --token $TOKEN collection-id

ステップ 3: Pre-request スクリプト

// Pre-request スクリプト — 各リクエストの前に実行
const token = pw.env.get("AUTH_TOKEN")
const expiry = pw.env.get("TOKEN_EXPIRY")

if (!token || Date.now() > Number(expiry)) {
  const res = await pw.api.post("https://api.example.com/auth/token", {
    body: JSON.stringify({
      client_id: pw.env.get("CLIENT_ID"),
      client_secret: pw.env.get("CLIENT_SECRET"),
    }),
  })
  const data = JSON.parse(res.body)
  pw.env.set("AUTH_TOKEN", data.access_token)
  pw.env.set("TOKEN_EXPIRY", String(Date.now() + data.expires_in * 1000))
}

ガイドライン

  • コレクションを使用して、エンドポイントを機能またはサービスごとに整理します。
  • 環境変数を使用して、共有コレクションからシークレットを排除します。
  • チームでの利用にはセルフホストが適しています。全員がコレクションと環境を共有できます。
  • CLI を使用すると、CI/CD パイプラインで API テストを実行できます。
  • Hoppscotch は、迅速な API テストにおいて Postman よりも高速です。hoppscotch.io でのアカウントは不要です。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Hoppscotch

Overview

Hoppscotch is an open-source API development platform — a lightweight, fast alternative to Postman. It supports REST, GraphQL, WebSocket, SSE, Socket.IO, and MQTT. Available as a web app (hoppscotch.io), desktop app, or self-hosted instance.

Instructions

Step 1: Self-Host with Docker

# docker-compose.yml — Self-hosted Hoppscotch
services:
  hoppscotch:
    image: hoppscotch/hoppscotch:latest
    ports:
      - "3000:3000"     # main app
      - "3100:3100"     # admin dashboard
      - "3170:3170"     # backend API
    env_file: .env
    depends_on:
      - postgres

  postgres:
    image: postgres:16
    environment:
      POSTGRES_DB: hoppscotch
      POSTGRES_USER: hoppscotch
      POSTGRES_PASSWORD: ${DB_PASSWORD}
    volumes:
      - pgdata:/var/lib/postgresql/data

volumes:
  pgdata:

Step 2: API Collections with CLI

# Install CLI
npm install -g @hoppscotch/cli

# Run collection from file
hopp test -e environment.json collection.json

# Run from Hoppscotch instance
hopp test --server https://hoppscotch.mycompany.com --token $TOKEN collection-id

Step 3: Pre-request Scripts

// Pre-request script — runs before each request
const token = pw.env.get("AUTH_TOKEN")
const expiry = pw.env.get("TOKEN_EXPIRY")

if (!token || Date.now() > Number(expiry)) {
  const res = await pw.api.post("https://api.example.com/auth/token", {
    body: JSON.stringify({
      client_id: pw.env.get("CLIENT_ID"),
      client_secret: pw.env.get("CLIENT_SECRET"),
    }),
  })
  const data = JSON.parse(res.body)
  pw.env.set("AUTH_TOKEN", data.access_token)
  pw.env.set("TOKEN_EXPIRY", String(Date.now() + data.expires_in * 1000))
}

Guidelines

  • Use collections to organize endpoints by feature or service.
  • Environment variables keep secrets out of shared collections.
  • Self-host for teams — everyone shares collections and environments.
  • CLI enables API testing in CI/CD pipelines.
  • Hoppscotch is faster than Postman for quick API testing — no account required on hoppscotch.io.