便利機能、シンタックスハイライト

date_range 2023/05/08
エンジニアインターン
シンタックスハイライト

こんにちは!

マーケティング部受託プロダクトチームのインターン生、村高歩夢です!



本日は便利機能、シンタックスハイライトについて!

シンタックスハイライトとはpythonやC、シェルスクリプトなどの言語のコードをsnsやwebページに表示する際に見やすくする機能のことです。

例えば、英語で例えるとSVCとかSVOO構文みたいなのがありましたよね?

Sは主語、Vは動詞、Cは…Cは…

そういえばカインズのカカオ72%チョコもう売ってないですね。通年で売ってくれよ。


英語にシンタックスハイライトを使えるとすれば、S, V, C, Oのそれぞれで色を変えることができるようになるんですね。

中学生の女子のノートかよってね。


でもね。これがプログラミング言語だと見やすいんですよ。本当に。

なんでなんでしょうね。


ねぇ?


言いたくないですけれど、正直プログラマー以外は使わないです。


逆にプログラマーの人は知ってると便利!

でもメインで使わないから使い方は知らない人もいるんじゃないですかねぇ。知らんけど。


今回はシンタックスハイライトが使用できる場面を3つ紹介します。


まずは、snsのアプリの機能として使える場合。

Snsでコードを送信して人に聞く、レビューする際、見やすさが圧倒的に変わります。

手間もかからないし、使うべき。


1 Discord


シンタックスハイライトにしたい部分をバッククォート三つで囲みます。最初のバッククォートの後ろに言語を指定します。

Pythonだとこんな感じ


```py

print(‘シンタックスハイライトの例’)

```





クォーテーションマークじゃなくてバッククォートってところが少しややこしいですね。

キーボードの@ + shiftで打ち込めます。

Discordに関しては、使わないと空白とか改行でごっちゃごっちゃになるので必須ですね。


2 slack


左下の+ボタンを押して、「テキストのスニペットを作成する」を選択します。

おそらくslackが一番簡単。




残念ながらLINEやtwitterではシンタックスハイライトの機能ないんですよね。

でも、みなさん安心してください。

作成したシンタックスハイライトを画像にできるサイトがあるんです。それがこちら


3 carbon


このサイトでコードを書いてツイートボタンを押すだけ。もしくはダウンロードするだけ!

ただし、画像なのでコピペはできないです。




シンタックスハイライトもそうですけれど世の中便利なツールはたくさんありますから、どんどん活用していきたいですね。



インターンについて村高について


*COMMENT*

  • 河原田 ゆきえ

    河原田 ゆきえ

    更新日:2023-05-08 18:48

    *コメント*

    知らんけどって最強よね

    *コメント*

  • 谷口 かなこ

    谷口 かなこ

    更新日:2023-05-08 19:06

    *コメント*

    中学生の女子のノート、確かにカラフルですね。
    ペンケースに画家並みの色ペン蓄えがちです。
    そんな中学生の女子のノート並みのカラフルさでありながら、見やすいシンタックスハイライトとは!
    …生憎プログラマーではない為、使う機会はなさそうですが、シンタックスハイライトという単語とざっくり機能だけは今日学びました、ありがとうございます。
    これからも村高君視点の村高君興味範疇の便利ツールを色々と教えて下さい。
    今日もお疲れ様でした!

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード