Japanese Postal Code Search Mcp

      <div>
        <div class="relative pt-6 px-4 sm:px-6 lg:px-8">
          <nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global">
            <div class="flex items-center grow shrink-0 lg:grow-0">
              <div class="flex items-center justify-between w-full md:w-auto">
                <a href="https://api-zipcode.jp">
                  <span class="sr-only">api-zipcode.jp</span>
                  <img class="h-10 w-auto sm:h-12" src="https://api-zipcode.jp/build/assets/sidebar_logo-BpSKBsf9.png" width="1000" height="1000" alt="ロゴ" />
                </a>
                <div class="-mr-2 flex items-center md:hidden">
                  <button type="button" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-500" aria-expanded="false" onclick="menuOpen();">
                    <span class="sr-only">メニューを開く</span>
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                    </svg>
                  </button>
                </div>
              </div>
            </div>
            <div class="hidden md:block md:ml-10 md:pr-4 md:space-x-8">
                                  <a href="https://api-zipcode.jp/top" class="font-medium text-gray-500 hover:text-gray-900">特徴</a>
                                  <a href="https://api-zipcode.jp/search/zipcode" class="font-medium text-gray-500 hover:text-gray-900">郵便番号検索デモ</a>
                                  <a href="https://api-zipcode.jp/top" class="font-medium text-gray-500 hover:text-gray-900">仕様</a>
                                  <a href="https://api-zipcode.jp/fortune/ranking" class="font-medium text-gray-500 hover:text-gray-900">郵便番号占い</a>
                                <a href="https://api-zipcode.jp/login" class="font-medium hover:text-gray-500">ログイン</a>
            </div>
          </nav>
        </div>

        <div class="pointer-events-none opacity-0 scale-95 absolute z-10 top-0 inset-x-0 p-2 transition duration-150 ease-out transform origin-top-right md:hidden" id="spMenu">
          <div class="rounded-lg shadow-md bg-white ring-1 ring-black/5 overflow-hidden">
            <div class="px-5 pt-4 flex items-center justify-between">
              <div>
                <img class="h-8 w-auto" src="https://api-zipcode.jp/build/assets/sidebar_logo-BpSKBsf9.png" width="1000" height="1000" alt="" />
              </div>
              <div class="-mr-2">
                <button type="button"
                        class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-500"
                        onclick="menuClose();">
                  <span class="sr-only">メニューを閉じる</span>
                  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                  </svg>
                </button>
              </div>
            </div>
            <div class="px-2 pt-2 pb-3 space-y-1">
                                  <a href="https://api-zipcode.jp/top"
                   class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"
                   onclick="menuClose();">
                  特徴</a>
                                  <a href="https://api-zipcode.jp/search/zipcode"
                   class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"
                   onclick="menuClose();">
                  郵便番号検索デモ</a>
                                  <a href="https://api-zipcode.jp/top"
                   class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"
                   onclick="menuClose();">
                  仕様</a>
                                  <a href="https://api-zipcode.jp/fortune/ranking"
                   class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"
                   onclick="menuClose();">
                  郵便番号占い</a>
                              </div>
            <a href="https://api-zipcode.jp/login" class="block w-full px-5 py-3 text-center font-medium bg-gray-50 hover:bg-gray-500">ログイン</a>
          </div>
        </div>
      </div>

      <div class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
        <div class="sm:text-center lg:text-left">
          <span class="inline-flex items-center gap-x-1.5 rounded-full bg-amber-100 px-3 py-1 text-sm font-semibold text-amber-700 ring-1 ring-amber-200">
            MCPサーバー対応
          </span>
          <h1 class="mt-4 text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl md:text-5xl">
            <span class="block xl:inline">デリバリーをスマートに</span>
            <span class="block my-3 text-amber-500 uppercase">api-zipcode.jp</span>
          </h1>
          <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">配達先の郵便番号から、配達可能なエリアか自動判定。<br>注文を取り逃がさずに利益を最大化。<br>新しい<strong>郵便番号API</strong>サービス。</p>
          <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
            <a href="https://api-zipcode.jp/register" class="inline-flex items-center px-16 py-3 border border-transparent text-base font-medium rounded-full shadow-sm text-white bg-amber-500 hover:bg-amber-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-amber-400">アカウント作成</a>
          </div>
          <p class="mt-3 text-sm text-gray-600 sm:mt-4">アカウント作成で、お試し1,000ポイント無料。</p>
        </div>
      </div>
    </div>
  </div>
  <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
    <img class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full" src="https://api-zipcode.jp/build/assets/lp-D6-KihBA.jpg" alt="配達のための食べ物を梱包する女性" width="2121" height="1414" />
  </div>
