コード
const x = 1;
出力
テーマ付きプレビューカード / エクスポート可能な SVG
開発者ツール
Carbon Code Viewer — テーマ付きコード共有カード
調整可能なテーマ、ウィンドウスタイル、影でコードをプレビューし、ブラウザ内でコードのコピー、SVG のコピー、または SVG のエクスポートを行えます。ドキュメント、SNS 投稿、チケットでスクリーンショットが適さない場合に役立ちます。
コード共有SVGデザイン
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
开发工具
Carbon コードビューア
調整可能なテーマ、ウィンドウスタイル、影でコードをプレビューし、ブラウザ内でコードのコピー、SVG のコピー、または SVG のエクスポートを行えます。ドキュメント、SNS 投稿、チケットでスクリーンショットが適さない場合に役立ちます。
snippet.js
编辑代码和主题后可复制代码、复制 SVG 或导出 SVG 文件。
利用シーン
- ドキュメントやコミュニティで短いスニペットを共有する
- スライド向けに SVG をエクスポートする
- 背景テーマをすばやく試す
使い方
- コードを貼り付け、ファイル名を設定する
- 背景とウィンドウのテーマを選ぶ
- コードのコピー、SVG のコピー、または SVG のエクスポートを行う
入出力サンプル
FAQ
エクスポートはラスターですか、ベクターですか?
SVG のベクター出力に対応しています。表示は貼り付け先に依存します。
完全な IDE のシンタックスハイライトですか?
プレビューは可読性を高めるテーマ整形であり、完全な言語サーバーベースのハイライターではありません。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
テキスト → ASCII アート
Text to ASCII Art — FIGlet バナージェネレーター
短いテキストを選択可能なフォントで FIGlet 形式の ASCII アートバナーに変換し、ブラウザ内で生成できます。CLI のスプラッシュ画面、ターミナルデモ、プレーンテキストの見出しに役立ちます。
ASCII FIGlet ターミナル
README ジェネレーター
README Generator — オープンソースドキュメントスケルトン
プロジェクト名と概要を入力し、Installation、Usage、API、Contributing、License の各セクションを切り替えて、ブラウザ内で構造化された README.md のスケルトンを生成できます。リポジトリや npm パッケージの立ち上げに役立ちます。
README Markdown ドキュメント
Shields.io バッジビルダー
Shields.io Badge Builder — Markdown ジェネレーター
ラベル、メッセージ、色、スタイル、ロゴを設定し、ブラウザ内で Shields.io バッジの Markdown や URL をプレビュー・生成できます。README のビルドステータス、バージョン、技術スタックのバッジに役立ちます。
Shields バッジ Markdown