## Introduction Twitter で[いつも見るような](https://twitter.com/dan_abramov/status/890191815567175680)[こうしたコード](https://twitter.com/reactjs/status/890511993261654017)の[スクリーンショット](https://twitter.com/notquiteleo/status/873483329345028096)をご存知ですか？こうしたコードはたいていは印象的ですが、美しさの点では改善の余地があります。Carbon を使えば、ソースコードの美しいスクリーンショットを簡単に作成し、共有することができます。今すぐ、この新しいデザインの力を使ってフォロワーを感動させましょう。

Carbon example

## Features - **カスタマイズ**. シンタックステーマやウィンドウスタイルなどをカスタマイズ - **すばやくシェア**. ワンクリックで画像を保存したり、リンクをツイート - **GitHub gist からのインポート**. URL に GitHub gist id を付け加える ## Usage #### Import Carbon にインポートするには何通りかの方法があります: - エディターにファイルをドロップする - URL に GitHub gist id を付け加える (e.g. [`carbon.now.sh/`](https://carbon.now.sh/3208813b324d82a9ebd197e4b1c3bae8)) - コードを直接ペーストする #### Customization コードを Carbon にインポートできたらシンタックステーマや背景色、ウィンドウスタイル、パディングなどで、画像をカスタマイズすることができます。 #### Export/Sharing 画像のカスタマイズが終わったら、画像リンクをツイートしたり直接ダウンロードできます。 'Tweet'ボタンを使えば、Carbon は自動的に画像を利用できるようにします。もし Carbon の画像を手動でツイートしたい場合は、[画像のアクセシビリティを向上させる方法](https://help.twitter.com/en/using-twitter/picture-descriptions)を確認してください。投稿の中で Carbon 画像を使うと、ソースコードは assistive technology からは見えなくなり、拡大やコピーなどはできなくなります。画像の下に[HTML Details Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details)のように、テキストとしてソースコードを持つ別の要素を追加することを検討してください。 #### Installing Carbon for Desktop Google Chrome などの PWA をサポートしているブラウザを使用しているなら、ブラウザの設定メニューから"Install Carbon..."をクリックすることで、Carbon をオフラインで使用するためにインストールできます。 ## Community 私たちの素晴らしいコミュニティが作成したプロジェクトをチェックしてください: ##### Editor Plugins - [IntelliJ IDEA `carbon-now-sh`](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh) - 現在の IntelliJ IDEA ファイルの選択したコードをコンテキストメニューから Carbon で開く - [Atom `carbon-now-sh`](https://atom.io/packages/carbon-now-sh) - `shift-cmd-A`コマンドを使い、現在の Atom ファイルを Carbon で開く - [VS Code `carbon-now-sh`](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh) - `carbon`コマンドを使い、VS Code ファイルを Carbon で開く - [Sublime Text 3 `carbon-now-sh`](https://github.com/molnarmark/carbonSublime) - カスタムコマンドを使い、現在の Sublime Text 3 ファイルの選択したコードを Carbon で開く - [Vim `carbon-now-sh`](https://github.com/kristijanhusak/vim-carbon-now-sh) - `CarbonNowSh()`関数を使い、現在の Vim/Neovim を Carbon で開く - [Emacs `carbon-now-sh`](https://github.com/veelenga/carbon-now-sh.el) - `carbon-now-sh`インタラクティブ関数を使い、現在の Emacs を Carbon で開く - [Xcode `carbon-now-sh`](https://github.com/StevenMagdy/CarboNow4Xcode) - `carbon.now.sh`を使い、選択したコードを Carbon で開く ##### Tools - [CLI `carbon-now-cli`](https://github.com/mixn/carbon-now-cli) - `carbon-now`を使い、Carbon でファイルを開いたり、直接ダウンロードする。インタラクティブモードや、シンタックスハイライト機能など - [CodeExpander](https://codeexpander.com) - TextExpander 機能を備えたスマートな GitHub Gist クライアント - [`nef`](https://github.com/bow-swift/nef#-exporting-carbon-code-snippets) - `Xcode Playground`から複数の Carbon のコードスニペットをエクスポート ##### Libraries - [R `carbonate`](https://yonicd.github.io/carbonate/) - `R`でインタラクティブに画像のスタイルを操作し、コードを Carbon で開くか直接ダウンロードする ##### Textbooks - ["CS 101 - An Introduction to Computational Thinking"](https://itunes.apple.com/us/book/id1435714196) - Sarbo Roy によるコンピューターサイエンスのテキストブック ## Authors Carbon は次の人々によるプロジェクトです: - Mike Fix ([@mfix22](https://twitter.com/fixitup2)) - Brian Dennis ([@briandennis](https://github.com/briandennis)) - Jake Dexheimer ([@jakedex](https://github.com/jakedex)) #### License [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon?ref=badge_large)

