エディタをインストールした時に確認しておきたい設定5選 | 水の城
HOME
BLOG
WEB・プログラミング
デザイン
人狼
コラム
ABOUT
CONTACT
コーディングは知見を共有！デザインは勉強中のブログです！
ホーム
WEB・プログラミング
エディタをインストールした時に確認しておきたい設定5選
2019.10.5
SHARE
ツイート
シェア
はてブ
LINE
Pocket
よっしゃー！ついにVScodeやPhpStormをいれたぞ！これでバリバリコーディングだー！
…とおもった矢先
「うーんなんかプラグインとか設定とか色々あるけど何をどこまでいじったらいいんだろう…」
「便利なんだろうけどよくわからない」
「まずはなにをいじったらいいんだ…」
なんていう悩みを持つ方は多いことでしょう。
そこで今回はどんなエディタを使っているとしてもあるであろう機能や設定を踏まえ、最低限初期に整えておいた方がいい設定を簡単に紹介します。
これをたたき台に自分なりの環境を構築していって下さい！
ちなみに僕はJetBrainsのIDEをよく使うので併せてそちらの設定も紹介します。
INDEX
エディタをインストールした時に確認しておきたい設定5選
tabやスペース等、空白行の表示
折返しの設定（ソフトラップ）
タイポや閉じタグのミスを教えてもらう。
行数を表示
コードフォーマットの設定を確認しておく
まとめ
エディタをインストールした時に確認しておきたい設定5選
まず最近のエディタは初期設定でもかなり使いやすい状態になってることがほとんどかと思います。
ただ記述ミスの等を視覚的にわかりやすくしておくとかなりミス発見が楽になるのでやっておきましょう。
tabやスペース等、空白行の表示
コーディングの際はタブやスペース等でインデントを取ったり、属性を入力する際にもスペースを利用すると思いますが、このインデントやスペースは視覚的に見やすくしておくことをおすすめします。
何故かというとあいてるあいてないが単純に見やすくなる他、全角スペースが紛れ込む余地をかなり少なくすることができます。
タブやスペースの間違いも減りいいこと尽くめです。
全角スペースが原因のミスは本当によくあるパターンなので、この設定さえしておけばかなりの確率でミスを見逃すことがなくなります。
あらためて絶対に設定しておくことをおすすめします！
折返しの設定（ソフトラップ）
多くのエディタはインストール時に文章を折り返さず、改行しない限り永遠に横に記述される形式になっています。
好みの問題もありそうですがweb制作の場合は折り返して見れるほうが見やすいのでこちらも設定しておきましょう。
もちろん折り返さないほうがいいという方はそのままでもOKです。
「折返し」や「ソフトラップ」といった項目で設定できることが多いです。
JetBrainsIDEでは「エディタ→一般」から設定可能です。
タイポや閉じタグのミスを教えてもらう。
これは絶対にやっておきましょう！ネストや閉じタグのミスは致命的なミスであるにも関わらず、該当のミスを人力で発見するのは困難を極めます。
エディタを使う理由の骨頂の一つ！
これを人力で発見するのはかなり難しい…
設定やプラグインでこの手の機能は加えれることがほとんどなので必ず設定しておきましょう！
行数を表示
地味ですが大事です。これをやっておくかどうかで検証ツール等でチェックする際の効率が大きく変わります！
特に消しておく理由がないですね。
コードフォーマットの設定を確認しておく
コードフォーマッターはコードの整列機能です。
ほとんどのエディタで設定可能（もしくはプラグインにて追加可能）なので見ておきましょう。
たとえばこんなインデントがメチャクチャだったり、タブとスペースが入り混じっていたり、変な改行が多すぎる等の場合でも…
ショートカット一発（PhpStormなら⌘+option+L）で設定されたフォーマットに揃います！
このあたりをどう揃えるか、またショートカットは何かは必ず確認しておきましょう。
まとめ
最近はデフォルトの状態でも使いやすいエディタがかなり増えました。
使い込めばかなりの効率化が狙えるものばかりですが、このあたりの設定は初期で見直しておくとさらに使いやすくなりますので一度見直して見ましょう。
前の記事
こういう人は占うな！人狼ゲームにおける【占い師】の占い先選び方
次の記事
311も経験。台風等の災害の際は注意を忘れずに・・・！
MENU
ABOUT
お問い合わせ
人狼
Web・プログラミング
デザイン
コラム
人気の記事
1
これだけおさえればOK！人狼ゲームの初日セオリーを一覧にまとめ 4886 views
2
ガチ勢エンジョイ勢で分けるな!楽しみ方3タイプでわけるとしっくり！ 4341 views
3
flexboxとfloat比較と使い分けまた簡単に横並びや中央配置にする方法 4261 views
Recent Posts
測った通りに行間を指定しているのに高さが合わない場合の対処法【CSS】
フリーランスになりました。
311も経験。台風等の災害の際は注意を忘れずに・・・！
エディタをインストールした時に確認しておきたい設定5選
こういう人は占うな！人狼ゲームにおける【占い師】の占い先選び方
あざみ
別名水の城。
人狼コンテンツやWebデザイン系の制作をしています。
マークアップ7年目、デザイン1年目。
デザインに沿ったコーディングを心がけてます。
水属性、青色が大好き身の回りの小物は全部青で揃えてます宮城県出身。
地元、仙台・多賀城愛強いです！ 宮城や東北の方ぜひ気軽に絡んでください。
オンラインの趣味はe-sports系のゲームや人狼。
エンタメ人狼主催者。
アーカイブ
2020年5月
2020年4月
2019年10月
2019年8月
2019年7月
2019年6月
2019年5月
2019年4月
2018年8月
目次
エディタをインストールした時に確認しておきたい設定5選
tabやスペース等、空白行の表示
折返しの設定（ソフトラップ）
タイポや閉じタグのミスを教えてもらう。
行数を表示
コードフォーマットの設定を確認しておく
まとめ
HOME
人狼
WEB・プログラミング
デザイン
コラム
ABOUT
お問い合わせ
サイトマップ
プライバシーポリシー
© 2021 aquacastle All rights reserved.
