いのいち勉強日記

Turingで自動運転の開発をしています。京大でPhDをとりました。Kaggle Grandmasterです。

「Code Blocks」を使ってコードをキレイにメモしよう!

f:id:sys-bio:20181107120152j:plain
 
「プログラミングの勉強をしていてちょっとしたメモを取りたいな〜」
「Noteとかブログにまとめるメモとっときたいな〜」

そんなときに最近使って便利だと思った「Code Blocks」というのを紹介します!
 

 

Code Blocksとは

 
Code BlocksはGoogle Documentのアドオン機能です。
Google Documentに書いたコードをシンタックスハイライトしてくれます。これを使うことによってどこがコードかがわかりやすくなるだけでなく、ワードごとに色も変わるのでとてもみやすくなります。
 
一例を示しますとこんな感じになります。雰囲気がすごくいい感じになったと思います!
 
f:id:sys-bio:20181107113335p:plain

アドオンにCode Blocksを追加する方法

 
それではまずCode Blocksを使えるようにする方法を紹介します。
 

  1. Google Documentをひらく。
  2. アドオンを選択する。f:id:sys-bio:20181107113953p:plain 
  3. 「アドオンを取得...」を選択する。
  4. アドオンを探すには右上の検索を使います。f:id:sys-bio:20181107114218p:plain
  5. 検索欄に「code blocks」と入力する。f:id:sys-bio:20181107114140p:plain
  6. 一番上の「Code Blocks」の「+無料」をおす。
  7. アドオン追加完了。f:id:sys-bio:20181107114325p:plain

すごく簡単にアドオンを追加することができます!

使い方

使い方もいたってシンプルです。

  1. アドオンにある「Code Blocks」→「Start」と選択する。f:id:sys-bio:20181107114732p:plain
  2. 画面右側にCode Blocksが出てくる。f:id:sys-bio:20181107114803p:plain
  3. LanguageやThemeを選ぶ。f:id:sys-bio:20181107115527p:plain
  4. ハイライトしたい文字を選択して「Preview」を押す。f:id:sys-bio:20181107114951p:plain
  5. 下に出てきたやつの色合いとかを確認する。
  6. OKなら「Format」を押して、文中に反映させて完成!f:id:sys-bio:20181107115059p:plain

とっても簡単にできます!

まとめ

 
Code Blocksはとっても簡単にインストール、実行できるのでぜひ試してみてください!
自分専用のプログラミング備忘録やメモの作成、ブログやnoteの下書きにきっと役立つはずです!