|
|
|
|
<p align="center"><img width=100% src="https://user-images.githubusercontent.com/10369094/31211729-591d059c-a950-11e7-86af-fa5ea3d7dbac.png"></p>
|
|
|
|
|
|
|
|
|
|
<!--[![Dependencies](https://img.shields.io/david/dawnlabs/carbon.svg)](https://github.com/dawnlabs/carbon/blob/readme-badges/package.json)-->
|
|
|
|
|
|
|
|
|
|
[![All Contributors](https://img.shields.io/badge/all_contributors-51-orange.svg?style=flat-square)](#contributors)
|
|
|
|
|
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
|
|
|
|
|
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
|
|
|
|
|
[![MIT License](https://img.shields.io/github/license/dawnlabs/carbon.svg)](https://github.com/dawnlabs/carbon/blob/master/LICENSE)
|
|
|
|
|
[![Greenkeeper badge](https://badges.greenkeeper.io/dawnlabs/carbon.svg)](https://greenkeeper.io/)
|
|
|
|
|
[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/carbon-now)
|
|
|
|
|
<br></br>
|
|
|
|
|
[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/dawnlabs/carbon&env=TWITTER_CONSUMER_KEY&env=TWITTER_CONSUMER_SECRET&env=TWITTER_ACCESS_TOKEN_KEY&env=TWITTER_ACCESS_TOKEN_SECRET&env=LOGS_SECRET_PREFIX)
|
|
|
|
|
|
|
|
|
|
##### Translations
|
|
|
|
|
|
|
|
|
|
- [Español](/docs/README.es.md)
|
|
|
|
|
- [हिंदी](/docs/README.hi.md)
|
|
|
|
|
- [Deutsch](/docs/README.de.md)
|
|
|
|
|
- [简体中文](/docs/README.cn.zh.md)
|
|
|
|
|
- [Português](/docs/README.br.pt.md)
|
|
|
|
|
- [മലയാളം](/docs/README.ml.md)
|
|
|
|
|
- [Türkçe](/docs/README.tr.md)
|
|
|
|
|
- [한국어](/docs/README.kr.md)
|
|
|
|
|
- [தமிழ்](/docs/README.ta.md)
|
|
|
|
|
- [Français](/docs/README.fr.md)
|
|
|
|
|
|
|
|
|
|
## Introduction
|
|
|
|
|
|
|
|
|
|
Twitterで[いつも](https://twitter.com/dan_abramov/status/890191815567175680)[見るような](https://twitter.com/reactjs/status/890511993261654017)[こうしたコード](https://twitter.com/notquiteleo/status/873483329345028096)の[スクリーンショット](https://twitter.com/zeithq/status/805779711154647040)をご存知ですか?こうしたコードはたいていは印象的ですが、美しさの点では改善の余地があります。Carbonを使えば、ソースコードの美しいスクリーンショットを簡単に作成し、共有することができます。今すぐ、この新しいデザインの力を使ってフォロワーを感動させましょう。
|
|
|
|
|
|
|
|
|
|
プロジェクトの詳細は[carbon.now.sh](https://carbon.now.sh)や[投稿](https://dawnlabs.io/case-studies/carbon/)にあります。
|
|
|
|
|
|
|
|
|
|
## Features
|
|
|
|
|
|
|
|
|
|
- **GitHub gistからのインポート**. URLにGitHub gist idを付け加える
|
|
|
|
|
- **カスタマイズ**. シンタックステーマやウィンドウスタイルなどをカスタマイズ
|
|
|
|
|
- **すばやくシェア**. ワンクリックで画像を保存したり、リンクをツイート
|
|
|
|
|
|
|
|
|
|
## Example
|
|
|
|
|
|
|
|
|
|
<p align="center"><img width=100% src="https://user-images.githubusercontent.com/10369094/30791512-cb001438-a167-11e7-952b-f0f0e5c4499e.png"></p>
|
|
|
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
|
|
|
|
|
#### Import
|
|
|
|
|
|
|
|
|
|
Carbonにインポートするには何通りかの方法があります:
|
|
|
|
|
|
|
|
|
|
- エディターにファイルをドロップする
|
|
|
|
|
- URLにGitHub gist idを付け加える (e.g. `carbon.now.sh/GIST_ID_HERE`)
|
|
|
|
|
- コードを直接ペーストする
|
|
|
|
|
|
|
|
|
|
#### 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)のように、テキストとしてソースコードを持つ別の要素を追加することを検討してください。
|
|
|
|
|
|
|
|
|
|
## 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でファイルを開いたり、直接ダウンロードする。インタラクティブモードや、シンタックスハイライト機能など
|
|
|
|
|
- [Carbonize](https://itunes.apple.com/us/app/carbonize/id1451177988) - 拡張ネイティブ機能を備えたmacOSラッパー
|
|
|
|
|
- [CodeExpander](https://codeexpander.com) - TextExpander機能を備えたスマートなGitHub Gistクライアント
|
|
|
|
|
|
|
|
|
|
##### 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によるコンピューターサイエンスのテキストブック
|
|
|
|
|
|
|
|
|
|
## Contribute
|
|
|
|
|
|
|
|
|
|
PRを歓迎しています。詳細は[CONTRIBUTING.md](https://github.com/dawnlabs/carbon/blob/master/.github/CONTRIBUTING.md)をご覧ください。
|
|
|
|
|
|
|
|
|
|
## Thanks To
|
|
|
|
|
|
|
|
|
|
[ ▲ ZEIT ](https://zeit.co/)はCarbonのホスティングを支援してくれています。
|
|
|
|
|
|
|
|
|
|
## Authors
|
|
|
|
|
|
|
|
|
|
Carbonは<a href="http://dawnlabs.io/"><img width=8% src="https://cloud.githubusercontent.com/assets/10369094/25406306/dacebd4c-29cb-11e7-8e1c-468687cde495.png"></a>によるプロジェクトです
|
|
|
|
|
|
|
|
|
|
- Mike Fix ([@mfix22](https://github.com/mfix22))
|
|
|
|
|
- Brian Dennis ([@briandennis](https://github.com/briandennis))
|
|
|
|
|
- Jake Dexheimer ([@jakedex](https://github.com/jakedex))
|
|
|
|
|
|
|
|
|
|
## Contributors
|
|
|
|
|
|
|
|
|
|
これらのすべての素晴らしい人々に感謝を ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
|
|
|
|
|
|
|
|
|
|
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
|
|
|
|
|
<!-- prettier-ignore -->
|
|
|
|
|
<table cellspacing="0" cellpadding="1"><tr><td><a href="https://github.com/briandennis"><img src="https://avatars0.githubusercontent.com/u/10078572?v=4" width="100px;" height="100px;" alt="briandennis"/><br /><sub><b>briandennis</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=briandennis" title="Code">💻</a> <a href="https://github.com/dawnlabs/carbon/commits?author=briandennis" title="Documentation">📖</a> <a href="#infra-briandennis" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#review-briandennis" title="Reviewed Pull Requests">👀</a></td><td><a href="https://github.com/mfix22"><img src="https://avatars0.githubusercontent.com/u/8397708?v=4" width="100px;" height="100px;" alt="mfix22"/><br /><sub><b>mfix22</b></sub></a><br /><a href="#question-mfix22" title="Answering Questions">💬</a> <a href="https://github.com/dawnlabs/carbon/commits?author=mfix22" title="Code">💻</a> <a href="#ideas-mfix22" title="Ideas, Planning, & Feedback">🤔</a></td><td><a href="https://github.com/jakedex"><img src="https://avatars1.githubusercontent.com/u/10369094?v=4" width="100px;" height="100px;" alt="jakedex"/><br /><sub><b>jakedex</b></sub></a><br /><a href="#question-jakedex" title="Answering Questions">💬</a> <a href="https://github.com/dawnlabs/carbon/commits?author=jakedex" title="Code">💻</a> <a href="#design-jakedex" title="Design">🎨</a> <a href="#video-jakedex" title="Videos">📹</a></td><td><a href="https://github.com/andrewda"><img src="https://avatars1.githubusercontent.com/u/10191084?v=4" width="100px;" height="100px;" alt="andrewda"/><br /><sub><b>andrewda</b></sub></a><br /><a href="#question-andrewda" title="Answering Questions">💬</a> <a href="https://github.com/dawnlabs/carbon/commits?author=andrewda" title="Code">💻</a> <a href="https://github.com/dawnlabs/carbon/issues?q=author%3Aandrewda" title="Bug reports">🐛</a> <a href="#review-andrewda" title="Reviewed Pull Requests">👀</a></td><td><a href="https://github.com/yeskunall"><img src="https://avatars2.githubusercontent.com/u/14703164?v=4" width="100px;" height="100px;" alt="yeskunall"/><br /><sub><b>yeskunall</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=yeskunall" title="Code">💻</a> <a href="https://github.com/dawnlabs/carbon/commits?author=yeskunall" title="Documentation">📖</a> <a href="#tool-yeskunall" title="Tools">🔧</a> <a href="https://github.com/dawnlabs/carbon/issues?q=author%3Ayeskunall" title="Bug reports">🐛</a></td><td><a href="https://github.com/stoshfabricius"><img src="https://avatars1.githubusercontent.com/u/2652676?v=4" width="100px;" height="100px;" alt="stoshfabricius"/><br /><sub><b>stoshfabricius</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=stoshfabricius" title="Code">💻</a></td><td><a href="https://github.com/jkling38"><img src="https://avatars1.githubusercontent.com/u/11639896?v=4" width="100px;" height="100px;" alt="jkling38"/><br /><sub><b>jkling38</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=jkling38" title="Documentation">📖</a></td></tr><tr><td><a href="https://github.com/otobrglez"><img src="https://avatars1.githubusercontent.com/u/225946?v=4" width="100px;" height="100px;" alt="otobrglez"/><br /><sub><b>otobrglez</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=otobrglez" title="Code">💻</a></td><td><a href="https://github.com/darahak"><img src="https://avatars3.githubusercontent.com/u/11488612?v=4" width="100px;" height="100px;" alt="darahak"/><br /><sub><b>darahak</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=darahak" title="Documentation">📖</a></td><td><a href="https://github.com/dom96"><img src="https://avatars0.githubusercontent.com/u/246651?v=4" width="100px;" height="100px;" alt="dom96"/><br /><sub><b>dom96</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=dom96" title="Code">💻</a></td><td><a href="https://github.com/elrumordelaluz"><img src="ht
|
|
|
|
|
<!-- ALL-CONTRIBUTORS-LIST:END -->
|