プログラミングコードを美しく画像化してくれるWebサービス 『Chalk.ist』

プログラミングコードを美しく

画像化してくれるWebサービス。

SNSや記事のアイキャッチ画像などに

便利でコードを紹介できます。

chalkist5

Chalk.ist リンク先はこちらから

chalkist1

左側で様々な表示設定が可能です。

まずはテーマを決めてプログラミングの

言語を選択します。

JSON

YAML

HandLebars

HTML

Markdown
Twig

GO

Python

PHP

C#

JavaScript

TypeScript

CSS

SCSS

に対応しています。

各表示設定やウィンドウ幅なども

調整が可能です。

chalkist2

言語を選択するとコードを

色分けして表示してくれます。

chalkist3

CSSを記述してみました。

画面右側のスペースがメモ帳みたいに

どんどん記入が出来ます。

chalkist4

左側のTwitter Badgeを入力すると

Twitterアカウントを表示が可能です。

コードを紹介したい場合や

ブログ記事などのアイキャッチ画像などに

如何でしょうか。

  • コメント: 0

世界中のニュースをマップで見れるWebサービス 『GDELT Live』前のページ

BGMにも便利な日本中のラジオが視聴できるWebサービス 『JPradio』次のページ

関連記事

  1. 言語・開発・勉強

    これは面白い!! 人体模型をグリグリ見れちゃうWebサービス 『ZygoteBody』

    理科室にあった人体模型をグリグリ回しながら細部まで細かく見れる…

  2. 言語・開発・勉強

    スゴイ!! CSS3で作られたアニメーションがWebの可能性を広げてくれそう

    CSS3で作られた様々なアニメーションを体験できるWebサイトをご紹介…

  3. 言語・開発・勉強

    HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

    ライブコーディングできる「CodePen」に面白いシミュレーションが公…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP