[{"data":1,"prerenderedAt":507},["ShallowReactive",2],{"blog-tag-ja-qr":3},[4,265],{"id":5,"title":6,"author":7,"body":8,"category":248,"coverImage":249,"description":250,"draft":251,"extension":252,"locale":253,"meta":254,"navigation":255,"noindex":251,"path":256,"publishedAt":257,"seo":258,"slug":259,"stem":260,"tags":261,"updatedAt":257,"__hash__":264},"blog\u002Fblog\u002Fqr-create-intro.md","QR コードを生成する — \u002Ftools\u002Fqr-create の思想と使い方","Zerosend Editorial",{"type":9,"value":10,"toc":236},"minimark",[11,15,23,27,67,71,85,89,96,99,102,105,127,130,156,159,165,176,179,182,188,199,205,208],[12,13,14],"p",{},"自社サイトの URL を名刺に載せる、Wi-Fi パスワードを会議室の壁に貼る、イベントのアンケート URL をポスターに印刷する。QR コードは、URL や短いテキストを物理空間に橋渡しする便利な手段です。",[12,16,17,22],{},[18,19,21],"a",{"href":20},"\u002Ftools\u002Fqr-create","Zerosend の QR コード生成ツール"," は、QR を作る作業をブラウザ内で完結させます。",[24,25,26],"h2",{"id":26},"主なユースケース",[28,29,30,38,44,50,61],"ul",{},[31,32,33,37],"li",{},[34,35,36],"strong",{},"URL 共有",": ブログ記事やランディングページの URL を QR 化し、チラシ・ポスター・プレゼンスライドに貼り付ける",[31,39,40,43],{},[34,41,42],{},"名刺への掲載",": 個人サイト・SNS プロフィール・連絡先 vCard を QR にして名刺の余白に印刷する",[31,45,46,49],{},[34,47,48],{},"店舗のメニューリンク",": 飲食店やショップがデジタルメニューの URL を QR 化してテーブルに設置する。メニュー変更のたびに紙を刷り直す必要がなくなる",[31,51,52,55,56,60],{},[34,53,54],{},"Wi-Fi 情報の掲示",": SSID とパスワードを ",[57,58,59],"code",{},"WIFI:S:ネットワーク名;T:WPA;P:パスワード;;"," 形式で入力すると、スキャンするだけで接続できる QR が生成できる",[31,62,63,66],{},[34,64,65],{},"社内限定 URL の共有",": 外部に見られたくない社内ポータルや β テストの URL を、外部サーバーに渡さずに QR 化できる",[24,68,70],{"id":69},"png-と-svg-の使い分け","PNG と SVG の使い分け",[28,72,73,79],{},[31,74,75,78],{},[34,76,77],{},"SVG (印刷用)",": ベクタ形式なので拡大しても劣化しない。名刺・ポスター・看板など印刷物には SVG が最適",[31,80,81,84],{},[34,82,83],{},"PNG (Web 掲載用)",": Web ページや SNS への埋め込みには PNG が扱いやすい。サイズ指定のプレビューも確認しやすい",[24,86,88],{"id":87},"なぜブラウザ内で-qr-を作るのか","なぜブラウザ内で QR を作るのか",[12,90,91,92,95],{},"QR 生成サービスの多くは、入力した URL やテキストをサーバーに送って画像を返す形式です。「URL を QR にしただけ」と思いがちですが、",[34,93,94],{},"どの URL を誰がいつ QR にしたかという履歴がサーバーに残り得ます","。",[12,97,98],{},"社内専用 URL、β 版テスト URL、限定公開のアンケート URL などは、外部に知られたくない情報です。Wi-Fi パスワードや連絡先情報をテキストから QR 化する場合、中身がそのまま第三者のサーバーに渡ります。",[12,100,101],{},"Zerosend では QR 生成処理そのものがブラウザ内で完結するため、入力したテキストは一切外に出ません。",[24,103,104],{"id":104},"使い方",[106,107,108,115,118,121,124],"ol",{},[31,109,110,114],{},[18,111,112],{"href":20},[57,113,20],{}," を開く",[31,116,117],{},"テキスト・URL を入力",[31,119,120],{},"出力形式 (PNG \u002F SVG)・サイズ・誤り訂正レベルを選択",[31,122,123],{},"「QR を生成する」をクリック",[31,125,126],{},"画像をダウンロード",[24,128,129],{"id":129},"誤り訂正レベルの選び方",[28,131,132,138,144,150],{},[31,133,134,137],{},[34,135,136],{},"L (Low, 7%)",": 小さい QR にしたいとき。印刷品質が良いなら実用十分",[31,139,140,143],{},[34,141,142],{},"M (Medium, 15%)",": 汎用・標準",[31,145,146,149],{},[34,147,148],{},"Q (Quartile, 25%)",": 名刺・ステッカーなど汚れ・折れが予想される用途",[31,151,152,155],{},[34,153,154],{},"H (High, 30%)",": ロゴ重ね合わせ・屋外掲示で摩耗想定",[24,157,158],{"id":158},"仕組み",[12,160,161,164],{},[57,162,163],{},"qrcode"," という広く使われているブラウザ対応ライブラリを使っています。",[28,166,167,170,173],{},[31,168,169],{},"入力テキストから QR マトリクスを計算",[31,171,172],{},"Canvas に描画 (PNG) または SVG として直接生成",[31,174,175],{},"モジュール数・誤り訂正レベル・色指定に応じて調整",[12,177,178],{},"SVG で生成すれば、拡大縮小しても劣化しないベクタ画像が得られます。印刷用途には SVG がおすすめです。",[24,180,181],{"id":181},"よくある質問",[12,183,184,187],{},[34,185,186],{},"Q. QR に含められるテキスト量は？","\nA. 仕様上は最大 4296 文字 (英数字)、日本語なら 1817 文字程度まで。長くなるほど QR の密度が上がり、スキャン成功率は下がります。URL 短縮サービスの利用も検討してください (ただしサードパーティ依存が増える)。",[12,189,190,193,194,198],{},[34,191,192],{},"Q. ロゴを中央に重ねたい","\nA. 本ツールでは直接対応していませんが、PNG \u002F SVG をダウンロードしたあと ",[18,195,197],{"href":196},"\u002Ftools\u002Fimage-edit","画像編集"," で合成できます。誤り訂正は H にしておくとスキャン成功率が上がります。",[12,200,201,204],{},[34,202,203],{},"Q. 作った QR の履歴は残りますか？","\nA. 残りません。タブを閉じた時点ですべて消えます。",[24,206,207],{"id":207},"関連ツール",[28,209,210,217,222,229],{},[31,211,212,216],{},[18,213,215],{"href":214},"\u002Ftools\u002Fqr-read","QR コード読み取り"," — 生成した QR の検証・他人の QR の中身確認",[31,218,219,221],{},[18,220,197],{"href":196}," — QR にロゴを重ねる合成に",[31,223,224,228],{},[18,225,227],{"href":226},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF"," — 複数 QR を 1 枚にまとめて印刷",[31,230,231,235],{},[18,232,234],{"href":233},"\u002Ftools\u002Ffavicon-generator","ファビコン生成"," — Web サイト向けアイコン素材もブラウザ内で作成",{"title":237,"searchDepth":238,"depth":238,"links":239},"",2,[240,241,242,243,244,245,246,247],{"id":26,"depth":238,"text":26},{"id":69,"depth":238,"text":70},{"id":87,"depth":238,"text":88},{"id":104,"depth":238,"text":104},{"id":129,"depth":238,"text":129},{"id":158,"depth":238,"text":158},{"id":181,"depth":238,"text":181},{"id":207,"depth":238,"text":207},"tech",null,"Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG \u002F SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。",false,"md","ja",{},true,"\u002Fblog\u002Fqr-create-intro","2026-04-20",{"title":6,"description":250},"qr-create-intro","blog\u002Fqr-create-intro",[262,263],"QR","ツール","6JpZtRhu832AQp3h_uxIPs5vVv-mxaDe0ZRJBFamLnM",{"id":266,"title":267,"author":7,"body":268,"category":248,"coverImage":249,"description":498,"draft":251,"extension":252,"locale":253,"meta":499,"navigation":255,"noindex":251,"path":500,"publishedAt":257,"seo":501,"slug":502,"stem":503,"tags":504,"updatedAt":257,"__hash__":506},"blog\u002Fblog\u002Fqr-read-intro.md","QR コードを読み取る — \u002Ftools\u002Fqr-read の思想と使い方",{"type":9,"value":269,"toc":489},[270,273,279,282,312,316,323,326,340,343,345,366,368,374,395,398,401,404,422,425,427,437,443,449,458,467,469],[12,271,272],{},"怪しい広告に貼られていた QR、送られてきたチラシの QR、カメラで読むにはスマホを近づける距離が取りづらい QR。「画像として手元にある QR を PC でサッと中身だけ確認したい」という場面は意外と多いものです。",[12,274,275,278],{},[18,276,277],{"href":214},"Zerosend の QR 読み取りツール"," は、この用途のためにあります。フィッシングやスキャン型詐欺への自衛にも使えます。",[24,280,281],{"id":281},"どんな場面で役立つか",[28,283,284,290,296,302],{},[31,285,286,289],{},[34,287,288],{},"印刷物の URL を PC でそのまま開きたい",": チラシやポスターの QR を撮影 → 画像をドロップ → URL をコピー、という流れでスマホを使わずに遷移できます",[31,291,292,295],{},[34,293,294],{},"受け取った QR の内容を先に確認したい",": メールや SNS で届いた QR をスキャンする前に、リンク先が安全かテキストで確認できます",[31,297,298,301],{},[34,299,300],{},"スクリーンショットに含まれる QR を読みたい",": 画面録画や資料の中に小さく写っている QR も、画像をそのまま貼り付けるだけで読み取れます",[31,303,304,307,308,311],{},[34,305,306],{},"QR コード生成後の検証",": ",[18,309,310],{"href":20},"QR コード生成ツール"," で作った QR が正しい内容を埋め込んでいるか、すぐ確認できます",[24,313,315],{"id":314},"なぜブラウザ内で-qr-を読み取るのか","なぜブラウザ内で QR を読み取るのか",[12,317,318,319,322],{},"QR 読み取り=「カメラで撮って自動でリンクを開く」と考えがちですが、これは",[34,320,321],{},"危険な挙動","です。悪意のある QR はフィッシングサイト、マルウェア配布 URL、課金トラップ、不審なアプリインストールに誘導することがあります。",[12,324,325],{},"Zerosend はこれに対し 2 つの方針を取ります。",[106,327,328,334],{},[31,329,330,333],{},[34,331,332],{},"画像読み取り処理をローカルで行う"," — QR 画像を第三者に渡さない",[31,335,336,339],{},[34,337,338],{},"デコード結果を自動遷移しない"," — URL が含まれていても、まずテキストとして表示し、ユーザーが内容を確認してから手動で判断できる",[12,341,342],{},"これはセキュリティ設計として重要な原則で、ZerosendのCLAUDE.mdにも「外部 URL への自動遷移禁止」として明記されています。",[24,344,104],{"id":104},[106,346,347,353,356,363],{},[31,348,349,114],{},[18,350,351],{"href":214},[57,352,214],{},[31,354,355],{},"QR が写っている画像をドラッグ&ドロップ",[31,357,358,359,362],{},"自動でデコードが走り、結果が",[34,360,361],{},"プレーンテキスト","として表示される",[31,364,365],{},"内容を確認し、必要なら手動でコピー・遷移",[24,367,158],{"id":158},[12,369,370,373],{},[57,371,372],{},"jsQR"," というブラウザ対応の純 JavaScript QR デコーダを使っています。",[28,375,376,383,389,392],{},[31,377,378,379,382],{},"画像を ",[57,380,381],{},"\u003Ccanvas>"," に描画",[31,384,385,388],{},[57,386,387],{},"getImageData()"," でピクセル配列を取得",[31,390,391],{},"jsQR がピクセル配列から QR を検出・デコード",[31,393,394],{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)",[12,396,397],{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。",[24,399,400],{"id":400},"フィッシング対策としての使い方",[12,402,403],{},"怪しいメール・チラシ・SMS に QR が含まれているとき:",[106,405,406,409,416,419],{},[31,407,408],{},"画像をスクリーンショットや保存で取得 (スキャンしない)",[31,410,411,412,415],{},"Zerosend で読み取って",[34,413,414],{},"テキストとして"," URL を確認",[31,417,418],{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)",[31,420,421],{},"問題なさそうなら手動でアドレスバーに入力して遷移",[12,423,424],{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。",[24,426,181],{"id":181},[12,428,429,432,433,436],{},[34,430,431],{},"Q. 悪意ある QR コードを読み取っても安全ですか？","\nA. 安全です。Zerosend は読み取り結果を ",[34,434,435],{},"テキストとして表示するだけ","で、URL を自動的に開きません。フィッシングサイトへの誘導や不正アプリのインストールは、ユーザーが自分でリンクを開かない限り起きません。設計上の安全機構です。",[12,438,439,442],{},[34,440,441],{},"Q. バーコード (1D コード) も読み取れますか？","\nA. 現状は QR コード (2D) 専用です。バーコードには非対応です。",[12,444,445,448],{},[34,446,447],{},"Q. 画像内に複数の QR がある場合は？","\nA. 現状は最初に検出された 1 つだけ読み取ります。",[12,450,451,454,455,457],{},[34,452,453],{},"Q. 読み取れない QR","\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",[18,456,197],{"href":196}," で補正を試してください。",[12,459,460,463,464,466],{},[34,461,462],{},"Q. 読み取り結果がサーバーに送られていないか確認したい","\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",[57,465,372],{}," ライブラリは純 JavaScript 実装のため、WASM の読み込みもなく初回ロードが軽いです。",[24,468,207],{"id":207},[28,470,471,477,482],{},[31,472,473,476],{},[18,474,475],{"href":20},"QR コード生成"," — 作った QR の検証にも使える",[31,478,479,481],{},[18,480,197],{"href":196}," — QR 画像の切り抜き・回転で読み取り成功率向上",[31,483,484,488],{},[18,485,487],{"href":486},"\u002Ftools\u002Fimage-compress","画像圧縮"," — 読み取れた QR 画像を軽く保存",{"title":237,"searchDepth":238,"depth":238,"links":490},[491,492,493,494,495,496,497],{"id":281,"depth":238,"text":281},{"id":314,"depth":238,"text":315},{"id":104,"depth":238,"text":104},{"id":158,"depth":238,"text":158},{"id":400,"depth":238,"text":400},{"id":181,"depth":238,"text":181},{"id":207,"depth":238,"text":207},"Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-read-intro",{"title":267,"description":498},"qr-read-intro","blog\u002Fqr-read-intro",[262,263,505],"セキュリティ","9MmmWPTfOPwejFG4M1Cr_Z6VD8XdHWqtq-FTJEUil_0",1777617519112]