ray.so、書いた code を記事に載せられる図にする
要約
ray.so は数行の code を三つの手順で使える図に変える。頁を開き、code を貼り、様式を選ぶ。数十の言葉を色分けし、主題は積み上げず選び抜かれ、背景は用意されたぼかしから選ぶことも角度と色を決めることもできる。窓の大きさ、内側の余白、暗い様式はその場で変えられ、持ち出しは 2 倍の精細さ。登録も透かしもなく、中身は公開されている。
おすすめ- ソフト名
- ray.so
- バージョン
- web
- 料金
- 無料
- オープンソース
- オープンソース
- OS
- Web
- 公式サイト
- https://ray.so/
- 更新日時
- 2026-10-06 18:56
コードの切り取りには、専用の道具があってよい
手引きを書き、技術の話の場で返事をし、発表の支度をする。遅かれ早かれ数行のコードを一枚の図にしなければならない。編集画面をそのまま切り取れば背景が騒がしく字は小さい。絵を直す道具を開くには、三枚のためにかける手間が大きすぎる。この道具はその全部を三つの動きに畳む。頁を開き、コードを貼り、様式を選ぶ。出てくるのは窓の部品、丸い角、影、ぼかしの背景を備えた図で、記事にも投稿にもそのまま収まる。
控えめであることが設計の決めごと
この企画は仕事の道具で知られた小さな班の作りで、趣味の良さは足したものではなく省いたほうに出る。色分けは数十の言葉に対応するが、主題の一覧は積み上げずに削ってある。吟味された十数個は、たいてい似合わない二百個に勝る。背景は用意されたぼかしから選ぶことも、角度と色を自分で決めることもできる。雛形と道具の違いはそこにある。
輪郭を変える設定はその場で動かせる。窓の大きさ、内側の余白、夜に読むための暗い見え方。持ち出しは 2 倍の精細さなので、切り取った図は精細な発表資料に置いても投影の光の中で甘くならない。登録の壁も透かしもない。この大きさの道具にとっては、それ自体が商いの形だ。貼り、整え、押し、しまう。
公開されていて、どこまでも無料
企画の全体が大きなコードの置き場で公開され、仕組みは今風だ。いじるのが好きな作り手は自分の網の中に一そろい立てて、班の書類の中でコードの見え方をそろえられる。多くの人には栞一つで足りる。開いて使い、使い終われば離れるという目標がはっきりしているからだ。何も残さず、後を追いもしない。
自分が何でないかも同じくらい明快だ。ここに編集器はなく、履歴も協働もなく、読み込む書類もない。コードは貼られた文として入ってくる。切り取りの失敗も救えない。三百行を一枚に収めるのは、精細さがいくら高くても形として無理がある。正直な直し方は、縮めることではなく削ることだ。
決まった場所を持つ理由
小さな道具の検査は、何ができるかではなく、手が何度そこへ行くかで決まる。書類を書き、技術の場で答え、教材をそろえる人は、同じ動きを週に何度もする。その動きを二秒に変える道具なら、ほかに何をしなくても栞を一つ置く価値がある。
ある午後の実際
不具合の報告を書くときが最も分かりやすい。再現の手順は長い書類のうちの四行で、編集画面の全体を切り取れば、その四行は無関係な文脈の頁に埋もれる。貼り、要る部分まで削り、明るい部屋で電話から見ても読める主題を選び、2 倍で持ち出し、図を差し込む。ここまで一分もかからない。報告は一度書かれ、三十秒しか割かない人に流し読みされるのだから、そこが肝心だ。
教材でも同じ勘定になる。読める四行が載った一枚は、縁に道具の列が三つ並んだ全画面の切り取りに勝る。違いは飾りではなく、その場の誰かが例を実際に読むかどうかを決める。図の狙いがコードそのものなら、枠の中のほかのものはすべて税になる。
天井の話も正直に
これほど狭い道具は一緒に育たないし、育とうとするべきでもない。切れ端の保管を整えることも、版を付けることも、先月どの様式を使ったかを覚えることもない。ふさわしい居場所は、長い連なりの一つの動きだ。ここで切れ端を捕まえ、別の場所で注を付け、三つ目の場所で記事に組み上げる。部品として見れば優れ、台として見れば何でもない。そしてそれは最初からそう名乗っていない。
小さな道具の値打ちは、一つの動きを突き詰めることにある。勘定の仕組みも支払いの壁もなく、中身は公開され、頁を開けば三秒で図が出る。コードを一枚切り取るという頻度の高い小さな用には、これがちょうどよい分量のソフトだ。