Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

背景

前後するが、なぜ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
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away