コーディング初心者が入力ミスを減らすためにできる設定

コーディング初心者の人で多いのが、コードとは関係のない部分でつまづいてしまっている状況です。
- 単語のスペルミス
- 閉じ括弧忘れ
- 全角スペースを使ってしまっていた
こうしたコードと関係ない部分で、つまづいて挫折するのは非常にもったいないです。
今回はそうならないための対処方法や設定についてまとめます。
モダンなテキストエディタを使う
なんでもいいのですが、拡張機能を追加してやりたい事に合わせてカスタマイズできるテキストエディタを使うのをオススメします。
- Visual Studio Code
- Atom
- Brackets
- Sublime Text
2019年4月現時点で自分はVisual Studio Codeを使っています。
補完機能は積極的に使う
コード全てを手打ちする必要はありません。
モダンなテキストエディタでは補完機能が備わっていて、途中までコードを書けば補完できます。使える時は積極的に使っていきましょう。
その方が、本来行うべき学習に集中できます。

かっこよさよりも正確さ
初心者のうちは、フォントサイズを大きくしておいた方が良いです。
スペルミスしにくくなりますし、「,」や「.」などの小さな記号の有無も目につきやすくなります。
また、多少不格好でも正確さを上げてくれる拡張機能は積極的に追加していきましょう。
例えば、Visual Studio Codeには「Bracket Pair Colorizer」という拡張機能があります。
これは対応する括弧を色付けして分かりやすくしてくれるものなのですが、正直ちょっと不格好です。

それでも、こうした拡張機能を入れておく事で、閉じ括弧忘れを防止できます。
スペースなどを可視化しておく
テキストエディタの設定で、スペースやタブ、改行などの「本来は透明で見えないもの」を可視化できます。うまくいかない時の判断材料にもなるので、可視化しておきましょう。

全角スペースは入力できないようにしておく
「気づかないうちに全角スペースを入れていて、コードが動かなくなった」となると、かなり面倒です。
Google日本語入力で設定をしておくと、普通にspaceを押した時に半角スペースしか入力できなくなります(全角スペースを入力したい時はshift + space)。
まとめ
まずはコードを書いて表示させて、成功体験を積んでいくことが、楽しく勉強していく上で重要になってくると自分は考えています。
その上で余計なミスを防止する方法があるなら、積極的に取り入れていくべきですし、そうした「余計なミスを回避する方法」を取り入れていく柔軟さも1つのスキルなのかもしれません。




MacのMicrosoft Outlookでメールの署名設定をする方法
Path Finderのデュアルブラウザで、別枠へのファイル移動とコピーを使いやすくする
Macの画面を手軽に録画できるアプリ「Kap」
MAMPでhtdocs内に複数のローカルホストを作成する方法
Google Chromeのタブを検索するAlfred Workflowの「Search Safari and Chrome Tabs」で、タブ移動をラクにする
AlfredのTerminal機能を使って、すばやくターミナルコマンドを実行する
Macでデュアルディスプレイ時に、通知を表示するディスプレイを指定する方法
Alfred 4のスニペットで使えるリッチテキスト機能の使い方
Path Finderでのカラム表示とリスト表示の切り替え
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング