title: 5 つの無料のコードスクリーンショットジェネレーター、コードを画像に変換するためのツール
date: 2022-03-16 16:23:14
toc: true
index_img: https://b3logfile.com/file/2022/03/Snipaste_2022-03-16_16-31-32-a46da232.png
category:
- 共有
tags: - 共有
- 無料
- コード
- スクリーンショット
- 生成
- 変換
- 画像
コードの検証#
以下は、すべてのウェブサイトで検証に使用されるコードです:
package demo;
import java.io.File;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Controller
@RequestMapping(value = "/api/zzb/relation", method = RequestMethod.POST)
@RestApi(docUrl = "/zzb/relation/restservice/zzbRelationRestHelp.jsp", name = "excelHandleRest", resourceKey = "zzb-relation:zzbRelation.event.excelHandleRest")
public class ExcelHandleRest {
private static final Logger logger = org.slf4j.LoggerFactory.getLogger(ExcelHandleRest.class);
final String projectPath = System.getProperty("user.dir");
final String url = StrUtil.format("{}{}zzb{}relation{}zzb.xlsx", projectPath,
File.separator,
File.separator,
File.separator);
public void init() {
LoggerContext loggerContext = (LoggerContext) LoggerFactory.getILoggerFactory();
ch.qos.logback.classic.Logger vLogger = loggerContext.getLogger("com.landray.kmss.zzb.relation.rest.ExcelHandleRest");
vLogger.setLevel(ch.qos.logback.classic.Level.INFO);
logger.info("【テスト】日本語の効果 -> {}", DateUtil.now());
}
}
Carbon#
これは無料のオンラインツールで、ソースコードを素晴らしい画像で表示し、コミュニティで共有することができます。
コードを直接コピー&ペーストするか、ファイルをエディタにドラッグ&ドロップします。
テーマや背景色 / 画像などのカスタマイズオプションで画像をカスタマイズできます。
"設定" パネルでは、適切なフォント、フォントサイズ、塗りつぶし、透かしの追加などのオプションを選択できます。
見た目が整ったら、コードスニペットを PNG / SVG ファイルとして保存したり、ソーシャルメディアプラットフォームに投稿するための URL リンクを作成したりできます。
使用の便利さのために、多くのキーボードショートカットが提供されています。
Kod.so#
Kod.so は非常にシンプルなオンラインツールで、コードスニペットを美しい画像にするための機能を提供しています。
空白のスペースにコードを入力するか、IDE からコードをコピー&ペーストします。
背景色 / パターンの変更や、構文のタイプ、フォント、シャドウ、塗りつぶし、透かしのような他のカスタマイズも完了できます。興味深い機能の 1 つは、コードウィンドウにカスタマイズ可能な半径の丸角を作成できることです。
これらの操作をすべて完了したら、画像(JPG / PNG / SVG)をローカルディスクにダウンロードしたり、必要に応じて共有リンクを提供したりできます。
コードが長すぎると画像が出力されず、中国語はサポートされていません!!!
短いコードに切り替えると、画像が表示されますが、中国語はサポートされません。
Codeimg.io#
この優れたツールでは、Facebook、Twitter、Instagram などのソーシャルネットワークテンプレートに基づいて、コードスニペットの画像を共有する場所を選択できます。
コードを直接入力するか、エディタにコードを貼り付けます。ウィンドウスタイルを Windows または MacOS に選択し、背景色、塗りつぶし、フォント、シャドウなどの他の設定をカスタマイズします。
"エディタ" パネルからは、いくつかの魅力的なプリセットテーマを選択したり、JavaScript、Apache などのコード構文を選択したりできます。最後に、コードスニペットの画像を PNG、JPEG、または SVG として保存します。
ただし、前の 2 つのツールとは異なり、画像への URL リンクを作成するオプションはありません。
【おすすめ】Ray.so#
このツールでは、グラデーション背景を持つコードの美しい画像を作成することもできます。
以前のツールとほぼ同じ方法で動作します。
空白のスペースにコードを入力するか、IDE からコードをコピー&ペーストします。
背景色、塗りつぶし、ダークモードの設定、および言語の構文を選択します。
完了したら、PNG / SVG 形式の画像をダウンロードするか、要件に応じて共有するためのリンクを作成します。
Codekeep.io#
Codekeep は、コードスニペットから画像を生成する非常に強力なツールです。
Google、Twitter、または GitHub のアカウントでログインし、「コードスクリーンショット」をクリックします。
IDE からコードを入力するか、コードをコピー&ペーストします。
適切なテンプレートを選択し、テーマ、シャドウ、コードウィンドウの角丸などの便利なカスタマイズを実行します。背景色を選択し、Codekeep の対応するタブから画像 / アイコンを追加します。
最後に、PNG 形式の画像をダウンロードするか、直接 Twitter でリンクを共有します。必要に応じて、同じリンクを他のプラットフォームでも共有できます。