Googleドキュメントでコードを綺麗に表示したい・シンタックスハイライトしたい

# 背景
前後するが、なぜGoogleドキュメントでコードを記述したかったかというと、Googleドキュメントだと、情報共有が楽な上にメンバー間でドキュメントを更新しあえるのが簡単だから、Googleドキュメントでシンタックスハイライトを行なって、見やすいドキュメント作成を行いたかったから。

# Googleドキュメント(GoogleDocs)でシンタックスハイライトを行うには
とても簡単。
~~[Code Pretty](https://chrome.google.com/webstore/detail/code-pretty/igjbncgfgnfpbnifnnlcmjfbnidkndnh)というアドオンを入れるだけ。ほんとこれだけ。※こちらのアドオンは使用不可となりました。~~
[Code Blocks](https://workspace.google.com/u/0/marketplace/app/code_blocks/100740430168?hl=ja&pann=docs_addon_widget)というアドオンを入れるだけ。ほんとこれだけ。


# インストール手順
1. [Googleドキュメント(GoogleDocs)](https://docs.google.com/document/u/0/)を開く
2. 右下の新規作成を押下
3. メニューバー > アドオン > アドオンを取得
4. 「~~Code Pretty~~ Code Blocks」を検索
5. 「~~Code Pretty~~ Code Blocks」にアクセスを許可する
6. CodeがPrettyになる

以上。ほんと、これだけ。

![GoogleDocs02.png](https://qiita-image-store.s3.amazonaws.com/0/70138/3b974ccf-2f68-fd06-f03e-f12a4ecdefde.png)

![GoogleDocs03.png](https://qiita-image-store.s3.amazonaws.com/0/70138/48cfd6bf-ad6e-ee32-34be-ac15ad2c2a2b.png)

<img width="1440" alt="code_blocsk.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/36e312ef-38c4-15a9-1d27-b35ba2cded07.png">

<img width="607" alt="code_blocsk01.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/b519918c-1a0a-9eb0-8082-2dfc014f26bb.png">

<img width="630" alt="code_blocks02.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/4bc8b02f-c848-9ba6-2ec2-9a8e284b4124.png">

<img width="1440" alt="code_blocks03.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/0b04b32b-7734-3b19-0108-972e0c6c7631.png">

# 使用例
<img width="1440" alt="use01.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/13677f8d-a36a-c913-c462-62c92387f070.png">

<img width="1434" alt="use02.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/bfb89c45-06e2-d0af-b76a-725cf596eacf.png">

<img width="1440" alt="use03.png" src="https://qiita-image-store.s3.amazonaws.com/0/70138/a600c170-5cfa-ad47-ce83-441f9035d1e7.png">

イメージ通りの仕上がり！完璧です。
今後、GoogleドキュメントでCodeをPrettifyしたい場合は、[Code Blocks](https://chrome.google.com/webstore/detail/code-blocks/ebieibfdjgmmimpldgengceekpfefmfd)で決まりでしょう。

# 追記
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