QR エディター オンライン

コード

エクスポート

QR コードを読み取る

カメラを起動中…

カメラの映像はブラウザー内でだけ読み取られ、録画も送信もされません。

マイドキュメント

ドキュメントをクリックすると開きます。ドキュメントはこのブラウザーにだけ保存され、アップロードはされません。ブラウザーのサイトデータを消去すると削除されるので、残したいものはダウンロードしてください。

AI アシスタント

どの AI とも一緒に作業できます - ChatGPT、Claude、Gemini、Copilot。

  1. プロンプトをコピーをクリックします。
  2. AI に貼り付けて、コードに入れる内容や見た目を伝えてください。
AI にしてもらうこと

QR ドキュメントはリンクの「#」より後ろに入って運ばれ、どのサーバーにも見えません。AI に貼り付けた内容はその提供元が処理します。

自分のサーバーに保存

エディターは保存したバージョンをそのつど自分のサーバー (Webhook) に送れるので、作業内容を好きな場所に残せます。ここにアドレスを入力するまで、何も送信されません。

サーバーが受け取るもの

JSON 形式の POST リクエスト (サーバーは https://qr.giit.ch からの CORS を許可する必要があります):

{ "editor": "qr", "event": "save", "id": "…", "name": "Guest WiFi",
  "content": "color: #1d2b53\n---\nWIFI:T:WPA;S:Guest;P:sunny-day-42;;",
  "updated": "2026-01-15T09:30:00.000Z" }
エディターを自分のサイトに埋め込む
<iframe src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://qr.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'qreditor:ready')
    frame.contentWindow.postMessage({ type: 'qreditor:load', name: 'Shop',
      content: 'https://example.com/shop' }, 'https://qr.giit.ch');
  if (e.data.type === 'qreditor:save') saveOnYourServer(e.data.content);
});
</script>

ほかにも: ?src=<URL of a .qr file> でファイルを開き、&webhook=<URL> でこのドキュメントをそこに保存します。エディターは専用のウィンドウでも開けます (?embed=window)。また、ページから独自の AI プロンプトとセッションキーを渡して、AI に結果を自分のサーバーへ送らせることもできます (qreditor:ai、qreditor:key-request)。エディターの下の「自分のサイトでエディターを使う」を参照してください。詳細は llms.txt にあります。

ヘルプ

使い方

  1. 新規または内容タブでコードの内容を選びます: リンク、Wi-Fi、連絡先、予定、支払い … フォームはスマートフォンが読める形式で内容を書き込みます。
  2. デザインタブでデザインします: 色とグラデーション、モジュールと 3 つの目の形、ロゴ、キャプション、枠。
  3. 左のコードが QR ドキュメント全体です: デザイン行 key: value、--- の行、その後にコードに入るとおりの内容。そこに直接入力することもでき、変更はすべて 1 ステップで元に戻せます。
  4. チェック: 変更のたびに、エディターはコードを通常、小さいサイズ、ぼかしの 3 通りで読み戻します。コードの上のバッジで読み取れるかがわかり、チェックタブにはコントラスト、クワイエットゾーン、誤り訂正に対するロゴの大きさ、印刷サイズが表示されます。
  5. コードの下のキャプションをクリックすると、その場で変更できます。
  6. エクスポートでは、SVG、PDF、EPS (印刷用のベクター)、任意のサイズの PNG、JPEG、WebP を作成でき、表からコードを一括作成できます: 内容に {{column}} と書き、表を貼り付けて、ZIP か 1 つの PDF をダウンロードします。
  7. コードを読み取る: 画像を開く、ドロップする、貼り付けるか、スキャンをクリックしてカメラを使います。内容は新しいドキュメントになります。

キーボードショートカット

Ctrl + Z / Y
元に戻す / やり直す
Ctrl + S
保存 (SVG をダウンロード、または自分のサーバーへ)
Ctrl + E
エクスポート
Ctrl + O
マイドキュメント
Ctrl + V
QR コードの画像を貼り付けて読み取る
Alt + Z
コードの長い行を折り返す

