💻 コードスクリーンショット装飾

コードやテキストを貼り付けると、グラデーション背景・Mac風ウィンドウ枠・角丸・影を付けて、きれいな画像として保存してくれるツールです。開発ブログ・発表スライド・Twitter/Instagramに載せるコード片を、洗練されたカード画像にするのに便利です。

使い方

1. コードやテキストを入力欄に貼り付けます。
2. 8種類のグラデーションから背景を選び、ウィンドウのタイトルや余白を調整します。
3. ダークテーマとウィンドウ枠（信号機ボタン）のチェックボックスでスタイルを仕上げます。
4. プレビューを確認してから「PNGダウンロード」で高解像度の画像を保存します。

よくある質問

貼り付けたコードはサーバーに送信されますか？

いいえ。コードのレンダリングと画像生成はすべてブラウザのcanvasで処理され、入力したコードがサーバーに送信・保存されることはありません。機密性の高いコードでも安心して使えます。

文法の色分け（シンタックスハイライト）もできますか？

現在のバージョンは単色の等幅フォントでコードをレンダリングし、言語別の文法色分けは適用しません。代わりにグラデーション背景・ウィンドウ枠・影で視覚的に映える画像を作れます。

画像の解像度は低くないですか？

Retinaディスプレイでも鮮明になるよう、実際の表示サイズの2倍の解像度でレンダリングします。ブログ本文やスライドに拡大して入れても文字がつぶれません。