</div>

<div class="bg-gray-50 pt-12 sm:pt-16">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="max-w-4xl mx-auto text-center">
      <h2 class="text-2xl font-extrabold text-gray-900 sm:text-3xl">月額無料でAPI 1リクエスト0.01円〜0.05円</h2>
      <p class="mt-3 text-xl text-gray-500 sm:mt-4">使った分だけの従量制で、毎月の固定支払いはありません。</p>
    </div>
  </div>
  <div class="mt-10 pb-12 bg-white sm:pb-16">
    <div class="relative">
      <div class="absolute inset-0 h-1/2 bg-gray-50"></div>
      <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto">
          <dl class="rounded-lg bg-white shadow-lg sm:grid sm:grid-cols-2">
            <div class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-b sm:col-span-2">
              <dt class="order-2 mt-2 leading-6 font-medium text-gray-800">1リクエスト0.05円</dt>
              <dd class="order-1 text-xl font-extrabold">MCPサーバー 郵便番号検索</dd>
            </div>
            <div class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-r sm:border-b">
              <dt class="order-2 mt-2 leading-6 font-medium text-gray-800">1リクエスト0.01円</dt>
              <dd class="order-1 text-xl font-extrabold">郵便番号から住所検索</dd>
            </div>
            <div class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-b">
              <dt class="order-2 mt-2 leading-6 font-medium text-gray-800">1リクエスト0.03円</dt>
              <dd class="order-1 text-xl font-extrabold">郵便番号からエリア判定</dd>
            </div>
            <div class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-r">
              <dt class="order-2 mt-2 leading-6 font-medium text-gray-800">1リクエスト0.03円</dt>
              <dd class="order-1 text-sm font-extrabold">郵便番号の一部から該当する住所を全て検索</dd>
            </div>
            <div class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0">
              <dt class="order-2 mt-2 leading-6 font-medium text-gray-800">1リクエスト0.03円</dt>
              <dd class="order-1 text-sm font-extrabold">住所の一部から該当する郵便番号を全て検索</dd>
            </div>
          </dl>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8">
    <div class="max-w-3xl mx-auto text-center">
      <h2 class="text-2xl font-extrabold text-gray-900  md:text-3xl">郵便番号APIの新しいかたち</h2>
      <p class="mt-4 text-base text-gray-500 md:text-lg">複雑な郵便番号検索の実装を、簡単なAPIで提供します。</p>
    </div>
    <dl class="mt-12 grid grid-cols-1 gap-y-10 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12">
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">最新の郵便番号データ</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            日本郵便が提供する最新の郵便番号データへ速やかに更新。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">事業所の個別郵便番号対応</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            日本郵便が提供する事業所の個別郵便番号にも対応。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">カナ・ローマ字対応</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            APIの返り値には漢字・カナ・ローマ字が含まれます。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">商用利用可能</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            商用利用OK。クレジット表記不要。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">郵便番号からエリア判定</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            163-8001が東京都新宿区内か？のように郵便番号が特定のエリア内か判定。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">郵便番号から住所検索</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            郵便番号の一部から、該当する住所を全て検索。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">住所から郵便番号検索</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            住所の一部から、該当する郵便番号を全て検索。
          </dd>
        </div>
                  <div class="relative">
          <dt>
            <svg class="absolute h-6 w-6 text-amber-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <p class="ml-9 text-lg leading-6 font-medium text-gray-900">ポイントチャージ方式</p>
          </dt>
          <dd class="mt-2 ml-9 text-base text-gray-700">
            事前のポイント購入でAPIをリクエスト。月額課金は無し。自動チャージでポイント切れも防止。
          </dd>
        </div>
              </dl>
  </div>
</div>

<div class="bg-white sm:px-6 lg:px-8">
  <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
    <div class="text-center">
      <h2 class="text-2xl font-extrabold text-gray-900 md:text-3xl">MCPサーバーに対応</h2>
      <p class="mt-4 text-base text-gray-500 md:text-lg">Model Context Protocol (MCP) に対応しており、Claude などのAIアシスタントから直接郵便番号検索が利用できます。</p>
      <p class="mt-6 text-base text-gray-900 md:text-lg sm:mt-12">Claude Desktop 設定例<br>claude_desktop_config.jsonに追加</p>
      <div class="text-left">
        <pre>
      <code class="rounded-xl text-left language-json">

{ "mcpServers": { "api-zipcode.jp": { "command": "npx", "args": [ "mcp-remote", "https://api-zipcode.jp/mcp/zipcode", "--header", "Authorization: Bearer ${MCP_TOKEN}" ], "env": { "MCP_TOKEN": "{APIトークン}" } } } }