こんなふうにコードの画像が入ったツイートを見かけて、どうやって作るのだろうと思ったことがあるかもしれません。

こうした画像は Codeshot を使えば簡単に作れます。

コード画像の作り方

  1. コードをクリップボードにコピーします（⌘ - command + C）。
  2. Codeshot を開きます。
  3. Codeshot にコードを貼り付けます（「編集」>「コードをペースト」、または ⌘ - command + ⇧ - shift + V）。言語は自動で判定されます。
  4. 好みのテーマと、ライトまたはダークのバリアントを選びます。
  5. 背景を選びます。macOS の壁紙、グラデーション、単色、手持ちの画像から選べます。
  6. アスペクト比を「オリジナル」から「固定」に切り替えて比率を選びます。ツイートには 16:9 がよく合います。
  7. 「ファイル」>「イメージを保存」（⌘ - command + S）で書き出すか、⌘ - command + ⇧ - shift + C で画像を直接クリップボードにコピーします。

これだけです。きれいに整ったコード画像がツイート用にできあがります。