いのいち勉強日記

VR・ブロックチェーン・機械学習そのあたりに興味を持ってプログラミング勉強してます!テクノロジー系で面白いの見つけたらまとめます!!他にも読んだ本の感想や勉強したこともまとめていこうと思ってます!

「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の下書きにきっと役立つはずです!


【スポンサーリンク】