LoginSignup
102

More than 1 year has passed since last update.

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

Last updated at Posted at 2017-10-20

背景

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

Googleドキュメント(GoogleDocs)でシンタックスハイライトを行うには

とても簡単。
Code Prettyというアドオンを入れるだけ。ほんとこれだけ。※こちらのアドオンは使用不可となりました。
Code Blocksというアドオンを入れるだけ。ほんとこれだけ。

インストール手順

  1. Googleドキュメント(GoogleDocs)を開く
  2. 右下の新規作成を押下
  3. メニューバー > アドオン > アドオンを取得
  4. Code Pretty Code Blocks」を検索
  5. Code Pretty Code Blocks」にアクセスを許可する
  6. CodeがPrettyになる

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

GoogleDocs02.png

GoogleDocs03.png

code_blocsk.png code_blocsk01.png code_blocks02.png code_blocks03.png

使用例

use01.png use02.png use03.png

イメージ通りの仕上がり!完璧です。
今後、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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
102