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

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

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

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

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




1Passwordでウェブサイトの入力フォームを一瞬で入力する方法
外部マウスを自由にカスタマイズできるステアーマウスで、マウスの細かい設定を行う
Visual Studio CodeのEmmetのlang属性をjaに変更する方法
拡張機能を使わずにサイト全体のスクリーンショットを撮影する方法
Macのダイアログを強化するDefault Folder Xの使い方
HyperSwitchをインストールしておくと「隠す(command + M)」で隠したウインドウもすぐ開けるようになる
Karabiner-Elementsでcommand + Qの2回押しでアプリが終了するように変更する方法
Alfred 4.0.8からAirDropやiCloud DriveをすばやくFinderで開けるように!
Slackのリマインダー機能「/remind」についてのまとめ
macOSのシステム環境設定「Spotlight」の設定見直し
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Figmaで使っている色やフォントなどを一括変更する「Batch Styler」
自宅ですぐにインターバルトレーニングを始めたいならApple Watchの「Seconds」がオススメ!HIITと相性抜群!
Transmitでダブルクリックしてファイルを開こうとすると、ファイルがダウンロードされてしまう
Finderの機能拡張アプリ「TotalFinder」をインストールしてファイル操作を快適にする
chezmoi(シェモア)で始めるdotfiles管理
散らかりがちなMacのメニューバーをBartender 3でキレイに整理する
Path Finder 10がリリース!Big Surに完全対応したり、AirDropが使えるように!
Apacheのテストページを非表示にする方法
Path Finderの「閉じたタブの開き直し」ショートカットキーを他アプリに合わせる
どうやって自分のデザインを伝える?「デザインの伝え方・話し方講座」CSS Nite in KOBE, Vol.27