背景
前後するが、なぜGoogleドキュメントでコードを記述したかったかというと、Googleドキュメントだと、情報共有が楽な上にメンバー間でドキュメントを更新しあえるのが簡単だから、Googleドキュメントでシンタックスハイライトを行なって、見やすいドキュメント作成を行いたかったから。
Googleドキュメント(GoogleDocs)でシンタックスハイライトを行うには
とても簡単。
Code Prettyというアドオンを入れるだけ。ほんとこれだけ。※こちらのアドオンは使用不可となりました。
Code Blocksというアドオンを入れるだけ。ほんとこれだけ。
インストール手順
- Googleドキュメント(GoogleDocs)を開く
- 右下の新規作成を押下
- メニューバー > アドオン > アドオンを取得
- 「
Code PrettyCode Blocks」を検索 - 「
Code PrettyCode Blocks」にアクセスを許可する - CodeがPrettyになる
以上。ほんと、これだけ。
![code_blocsk.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2F36e312ef-38c4-15a9-1d27-b35ba2cded07.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2920d5f4405b06b7e17b24aec9c4ff11)
![code_blocsk01.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2Fb519918c-1a0a-9eb0-8082-2dfc014f26bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=999414cc00e9d028aeee7acde581ac09)
![code_blocks02.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2F4bc8b02f-c848-9ba6-2ec2-9a8e284b4124.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=aa592e4f678535784e012ea72bea4329)
![code_blocks03.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2F0b04b32b-7734-3b19-0108-972e0c6c7631.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6e81a9a827676f468c993b140639e98a)
使用例
![use01.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2F13677f8d-a36a-c913-c462-62c92387f070.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=73e34ea3a6ca4c8efdd95beca1efadbc)
![use02.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2Fbfb89c45-06e2-d0af-b76a-725cf596eacf.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8fd10b773e1c2089c96bc1d5909dd453)
![use03.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F70138%2Fa600c170-5cfa-ad47-ce83-441f9035d1e7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a319c15aa5ca9c87c26415f557f752ad)
イメージ通りの仕上がり!完璧です。
今後、GoogleドキュメントでCodeをPrettifyしたい場合は、Code Blocksで決まりでしょう。
追記
CodeをPrettifyできる言語と、Prettifyできるテーマが豊富ですごくいいです。
言語とテーマについては、以下参照。
選択できる言語
- actionscript
- apache
- arduino
- autohotkey
- bash
- coffeescript
- cpp
- cs
- css
- diff
- dockerfile
- go
- gradle
- haskell
- http
- ini
- java
- javascript
- json
- kotlin
- lua
- makefile
- markdown
- matlab
- nginx
- objectivec
- perl
- php
- powershell
- processing
- python
- r
- ruby
- rust
- scala
- shell
- sql
- stata
- swift
- thrift
- typescript
- x86asm
- xml
- yaml
選択できるテーマ
- agate
- androidstudio
- arduino-light
- arta
- ascetic
- atelier-cave-dark
- atelier-cave-light
- atelier-dune-dark
- atelier-dune-light
- atelier-estuary-dark
- atelier-estuary-light
- atelier-forest-dark
- atelier-forest-light
- atelier-heath-dark
- atelier-heath-light
- atelier-lakeside-dark
- atelier-lakeside-light
- atelier-plateau-dark
- atelier-plateau-light
- atelier-savanna-dark
- atelier-savanna-light
- atelier-seaside-dark
- atelier-seaside-light
- atelier-sulphurpool-dark
- atelier-sulphurpool-light
- atom-one-dark
- atom-one-light
- brown-paper
- codepen-embed
- color-brewer
- darcula
- dark
- default
- docco
- dracula
- far
- foundation
- github-gist
- github
- googlecode
- grayscale
- gruvbox-dark
- gruvbox-light
- hopscotch
- hybrid
- idea
- ir-black
- kimbie.dark
- kimbie.light
- magula
- mono-blue
- monokai-sublime
- monokai
- obsidian
- ocean
- paraiso-dark
- paraiso-light
- pojoaque
- purebasic
- qtcreator_dark
- qtcreator_light
- railscasts
- rainbow
- routeros
- school-book
- solarized-dark
- solarized-light
- sunburst
- tomorrow-night-blue
- tomorrow-night-bright
- tomorrow-night-eighties
- tomorrow-night
- tomorrow
- vs
- vs2015
- xcode
- xt256
- zenburn