共有リンク・埋め込みウィジェットビルダー

calcbe の Number Line や Graph Paper などに初期値を埋め込んだ共有URLとレスポンシブ iframe コードを 1 クリックで生成します。平文クエリと base64url(cfg=)の両方に対応し、UTM やハッシュモードもカバーします。

授業資料、LMS、ブログへの埋め込みを想定し、Auto-height スニペットや既存リンクの逆変換(Import)も搭載しています。

他の言語: ja | en | es | zh-CN | nl-nl
新機能

共有リンクの自動生成で教材配布を効率化

プリセットから calcbe ツールを選ぶか、任意パスを入力すると、指定したクエリパラメータをエンコードして共有リンクを生成します。Embed=1 の付与や UTM パラメータ、base64url での圧縮、レスポンシブ iframe までワークフローを一画面に集約しました。

base64url cfg UTM 付与 Auto-height Import & 編集

共有リンクと埋め込みコードを作成

Number Line、Graph Paper、Quick Charts、Worksheet Generator、Random Number、Text Case、Image Resizer、ランダム抽選、全角・半角変換、JSON 整形をプリセット収録。独自パスにも対応します。

パラメータ

キー

プレビュー

埋め込みコード
自動高さスニペット(任意)

生成の過程

    活用シナリオ

    よくある質問

    base64url の cfg= はどのように使いますか?

    「base64url JSON(cfg=)を使う」をオンにすると、入力したパラメータを JSON.stringify → UTF-8 → base64url に変換して cfg= に保存します。+ と / は - と _ に置換し、末尾の = を削除するので LMS やノートアプリでも崩れません。

    iframe の高さやレスポンシブ表示はどう調整しますか?

    レスポンシブをオンにすると aspect-ratio:16/9 のラッパーが適用されます。固定高さが必要な場合は高さ(px)を入力してください。自動高さを使う場合は「自動高さスニペットをコピー」で生成される script を埋め込み先に貼り付けます。