33
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Twitterでかっこよくソースコードを表示するCarbonを君は知っているか。

Posted at

こんにちは、現在フリーのweb制作者として活動していますしょーごと申します。

さてみなさん、ソースコードのハイライトは見ていて気持ちが良いですよね。

VSCodeのコードハイライトだと、class名が緑色になるのが好きだったりします。

スクリーンショット 2020-09-07 20.47.45.jpg

これに慣れてしまうと、もう質素なメモ帳など使えなくなりますよね。

しかし、Twitterにはエディター機能はないので、ツイートしたくてもそのままソースコードを貼り付けると、すごく味気なくなります(文字数制限もきつい)

スクリーンショット 2020-09-07 20.51.48.jpg

私はTwitterを初めて8年、エンジニアを初めて2年立ちますが、2020年からイカしたサービスを活用しています。

コードハイライト大好き教のあなた、今日からCarbonを使うのです。

Carbonとは

Twitterできれいにソースコードを共有できるサービスです。

Carbon

スクショで貼るより綺麗です。

スクリーンショット 2020-09-07 20.10.48.jpg

様々な言語、テーマに対応しているのが写真でわかるかと思います。

上記の写真でのテーマはVSCodeですが、私はsetiというテーマが好きなので、setiで表示していきます。

Ruby

スクリーンショット 2020-09-07 20.16.29.jpg

JavaScript(Vue)

スクリーンショット 2020-09-07 20.19.38.jpg

Sass

スクリーンショット 2020-09-07 20.23.08.jpg

PHP

スクリーンショット 2020-09-07 20.40.51.jpg

簡単投稿、画像保存も可能

Twitterでサインインすればすぐツイートできますし、画像としてpngなどでエクスポートすることも可能です。

スクリーンショット 2020-09-07 20.34.36.jpg

投稿時にはCreated with @carbon_appは消しても問題ありません。
pic.twitter.com以下があれば問題ありません。

スクリーンショット 2020-09-07 20.23.34.jpg

スクリーンショット 2020-09-07 20.32.28.jpg

うーん、おしゃれ!!!

Twitterにソースコードを共有する心理としては、

「私のこのスマートなコードを見てくれ!これ便利でおすすめだぜ!!」

pose_makasenasai_boy.png

という心理かと思いますので(独断と偏見)

訴求力で見ても、とてもスマートなソースコードの共有方法だと思います。

Carbon

33
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
33
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?