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

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

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

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

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





Path Finder 8から大幅に強化されたモジュール機能の設定方法
連絡先.appを活用して他人のメールアドレスなどの情報を管理する方法
Google日本語入力の辞書をATOKにインポートする方法
Chrome拡張機能の「Wappalyzer」を使ってウェブサイトの使用技術を確認する
作業効率化に大きく貢献してくれているMacのアプリ達
IllustratorとPhotoshopとXDのツール系のショートカットキーを統一させる
Karabiner-Elementsを使ってright_command + h/j/k/lで矢印の入力ができるようにする
Alfredで複数のアプリケーションを一気に起動できるようにする
Visual Studio CodeでIllustratorのスクリプトを書く時に便利な拡張機能「ExtendScript Debugger」
Abstractを使っている場合は、Default Folder Xの「今開いている書類のある場所をファイルダイアログで開く」をオフにする
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」
【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ
Bartender ProのTop Shelf機能でできること
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」