コードスクリーンショットジェネレーター
コードスクリーンショットツールは、貼り付けたコードスニペットをX(旧Twitter)やLinkedInなどですぐに共有できる美しい画像に変換します。言語(JavaScript、TypeScript、Python、JSON、CSS、HTML、Bash)に応じた自動シンタックスハイライト、用意されたセットから選べるグラデーション背景、コード周りの余白、角丸、柔らかく自然な影、そしてファイル名を添えられる色付きドットのタイトルバーを備えています。入力に合わせてプレビューがリアルタイムに更新され、最終的には高解像度(2倍)のPNG画像として書き出せます。処理はすべてブラウザ内で行われ、コードがサーバーにアップロードされることはありません。
デザイン・CSSツール ブラウザ内で完結
コードはすべてブラウザ内で処理され、サーバーにアップロードされることはありません。
コードを貼り付けて、言語・背景・タイトルバーを選ぶだけで、XやLinkedInでシェアできる美しい画像をダウンロードできます — すべてブラウザ内で完結します。
ここでのシンタックスハイライトは、一般的なケース(キーワード、文字列、コメント、数値)をカバーする簡易的な内蔵トークナイザーであり、あらゆる言語に対応する完全なパーサーではありません — 複雑または特殊な構文では100%正確でない場合があります。
背景
プレビューを見るにはコードを貼り付けてください
よくある質問
いいえ — 処理とシンタックスハイライトはすべてブラウザ内で完結しており、貼り付けたコードがサーバーにアップロードされることはありません。