【VBA初心者必見】まずはじめにやるべきエディター設定集


## はじめに
こんにちは、初投稿の新卒１年目の者です。VBAをゼロから始めて現在４カ月程になります。
まだまだひよっこの身ではありますが、今回は現場で教わったVBEのおすすめ設定をまとめていこうと思います。少しでもお役に立てると幸いです。

## 目次
① 開発はインデント命!「選ぶべきフォント」
② インデントといえばこちらも!「タブ間隔」
③ コードの理解が進む!「コードの表示色」
④ 重宝するショートカット!「コメントブロックのショートカットキー登録」


## ① 開発はインデント命!「選ぶべきフォント」
　皆さんはVBEのフォントを気にしたことはありますか？
 
私ははじめ、何となく読みやすいこちらのフォントに変更していました。しかし「このフォントは駄目だよ」と指摘を受けました。一体なぜでしょうか？
![VBE_test_NG.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/a63d7da2-9b78-e84e-eb19-c0b716adbe89.png)

　答えは「<font color="red">文字の幅</font>」です。
 
　開発をしたことがある読者さんはインデントの大切さを実感したことがあると思います。インデントが整ったコードは読みやすく、構造もわかりやすいためメンテナンスが楽ですよね。
 
　このインデントを適切に揃えるために、開発時のフォントの文字幅は<font color ="red">半角の文字×２＝全角の文字</font>となっていることが理想です。プログラミング向けの読みやすい等幅フォントはいろいろありますが、中でも「**源ノ角ゴシック Code JP**」は人気がある印象です。（デフォルトの「MSゴシック」も等幅フォントですが、個人的に読みづらかったです。）
 
　実際に「源ノ角ゴシック Code JP」をダウンロードして設定してみたのがこちら↓
 ![VBE_test_gennokaku.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/b004dcc9-99ce-5740-8c57-d78067dbb307.png)

かなり読みやすい上、文字幅もぴったり揃っていますね。
ダウンロードリンクも貼っておきます。[源ノ角ゴシック Code JP](https://github.com/adobe-fonts/source-han-code-jp/releases)

フォントの変更はVBEツールバーの「**ツール**」＞「**オプション**」＞「**エディターの設定**」から行うことができます。
![VBE_test_editer.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/0ba6a196-209a-11b2-bbc4-4d6d323008ea.png)

興味のある方は変更してみてはいかがでしょうか？


## ② インデントといえばこちらも!「タブ間隔」
　続いて再びインデントのお話です。
　インデントをつける際tabキーで何文字か下げると思いますが、この間隔も設定で変更することができます。デフォルトは4文字です。VBAの世界ではタブ間隔の厳密なルールはありませんが、特にチームで開発するときは他の人のタブ間隔に揃えておくと便利です。(私の現場用PCは周りと合わせて2文字に設定してあります。）

タブ間隔はツールバーの「**ツール**」＞「**オプション**」＞「**編集**」から変更します。
![VBE_test_tab.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/b10fef4f-d698-3c53-b6fd-c715f8127bcd.png)


なお一般的な意見を調べたところ、2文字派と4文字派に分かれている印象を受けました。初心者目線だと「好みでいいのかな」と思ってしまいますが、明確なメリットデメリットがあればどなたか教えてください…。

## ③ コードの理解が進む!「コードの表示色」
　次はエディターの文字色を変更していきます。
　プログラミング初心者は「この単語はメソッドなのか？変数なのか？」と訳が分からなくなってしまうこともあるのではないでしょうか？(少なくとも私はありました。)
　エディターの文字色を変えると、コードの種類ごとに色がつくため構造を理解しやすくなる他、誤字脱字や文法ミスなどにも気づきやすくなります。

　完全に私の偏見ですが、私は以下のようなポイントで色を決めました。
　〇 背景色は目の疲れない黒。
　〇「**コメント**」はコードの部分と混ざらない色に。
　〇「**キーワード**」「**標準コード**」「**識別子**」は見分けがつくようそれぞれ違う色を設定。

　①のフォントも併せて設定を変更した比較画像がこちら↓
＜設定前＞
 ![VBE_test_before.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/704e36ff-080b-a0ec-6e38-5160d3a368e9.png)
＜設定後＞
![VBE_test_after.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/6cd53705-f8f4-becd-ab8a-6f20e753d63e.png)

　かなり読みやすくなったのではないでしょうか？
　表示色の設定も、ツールバーの「**ツール**」＞「**オプション**」＞「**エディターの設定**」から変更できます。
 ![VBE_test_color.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/a38bf0ee-2004-ad66-508f-7d4e7de6ede8.png)


## ④ 重宝するショートカット!「コメントブロックのショートカットキー登録」
最後にご紹介するのは開発中に非常によく使うコメントブロックです。もちろんショートカットを設定せずともコメントアウト、コメント解除はできるのですが、次のような状況に陥りとても不便です。

>・複数行にわたって一つずつシングルクオーテーションを打つのめんどくさい！！
>・ツールバーのコメントブロックコマンドをポチポチするのもめんどくさい！！

これらのめんどくささを解消するためにも、ショートカットの設定は必須と言っても良いかもしれません。まだショートカットキーを設定していない方は以下の説明を見ながら設定してくださいね！

#### 手順①ツールバーにアイコンを表示させる
そもそもExcelの初期設定ではコメントブロックのコマンドが表示されていません。
ツールバー上で**右クリック**をして、「**ユーザー設定**」を選択します。
![VBA_comment_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/69107cd2-0a15-271a-867c-02d55c536778.png)

分類から「**編集**」を選び、「**コメントブロック**」と「**非コメントブロック**」をツールバーにドラッグします。これでツールバーにアイコンを表示させることができます。
![VBA_comment_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/bb4919ad-35f3-1cc1-2792-1a24046b9ee4.png)

#### 手順②アクセスキーを設定する
今回はコメントアウトに「/」を、コメント解除に「\」を割り当てます。
ユーザー設定ウィンドウを開いたままの状態で先ほどドラッグしたコメントアウトのアイコンをクリックします。「**選択したボタンの編集**」を押し、「**名前**」を「(&/)」に変更したら「**イメージとテキストを表示**」を押します。
非コメントブロックも「名前」を「(&\\)」として同様の手順で設定します。
![VBA_comment_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/96a4089b-a25d-7d2b-51b2-4069f4d36516.png)

画像のように表示されていたら無事設定完了です！
`altキー＋「/」`や`altキー＋「\」`で簡単にコメントアウト、コメント解除できます。
![VBA_comment_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3819258/fadb2a80-51a6-af2d-4e03-15dbddcccc88.png)

最後までご覧くださりありがとうございました。
これを機に、自分が快適に開発できるエディタ環境をどんどん整えてみてくださいね！（私も日々精進します、一緒に頑張りましょう！）