期限切れのない無料 QR コード - デザインでき、チェック済みで、プライベート

QR エディターは、リンク、Wi-Fi、連絡先、予定、メール、SMS、場所、支払いの QR コードを作成します。色、グラデーション、形、ロゴ、キャプションでデザインでき、印刷する前に、エディターがすべてのコードを読み戻して確実に読み取れるかを確認します。印刷用に SVG、PDF、EPS を、また任意のサイズの PNG をエクスポートできます。

コードは静的です。内容はコードそのものに入っていて、試用期間が終わると使えなくなるリダイレクトの後ろにはありません。登録も広告も読み取り回数の制限もなく、すべてブラウザー内で動作します。入力した内容や読み取った内容がアップロードされることはありません。

QR エディターでできること

12 種類の内容

リンク、テキスト、Wi-Fi (WPA、WEP、オープン、ステルス)、vCard または MeCard の連絡先、メール、SMS、電話、場所、カレンダーの予定、ビットコインとイーサリアム、SEPA 支払い (EPC GiroCode)、スイス QR 請求書。どれもフォームとチェック付きです。

デザイン

色、線形と放射状のグラデーション、透明な背景、7 種類のモジュールの形、4 種類の目の枠と 5 種類の目の中心 (別の色も可)、内蔵シンボルか自分の画像のロゴ、キャプションと枠。

読み取ってチェック

すべてのコードをブラウザー内で、通常、小さいサイズ、ぼかしの 3 通りで読み戻します。コントラスト、クワイエットゾーン、誤り訂正に対するロゴの大きさをチェックし、読み取り距離から印刷サイズを割り出します。

印刷と Web 向けのエクスポート

SVG、PDF、EPS はグラデーションとロゴ付きのベクター。PNG は最大 8192 ピクセルで dpi を書き込み、JPEG と WebP にも対応。無料で登録不要です。

コードを一括作成

内容に {{url}} のようなプレースホルダーを書いて表を貼り付けると、SVG か PNG ファイルの ZIP、または 1 ページに 1 コードの PDF をダウンロードできます。

QR コードを読み取る

画像を開く、ドロップする、貼り付けるか、カメラで読み取れます。暗い背景の明るいコードにも対応。内容は変更できるコードになります。

静的コードを選ぶ理由

多くの「無料」QR コード作成ツールは動的コードを作ります。コードには運営会社のサーバーへの短縮リンクが入っていて、そこからあなたのアドレスへ転送されます。試用期間が終わったり読み取り回数の上限に達したりすると、転送が止められたり先に広告が表示されたりして、印刷したコードはすべて使えなくなります。静的コードはアドレス、Wi-Fi のパスワード、連絡先そのものを含むので、間に誰も入らずに使い続けられます。QR エディターは静的コードだけを作り、内容が短縮 URL の場合は警告します。

使い方

  1. 選ぶ - 「新規」でコードの種類を選んでフォームに入力するか、内容を直接入力します。
  2. デザインしてチェック - 色、形、ロゴ、キャプションを変更します。コードの上のバッジで、まだ読み取れるかがわかります。
  3. エクスポート - SVG、PDF、EPS、PNG をダウンロードするか、表から複数のコードを作成します。

自分のサイトでエディターを使う

https のページ (と localhost) なら、<iframe> と ?embed=1 でエディターを埋め込めます。登録もキーも不要です。埋め込むと、エディターはこの説明文を隠し、保存ボタンを表示します。ユーザーが中でコードを読み取る場合は、iframe の allow に camera を追加してください。

1. リンクからファイルを開き、自分のサーバーに保存

src= は .qr ファイルを開き (サーバーは CORS を許可する必要があります)、webhook= を付けると「保存」(Ctrl+S) で QR ドキュメントがそのアドレスに送られます。&auto を付けると変更のたびに保存します。

<iframe src="https://qr.giit.ch/?embed=1&src=https://your-site.com/codes/shop.qr&webhook=https://your-site.com/save.php"
        allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>

Webhook は JSON 形式の POST { editor: "qr", event: "save", id, name, content, updated } を受け取ります。content は QR ドキュメント (デザイン行、---、内容) です。

