オンラインでさくっと簡単!HTML, CSS, JavaScript, C++, Java, Pythonなどのコードを見やすくする無料サービス
Post on:2017年1月18日
HTML, CSS, JavaScript, C++, Java, Pythonなどのコードをコピペするだけでさくっと簡単に、ブラウザ上で見やすく表示する無料のオンラインサービスを紹介します。
Sublime TextやDreamweaverなどのエディタに備わっているシンタックスハイライトが、オンラインで利用できるのはいいですね。

SlidesCodeHighlighter
SlidesCodeHighlighter -GitHub
表示コードは「HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート」のHTMLです。
SlidesCodeHighlighterはオンラインのブラウザ上で、コードをコピペするだけでシンタックスハイライトを適用して見やすく表示してくれます。現在、対応しているコードは下記の通り。
- C++
- Java
- JavaScript
- XML
- HTML
- CSS
- Python
これらのコードは特に指定することなく、自動で対応されます。
表示モードもいくつか用意されており、ライト・ダークなどが利用できます。文字のサイズも自由に変更できます。

テーマ: Light

テーマ: Light(alternate)

テーマ: Dark

テーマ: Dark(design)
sponsors