コード・スクリーンショット作成

ソースコードを入力し，美しいグラデーション背景やエディタ風の装飾を施した画像を生成してエクスポートします．

コード・スタイル設定

コードを入力し，背景やウィンドウ装飾のスタイルをカスタマイズしてください．

ソースコード

プログラミング言語

背景グラデーション

macOS風ヘッダーを表示 (閉じる・最小化等)

外側の余白 (Padding)40 px

出力ファイル名

リアルタイムプレビュー

app-code.ts

// サンプルコード
function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet("ZeroTools");

読み込み中...

ZeroToolsは、入力内容を端末内で処理するツールを中心に提供しています。各ツールの対応範囲と制限を確認して利用してください。

目次・記事構成

第1章

何の形式で保存できますか？コードと背景のプレビューをPNG画像として保存します。CSSコードやカラーコードの一覧を出力するツールではありません。

設定は次回も残りますか？現在の実装ではコードや背景設定を自動保存しません。ページを閉じる前に必要なコードと画像を保存してください。

どの見た目を変更できますか？コードの言語、背景、余白、ウィンドウ装飾、ファイル名を設定できます。書き出し前にプレビューで文字の収まりを確認してください。

よくある質問（FAQ）

コードと背景のプレビューをPNG画像として保存します。CSSコードやカラーコードの一覧を出力するツールではありません。

現在の実装ではコードや背景設定を自動保存しません。ページを閉じる前に必要なコードと画像を保存してください。

コードの言語、背景、余白、ウィンドウ装飾、ファイル名を設定できます。書き出し前にプレビューで文字の収まりを確認してください。