Chalk.ist - ソースコードの美しいスクリーンショットを生成

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

S 20230906 114142

自分の作成したプログラムのソースコードのスクリーンショットを共有したいと思っている開発者の方は「Chalk.ist」を検討してみると良いかもしれません。

WebブラウザでChalk.istを開いてソースコードを貼り付けるだけで、美しく加工したスクリーンショット画像を作成し、ダウンロードすることができます。作成したスクリーンショット画像を、SNSで共有したり自分のプロジェクトのホームページで利用したりすることができます。

テーマやプログラミング言語、ウィンドウスタイル、フォント、行番号などさまざまなパラメーターを変更可能なため、オリジナリティのある画像を生成することができます。

使用方法は以下の通りです。

目次

Chalk.istの使用方法

WebブラウザでChalk.istを開き、ソースコード部分を置きかえます。

S 20230906 115405

▲後は、左側のサイドパネルでパラメーターを調整します。最低限「Language」を適切なものに変更しないとシンタックスハイライトが機能しません。ウィンドウ枠をドラッグするとサイズを変更できます。

最後に左下の「Copy Image to Clipboard」あるいは「Download PNG」ボタンをクリックします。

Screenshot

▲例えばこのような画像をダウンロードすることができます。

macOS風のほかWindows風のウィンドウに変更することもできます。変更はリアルタイムに確認可能ですのでいろいろ試してみるのがおすすめです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次