34 KiB
Introduction
Twitter でいつも見るようなこうしたコードのスクリーンショットをご存知ですか?こうしたコードはたいていは印象的ですが、美しさの点では改善の余地があります。Carbon を使えば、ソースコードの美しいスクリーンショットを簡単に作成し、共有することができます。今すぐ、この新しいデザインの力を使ってフォロワーを感動させましょう。
Features
- カスタマイズ. シンタックステーマやウィンドウスタイルなどをカスタマイズ
- すばやくシェア. ワンクリックで画像を保存したり、リンクをツイート
- GitHub gist からのインポート. URL に GitHub gist id を付け加える
Usage
Import
Carbon にインポートするには何通りかの方法があります:
- エディターにファイルをドロップする
- URL に GitHub gist id を付け加える (e.g.
carbon.now.sh/<gist_id_here>
) - コードを直接ペーストする
Customization
コードを Carbon にインポートできたらシンタックステーマや背景色、ウィンドウスタイル、パディングなどで、画像をカスタマイズすることができます。
Export/Sharing
画像のカスタマイズが終わったら、画像リンクをツイートしたり直接ダウンロードできます。
'Tweet'ボタンを使えば、Carbon は自動的に画像を利用できるようにします。もし Carbon の画像を手動でツイートしたい場合は、画像のアクセシビリティを向上させる方法を確認してください。
投稿の中で Carbon 画像を使うと、ソースコードは assistive technology からは見えなくなり、拡大やコピーなどはできなくなります。画像の下にHTML Details Elementのように、テキストとしてソースコードを持つ別の要素を追加することを検討してください。
Installing Carbon for Desktop
Google Chrome などの PWA をサポートしているブラウザを使用しているなら、ブラウザの設定メニューから"Install Carbon..."をクリックすることで、Carbon をオフラインで使用するためにインストールできます。
Community
私たちの素晴らしいコミュニティが作成したプロジェクトをチェックしてください:
Editor Plugins
- IntelliJ IDEA
carbon-now-sh
- 現在の IntelliJ IDEA ファイルの選択したコードをコンテキストメニューから Carbon で開く - Atom
carbon-now-sh
-shift-cmd-A
コマンドを使い、現在の Atom ファイルを Carbon で開く - VS Code
carbon-now-sh
-carbon
コマンドを使い、VS Code ファイルを Carbon で開く - Sublime Text 3
carbon-now-sh
- カスタムコマンドを使い、現在の Sublime Text 3 ファイルの選択したコードを Carbon で開く - Vim
carbon-now-sh
-CarbonNowSh()
関数を使い、現在の Vim/Neovim を Carbon で開く - Emacs
carbon-now-sh
-carbon-now-sh
インタラクティブ関数を使い、現在の Emacs を Carbon で開く - Xcode
carbon-now-sh
-carbon.now.sh
を使い、選択したコードを Carbon で開く
Tools
- CLI
carbon-now-cli
-carbon-now
を使い、Carbon でファイルを開いたり、直接ダウンロードする。インタラクティブモードや、シンタックスハイライト機能など - CodeExpander - TextExpander 機能を備えたスマートな GitHub Gist クライアント
nef
-Xcode Playground
から複数の Carbon のコードスニペットをエクスポート
Libraries
- R
carbonate
-R
でインタラクティブに画像のスタイルを操作し、コードを Carbon で開くか直接ダウンロードする
Textbooks
- "CS 101 - An Introduction to Computational Thinking" - Sarbo Roy によるコンピューターサイエンスのテキストブック
Authors
Carbon は次の人々によるプロジェクトです:
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
License
Contribute
PR を歓迎しています。詳細はCONTRIBUTING.mdをご覧ください。
Thanks To
▲ Vercel は Carbon のホスティングを支援してくれています。
Contributors
All contributors
これらのすべての素晴らしい人々に感謝を (emoji key):