QRコード作成

URL、自由文、連絡先、Wi-Fi情報を読み取り用のPNGとSVGへ変換します。

WebMCP 試験対応

入力 → 設定 → 確認・保存

入力と設定
設定を保存・読み込む

ファイルの中身や素材IDは含めず、現在の設定をJSONで保存します。

結果

ここに仕上がりが表示されます

入力と設定を確認して、実行してください。サンプルからも始められます。

コピー・保存する前に、内容を確認できます。

入力・処理・結果はこのブラウザ内。ページ移動でも素材を使えます。再読み込み・タブ終了で消えるため、必要な結果は保存してください。

AIエージェントから使うWebMCP 試験対応

このブラウザではWebMCPが有効になっていません。通常のツール操作と下の実行テストはそのまま使えます。

「QRコード作成でQRを作る。結果を確認できる形で残してください。」

WebMCPは試験中のWeb標準です。利用には対応ブラウザと対応エージェントが必要です。MCPサーバーの接続URLではありません。AIサービスへ渡す内容は、そのサービスのデータ方針も確認してください。対応状況と使い方

入力仕様を見る · chinouken_qr_code
{
  "type": "object",
  "additionalProperties": false,
  "properties": {
    "mode": {
      "type": "string",
      "description": "内容の種類",
      "enum": [
        "text",
        "vcard",
        "wifi"
      ],
      "default": "text"
    },
    "payload": {
      "type": "string",
      "description": "自由文またはURL。https://から始まるURL、または読み込ませる文字列。。mode が text のとき使用",
      "maxLength": 20000,
      "default": "https://www.chinouken.com/"
    },
    "name": {
      "type": "string",
      "description": "氏名。vCardの表示名。。mode が vcard のとき使用",
      "maxLength": 1000,
      "default": ""
    },
    "phone": {
      "type": "string",
      "description": "電話番号。vCardの電話番号。。mode が vcard のとき使用",
      "maxLength": 1000,
      "default": ""
    },
    "email": {
      "type": "string",
      "description": "メールアドレス。vCardのメールアドレス。。mode が vcard のとき使用",
      "maxLength": 1000,
      "default": ""
    },
    "ssid": {
      "type": "string",
      "description": "ネットワーク名。Wi-FiのSSID。。mode が wifi のとき使用",
      "maxLength": 1000,
      "default": ""
    },
    "password": {
      "type": "string",
      "description": "Wi-Fiパスワード。QR payloadへ入ります。保存しないでください。。mode が wifi のとき使用",
      "maxLength": 1000,
      "default": ""
    },
    "security": {
      "type": "string",
      "description": "Wi-Fi暗号化。mode が wifi のとき使用",
      "enum": [
        "WPA",
        "WEP",
        "nopass"
      ],
      "default": "WPA"
    },
    "size": {
      "type": "number",
      "description": "画像サイズ",
      "minimum": 128,
      "maximum": 2048,
      "default": 512
    },
    "errorCorrection": {
      "type": "string",
      "description": "誤り訂正",
      "enum": [
        "L",
        "M",
        "Q",
        "H"
      ],
      "default": "M"
    },
    "margin": {
      "type": "number",
      "description": "余白(module)",
      "minimum": 0,
      "maximum": 32,
      "default": 4
    }
  }
}
通常実行はローカルテストです。入力・結果が画面に反映されます。
このPCのMCPと接続する

ローカルMCPアダプターの utilities_connect が返した接続コードを使います。ファイルの受け渡しはこのPC内で行います。

未接続
接続方法とダウンロード

読み取り前にpayloadを見る

連絡先やWi-Fiは生成前に平文のpayloadを確認し、配布物に載せてよい情報だけを入力してください。

印刷後の読み取りを確認する

サイズ、余白、背景とのコントラストを調整し、実際の端末で確認してください。

AIエージェントへの頼み方

Claude CodeやCodexなど、MCPやWebMCPに対応したエージェントに、このページのURLを添えて次のように頼めます。ファイルは会話に添付せず、手元のパスや条件を伝えます。

  • 「https://www.chinouken.com/ のQRコードを、PNGとSVGの両方で作って。」
  • 「来客用Wi-Fiの接続QRコードを作って。SSIDとパスワードはこの後に渡すので、保存はしないで。」