コンテンツにスキップ

📸 コードスクリーンショット

コードを貼り付けて言語・テーマ・背景グラデを選択 → きれいな PNG スクリーンショットを生成。SNS シェア・記事のヘッダー画像に。

✅ 完全無料・登録不要・コードはサーバーに送信されません

🔒 プライバシーについて

example.js

📖 使い方

  1. 1
    コードを貼り付け
    テキストエリアにコードを貼り付けます。
  2. 2
    言語・テーマ・背景を選ぶ
    シンタックスハイライトと配色がプレビューに即反映されます。
  3. 3
    PNG として保存
    ダウンロードボタンで PNG を保存。クリップボードにもコピー可能。

❓ よくある質問

コードはサーバーに送られますか?
いいえ。highlight.js と html2canvas を CDN から読み込み、ブラウザ内のみで処理します。
対応言語は?
JavaScript / TypeScript / Python / Go / PHP / Ruby / Bash / JSON / HTML / CSS / SQL に対応。highlight.js が自動検出も行います。
生成画像の解像度は?
プレビューと同じピクセル比 (Retina ディスプレイでは 2x) で書き出されます。
🐛 このツールで問題が発生しましたか?

完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。

※ 不具合再現のため、ブラウザ情報 (UA / 画面サイズ / 言語 / URL) を自動で送信します