コード着色（26 言語）

機能

• 26 言語対応：JavaScript、TypeScript、Python、Go、Rust、Java、C++、C#、PHP、Ruby、SQL、YAML、JSON、XML など
• プレビューモード：選択コピーで色ごとスライドや Word に貼れます
• HTML モード：インラインスタイルの HTML なので、HTML が使える場所ならどこでも色が残ります
• ライトとダークの 2 配色。サイト内のコードブロックと同一です
• 操作は不要。入力するとその場で色が付きます
• 2 万文字を超えるとプレーンテキストに戻します。ページを固まらせないためです

使い方

1. コードを貼り付け、言語を選びます
2. プレビューモードでは色付きの結果がすぐに表示されます
3. スライドに貼るなら選択してコピー、Web に貼るなら HTML モードでソースをコピーします
4. HTML モードではライト / ダークの配色を選べます

よくある質問

色付きのコードをスライドに貼るには？

プレビューモードで色付きのコードブロックをマウスで選択し、Ctrl+C（Mac は ⌘+C）でコピーして、スライドにそのまま貼り付けます。ブラウザが DOM とそのスタイルをクリップボードに書き込むため、色が保たれます。「すべてコピー」ボタンは使わないでください。あれはプレーンテキストを取るので、貼っても色が付きません。

HTML モードでインラインスタイルを使うのはなぜですか？

貼り付け先に当サイトの CSS が存在しないためです。`class="hljs-keyword"` のような出力は、あなたのブログではただの色のない文字になります。ハイライターのクラス名は、対応するスタイルシートがあって初めて意味を持ちます。インラインスタイルなら色が各タグに書かれるので、どこでも成立します。

対応言語はいくつですか？

26 言語で、日常の開発で使う主要な言語と設定形式をカバーしています。この一覧は実際のサイズで絞り込んだものです。文法を 1 つ登録するごとに、ページのダウンロード量が増えます。そのため言語を追加する前に必ずコストを測っています（方法は README に記載）。

コードは送信されますか？

いいえ。着色はブラウザ内で完結し、ページはリクエストを送りません。社内のコードが端末から出ることはありません。