コードスナップショット生成
開発者のために

コードを数分ではなく数秒でスナップショットに

コードを共有する開発者のための、MacとiPhoneのネイティブアプリ。スニペットを貼り付け、macOSの壁紙やグラデーションの上に置き、必要な比率できれいにそろった画像を書き出せます。

ダウンロード

App Storeで配信 · 一度の購入でMacとiPhoneに対応

クリップボードからタイムラインまで5ステップ

すべてが1つのウィンドウで完結し、書き出される画像は見えているとおりのものです。

1. コードを貼り付ける

スニペットをコピーし、VでCodeshotに直接貼り付けます。貼り付けと同時にハイライトされます。

2. テーマを選ぶ

ライトとダークの両方を備えた30種類のシンタックステーマから選べます。60の言語に対応し、Codeshotが自動判別するか手動で指定できます。Macでは自分だけのテーマを作り、色をひとつずつ決めることもできます。

3. 背景を選ぶ

19種類のmacOS壁紙、92種類のグラデーション、好きな単色、または自分の画像の上にスニペットを配置できます。背景をなくして透過で書き出すことも可能です。

4. フレームを微調整する

角丸、パディング、マージン、ドロップシャドウを設定し、信号機ボタンとタイトルの表示を切り替え、Macにインストール済みの任意の等幅フォントを選べます。

5. 適切なサイズで書き出す

サイズを内容に合わせるか、比率で固定します(1:1、4:3、3:2、16:9、9:16、2:3、3:4)。Cでクリップボードにコピー、プレビューをドラッグ、またはSで書き出せます。

開発者の共有の仕方に合わせて

ハイライト

60言語。コードから自動判別、手動指定も可能

フォント

端末にある任意の等幅フォント

整形

Swift・JavaScript・TypeScript ほか計 11 言語をワンタップで整形

サイズ

1:1 から 9:16 までの比率プリセット、内容に合わせることも可能

書き出し

コピー、ドラッグ、または 1×・2×・3× の PNG で書き出し

テーマ

30種類のテーマ。それぞれにライトとダーク。自作もできる

30種類すべてを見る →

テーマ 新機能

自分のものにする

ライトとダークを備えた30種類の内蔵テーマから選ぶことも、自分で作ることもできます。13色をすべて自分で決められ、プレビューはその場で更新され、ファイルに書き出せば別のMacへそのまま持っていけます。

自分のテーマを作る方法
macOS版Codeshotのテーマ設定。保存したテーマの一覧と、ライブプレビュー、テーマを構成する13の色フィールド

新登場

iPhone でも使えます

同じアプリが、コードを実際に共有することの多い端末でも動きます。ワンタップでクリップボードから貼り付け、テーマと比率を選び、そのまま共有シートへ書き出せます。購入は一度きりで、Mac と iPhone の両方で使えます。

iPhone での使い方
iPhone でも使えます

ショートカット · Mac

アプリを開かずに済ませる

Macでは、Codeshot はショートカットApp に「Make Snapshot」アクションを追加します。コードをコピーし、キーを押し、画像を貼り付ける。アプリは一度も開きません。Finder でファイルを右クリックすれば、その隣に PNG が出来上がります。

4 つの手順を見る
Swift ファイルを右クリックした Finder のメニュー。クイックアクションに「Make code snapshot from file」が表示されている

開発者によるCodeshotの評価

“My favourite code sharing app 🥰”

Pretty handy tool for us devs that share code.”

“Like this one, simple yet powerful 👍, minimizing the time to remember what was the web page I used to generate this screenshot”

“Thank @sarunw for a beautiful code block from @CodeshotApp ❤️”

“This is so great 👏🏻👌🏻”

“This looks nice! I’ll give it a try 😊”

“Buy it, it's worth it to quickly put something together for Twitter.”

“The App is AWESOME… I'm banging out great looking Swifty looking images now.”

Definitely worth it if you share even just a few screenshots of code snippits. I love the range of options for themes and the customization for window size.”

よくある質問

Codeshotとは何ですか?

Codeshotは、コードスニペットをSNSで共有できる画像に変える、MacとiPhoneのネイティブアプリです。処理はすべて手元の端末で行われ、Webページもアップロードもありません。

スニペットを画像にするには?

コードをコピーし、VでCodeshotに貼り付け、テーマと背景を選んでSで書き出します。

対応しているプログラミング言語は?

60言語です。貼り付けたコードからCodeshotが判別するほか、自分で指定することもできます。

テーマはいくつ入っていますか?

30種類のシンタックステーマで、すべてにライトとダークの両方があります。

自分でテーマを作れますか?

Macなら作れます。設定 → テーマでテーマを追加し、背景、通常テキスト、キーワード、文字列、数値、コメント、宣言した型とライブラリの型、関数、メンバー、変数、アノテーション、属性まで、色をすべて自分で決められます。選ぶそばからプレビューが更新されます。作ったテーマは内蔵の30種類と並んで表示され、ファイルとして書き出せるので、別のMacに移したり人に渡したりできます。

書き出せる画像サイズは?

内容に合わせるか、比率で固定できます(1:1、4:3、3:2、16:9、9:16、2:3、3:4)。1×・2×・3×で書き出せ、アプリで見えているものがそのまま書き出されます。

自分のフォントを使えますか?

はい。システムにインストールされている任意の等幅フォントを使用できます。

Carbon.now.shとの違いは?

CodeshotはCarbon.now.shに着想を得ていますが、完璧に中央揃えされたコード、macOSの壁紙背景、リアルタイムの比率プリセットを中心に据えたネイティブアプリです。

ダークモードに対応していますか?

はい。システムの設定に合わせて、ライトとダークが自動で切り替わります。

動作環境は?

MacまたはiPhoneです。1回の購入で両方に対応しているので、片方で入手すればもう片方でも使えます。

次のスニペットにふさわしいフレームを

貼り付け、整え、書き出す。Codeshotはコードを書いてから共有するまでの距離を最短にします。

ダウンロード

App Storeで配信 · 一度の購入でMacとiPhoneに対応