2. ページがドキュメントを保持 (postMessage)

エディターが qreditor:ready を送り、ページは qreditor:load で応答します。エディターは qreditor:loaded を、実際に編集されると qreditor:change を、ユーザーが保存すると qreditor:save を通知します。ページからは qreditor:get (現在の状態) や qreditor:save (保存を押す) を送れます。デザイン行のない内容だけでも有効なドキュメントです。

<iframe id="ed" src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://qr.giit.ch';
addEventListener('message', e => {
  if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
  const m = e.data;
  if (m.type === 'qreditor:ready')
    ed.contentWindow.postMessage({ type: 'qreditor:load', name: 'Table 12',
      content: 'color: #1d2b53\ncaption: Table 12\n---\nhttps://example.com/menu?table=12' }, ORIGIN);
  if (m.type === 'qreditor:save') saveOnYourServer(m.name, m.content);
});
</script>

3. 専用のウィンドウで開き、自分のサーバー経由で AI を使う

window.open("https://qr.giit.ch/?embed=window", "qreditor-17") は、エディター全体を専用のウィンドウで開き、同じメッセージを使います。ページからは独自の AI プロンプト、自分のサイトの https アドレス、このエディターセッション用のキーも渡せます (qreditor:load の中の ai: { label, prompt, endpoint, key }、または qreditor:ai)。AI はその結果をそこへ送ります。エディター自身はキーを送ることも保存することもありません。

コードを読み取り専用で表示 (ビューアー)

?viewer=1 は、完成したコードをダウンロードとエクスポートだけ付けて表示します。変更はできず、何も保存されません。ドキュメントはリンク (#b64=、#qr=、?src=)、ページからの qreditor:load、または post.php への POST (フィールド content または b64、任意で name) から受け取ります。

プロトコルの全体は llms.txt にあります。ほかの giit エディターも、それぞれのプレフィックスで同じように動作します - editors.giit.ch。

よくある質問

QR コードに有効期限はありますか?

ありません。QR エディターが作るのは静的コードです。リンク、Wi-Fi のパスワード、連絡先はコードそのものに入っていて、私たちのサーバーのリダイレクトの後ろにはありません。内容が有効な限り使えます。アカウントも定期購入も不要で、読み取り回数の制限もありません。

本当に無料ですか?

はい。すべての内容の種類、すべてのデザインオプション、SVG、PDF、EPS のエクスポート、スキャンチェック、表からの一括作成が無料で、登録も広告も透かしもありません。

データはサーバーに送られますか?

いいえ。コードはブラウザー内で作成、チェック、エクスポートされます。読み取る画像やカメラの映像もブラウザー内で処理され、アップロードされることはありません。

ロゴ入りの QR コードでも読み取れますか?

エディターが教えてくれます。ロゴが隠す部分を誤り訂正で修復できる範囲と比べ、完成したコードを通常、小さいサイズ、ぼかしの 3 通りで読み戻します。確実に読み取れない場合は、印刷する前にわかります。

印刷にはどのファイル形式を使えばよいですか?

SVG、PDF、EPS です。ベクターなので、グラデーションやロゴを含めてどのサイズでもくっきりしています。画像が必要なら、サイズをミリメートルで指定した 300 dpi の PNG を使ってください。

スイス QR 請求書や SEPA 支払いのコードも作れますか?

はい。フォームは IBAN、QR-IBAN とその QR 参照番号、債権者参照番号 (RF)、すべての項目の長さをチェックします。スイス QR 請求書は、規格どおりスイス十字と誤り訂正 M で描画されます。

QR コードを読み取れますか?

はい。画像を開く、ドロップする、貼り付けるか、「スキャン」でカメラを使います。内容は変更できる新しいコードになります。

印刷する QR コードはどのくらいの大きさが必要ですか?

読み取り距離のおよそ 10 分の 1 です。20 cm なら 2 cm、1 メートルなら 10 cm。「チェック」タブで計算でき、1 モジュールが 0.4 mm より小さくなると警告します。