無料ツールをあなたのサイトに埋め込む

ツールを選び、コードをコピーして、ページに貼り付けるだけ。自動で更新され、モバイルでも動作し、費用はかかりません。お願いするのは CalculatorAI のクレジットを表示したままにすることだけです。

1
ツールを選び、言語とテーマを設定します。
2
生成されたコードをコピー。純粋な HTML でビルド不要です。
3
ツールを表示したい場所に貼り付けます。

How calculator widgets work, and what they cost

ウィジェットの設定

ツール

計算ツール

言語

テーマ

幅 (px)

ウィジェットの最大幅です。狭い列に合わせて縮小し、小さい画面では1列に積み重なります。高さの設定は不要です。ウィジェットが自身を計測し、内容に合わせてサイズを調整します。

埋め込みコード

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="QRコードジェネレーター — CalculatorAI"
    width="100%"
    height="1400"
    style="border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:320px"
    loading="lazy"
    referrerpolicy="strict-origin-when-cross-origin"
  ></iframe>
  <p style="font:400 13px/1.5 system-ui,sans-serif;margin:8px 0 0;text-align:right">
    <a href="https://calculatorai.app/qr-code-generator" target="_blank" rel="noopener">QRコードジェネレーター by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/qr-code-generator"]')
    if (!f) return
    window.addEventListener('message', function (e) {
      if (e.origin !== 'https://calculatorai.app') return
      var d = e.data
      if (!d || d.type !== 'calculatorai:embed:height' || d.slug !== 'qr-code-generator') return
      if (d.height > 0) f.style.height = d.height + 'px'
    })
    // Tells the widget where it sits on this page, so its inputs column can
    // stay in view while the results scroll — the frame is sized to its
    // content and never scrolls itself, so it cannot work that out alone.
    var queued = false
    function send() {
      queued = false
      if (!f.contentWindow) return
      var r = f.getBoundingClientRect()
      f.contentWindow.postMessage(
        { type: 'calculatorai:embed:viewport', slug: 'qr-code-generator', top: r.top, viewport: window.innerHeight },
        'https://calculatorai.app'
      )
    }
    function schedule() {
      if (queued) return
      queued = true
      window.requestAnimationFrame(send)
    }
    window.addEventListener('scroll', schedule, { passive: true })
    window.addEventListener('resize', schedule, { passive: true })
    f.addEventListener('load', send)
    schedule()
  })()
</script>

プレビュー

yourwebsite.com/embed-qr-code-generator

利用条件

商用・非商用を問わず、どのサイトでも無料。登録もキーも上限もありません。

CalculatorAI のクレジットは表示したままに — ウィジェット内のものと、その下のリンクの両方。

コードの改変、CSS でのクレジット非表示、枠の切り取りは禁止です。

条件に違反したサイトへの提供を停止する場合があります。

無料ツールをあなたのサイトに埋め込む

ツールを選び、言語とテーマを設定します。

生成されたコードをコピー。純粋な HTML でビルド不要です。

ツールを表示したい場所に貼り付けます。

利用条件

商用・非商用を問わず、どのサイトでも無料。登録もキーも上限もありません。

CalculatorAI のクレジットは表示したままに — ウィジェット内のものと、その下のリンクの両方。

コードの改変、CSS でのクレジット非表示、枠の切り取りは禁止です。

条件に違反したサイトへの提供を停止する場合があります。