Elixir

Elixirコードスクリーンショット生成

Elixirのスニペットを、Macから離れることなく共有したくなる画像に。

Elixir のパイプラインは、テキストより画像のほうが本当に読みやすい数少ない例です。形そのものが主張だからです。

Codeshotは貼り付けたコードからElixirを判別するので、言語の選び間違いは起きません。付属する30種類のうち3つのテーマで同じスニペットを、アプリ自身のスタイルシートで表示しています。

defmodule Snapshot do
  def export(code, opts \\ []) do
    code
    |> render(opts[:theme] || "xcode")
    |> scale(opts[:scale] || 2)
    |> save(opts[:path])
  end
end
Atom One · ダーク
defmodule Snapshot do
  def export(code, opts \\ []) do
    code
    |> render(opts[:theme] || "xcode")
    |> scale(opts[:scale] || 2)
    |> save(opts[:path])
  end
end
Solarized · ダーク
defmodule Snapshot do
  def export(code, opts \\ []) do
    code
    |> render(opts[:theme] || "xcode")
    |> scale(opts[:scale] || 2)
    |> save(opts[:path])
  end
end
Tokyo Night · ダーク

Elixirに合うテーマ選び

パイプライン全体をひとつの枠に収めてください。切り取りで分断されたパイプラインは、見せたかったものをまさに失います。

サイズを正しく決める

画像サイズを内容に合わせるか、比率で固定します(1:1、4:3、3:2、16:9、9:16、2:3、3:4)。そのうえで1×・2×・3×から選んで書き出せば、Retinaディスプレイでも鮮明なままです。Cでクリップボードに直接コピー、またはSで保存できます。

30種類のテーマを見比べるか、全体の流れをご覧ください。

Elixirと、ほかの59言語のために

すべてMac上で動作します。コードが外に出ることはありません。

ダウンロード