プログラムをきれいに見せる「コード映え」画像が作れちゃう?!【Ray.so】とは?

Technology
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「Ray.so」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・プログラムを書いている方
・人に見せるための、コード画像がほしい方
・コードをきれいに見せたい方

コード映え?!

おさかな
おさかな

インスタ映えみたいに、コード映えする時代来ないかな…。

ナビまる
ナビまる

とっくに来てるよ!「Ray.so」に!

おさかな
おさかな

ひええええ
(時代の流れについていけない、おさかな氏)

【図解】Web開発者が「学ぶべきスキル」のまとめサイト!【Web Skills】とは?
みなさんこんにちは!おさかなです!今回は「Web Skills」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・Webスキルを上げたい方・Web開発の勉強をしている方・何から勉強すればいい...

「Ray.so」って何?

Ray.so」とは、プログラムのソースコードをきれいに見せる画像が作れるツールのことです。
カスタマイズすることで、いい感じの見栄えにしてくれるので「コードを人に見せたい時」や「SNSで共有したい時」などに活躍すること間違いなしです!(いいね!)

Ray.so - Create beautiful images of your code
Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
インスタの【ストーリー機能】をWordPressにも実装できちゃう?!【Web Stories】とは?
みなさんこんにちは!おさかなです!今回は「Web Stories」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・ストーリー機能を実装したい方・WordPressでもストーリーを投稿したい...

実際につかってみよう!

それでは早速サイトにアクセスします!

デフォルトではSwiftUIのコードが入力されており、その下のメニューバーから見た目をカスタマイズすることができます!(ふむふむ…。)

カスタマイズできる項目は、全部で5つ

・Colors 色
・Background 背景
・Dark mode ダークモード
・Padding 余白
・Language プログラム言語

Colors 色

ここでは4種類の中から「」を選択することができます!(どれもキレイ✨)

Candy

Breeze

Midnight

Subset

Background 背景

ここでは背景のあり/なしを決めることができます。(ふむふむ…。)

背景あり

背景なし

Dark mode ダークモード

ここではスイッチのオン/オフを切り替えることで、ダークモードを使用することができます!
(待ってました!)

デフォルト

ダークモード

Padding 余白

ここでは背景の余白を決めることができ、数字が小さいほど、余白も狭くなります!(なるほど!)

16

32

64

128

Language プログラム言語

基本的にプログラムを記述すると、自動的に「言語」を認識してくれますが、わかりやすくするために手動で設定しておいても良いでしょう!

少し長めのPythonプログラムを書いてみると、こんな感じでコードに合わせて画面も大きくなりました!(おお!)

カスタマイズが完了したら、メニューの一番右にある「Export」ボタンを押しましょう!(ポチッと)

4つの形式で保存することができるので、用途に合わせて選択します。
(今回はURLpng形式にしました!)

↓実際に保存した画像がこちら

Pythonのコード
(ピンクと紫でとってもオシャレになりました!)

背景がないとこんな感じ!

ちなみにシンタックスハイライトは付きませんが「日本語」も普通に入力できます!(わーお!)

おさかな
おさかな

コードの見栄えも良くしちゃおう〜!

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

Webサイト上で読める、JavaScriptの無料本!【Deep JavaScript】とは?
みなさんこんにちは!おさかなです!今回は「Deep JavaScript」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・JavaScriptの学習している方・JavaScriptのおすす...
おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。引っ越し以外の理由で3回も転校したのに、結局中卒。
現在はマイペースに「プログラム」書いたり、「作曲」したり「文章」書いたり色々してます。
SAOのユウキが好きです!

おさかなをフォローする

この記事は役に立ちましたか?

タイトルとURLをコピーしました