--- ## Contribute PR を歓迎しています。詳細は[CONTRIBUTING.md](/.github/CONTRIBUTING.md)をご覧ください。 ### Thanks To [ ▲ Vercel ](https://vercel.com?utm_source=carbon-app&utm_campaign=oss)は Carbon のホスティングを支援してくれています。 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Fcarbon-app%2Fcarbon&project-name=carbon&repo-name=carbon) ### All contributors これらのすべての素晴らしい人々に感謝を ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

_briandennis 💻 📖 🚇 👀	_mfix22 💬 💻 🤔	_jakedex 💬 💻 🎨 📹	_andrewda 💬 💻 🐛 👀	_yeskunall 💻 📖 🔧 🐛	_{stoshfabricius} 💻	_jkling38 📖
_otobrglez 💻	_darahak 📖	_dom96 💻	_{elrumordelaluz} 💻	_cjb 💻	_{Krzysztof-Cieslak} 💻	_fernahh 📖
_g3r4n 💻	_{Mat Gadd} 🐛 💻	_{Brad Davies} 🐛 💻	_{Rafael Câmara} 💻	_{Gleb Bahmutov} ⚠️ 🔧	_{Iván Munguía} 💻	_{Dillon Mulroy} 💻
_{Nihad Abbasov} 💻	_{Bruno C. Couto} 💻	_{Mark Molnar} 💻	_{Takahiko Inayama} 💻	_{François Martin} 💻	_{Raphael Amorim} 💻	_{Camron Flanders} 💻
_{Eric Adamski} 💻	_{Winner Crespo} 💻 🎨	_Milos 💻 🔧 📖 🌍	_{Yashu Mittal} 💻	_{Rachel M. Carmena} 📖	_{Miguel Salazar} 📖 🌍	_{Vyom Jain} 📖 🌍
_racaljk 🌍	_Sean 💻	_{Izabela Borges} 🌍	_{Shinil M S} 🌍	_{Berke Atac} 🌍	_{LEE YONGJUN} 🌍	_{Matthew Nielsen} 💻
_Boy 📦	_{Vetrivel Chinnasamy} 🌍	_{Farzad YZ} 💻 🤔	_{Yannick Loriot} 🌍	_{Joel Hanson} 💻	_{Muhammad Muzzammil} 💻	_souppower 🚇
_{Masato Urai (@uraway_)} 🌍	_Fernando 🌍	_{Megha Sachdev} 💻 ⚠️	_{Anudeep Reddy} 🚇	_Munieru 🌍	_{Adam Lusted} 💻	_{Jose Noriega} 🌍
_{Merlin Fuchs} 🌍	_{Ramy Majouji} 💻	_{Viktor Nemes} 💻	_{Eric Bailey} 💻	_Nazeefa 🌍	_{Pratik Butani} 📝	_{Bakti Aditya} 💻
_{Caleb Taylor} 💻	_{Rogério Munhoz} 💻	_Technoknol 💻	_{Tymoteusz Makowski} 💻	_{Nisar Hassan Naqvi} 🐛	_{Ilyas Karim} 🐛	_{Nick Fix} 🤔
_{Melanie Sumner} 🤔	_aluc 💻	_{B. Mearns} 🤔	_{Peng Jie} 💻	_{Binyamin Aron Green} 💻	_Michal 🌍	_{Quinn Blenkinsop} 💻
_{Dwiferdio Seagal Putra} 💻	_{Ashley Woodall Clark} 💻	_{Tim Wienk} 🌍	_{George McCarron} 📖	_{Erwin Rahayu} 🌍 📖	_Luca 💻	_{Andrew Hayes} 💻
_{Bereket Semagn} 💻	_{Lorenzo Lancia} 🌍	_{Guy Adler} 🌍	_{Dan Bamikiya} 🤔	_kewang 🌍	_{Rizda Dwi Prasetya} 🖋	_AbreuY 🌍
_{>_Rizky.dev} 🌍 📖	_{Abidemi Harry} 💻	_Marco 🌍	_{Sam Robbins} 📖	_alceil 💻	_hatsu 💻	_{Praveen Kumar Purushothaman} 🌍
_{Amir Elsagan} 🌍	_korzck 🌍	_{Sakibul Alam} 🌍