JavaScriptHTMLのインデントと行間についてまずはこちらをご覧ください。タグのインデント対応していないHTMLのソースコードととなります。}</style></head><body><p>HTMLのサンプルです</p><span>みてね!</span></body><script>console.log('test');</script></html>そして上記のコードに対してインデント対応をとったコードが以下になります。行間も開けることによってコードがブロックごとに確認できるかと思います。</script></html>上記は少量のコードとなるのでイメージが沸かないかもしれませんが、これが100とか200とか1000ラインになったりstyleやjavascriptも含んでくるとコードを読む作業自体がかなりしんどくなり、自分で作ったコードであっても読み返す際には絶対に苦労します。このあたりは口を酸っぱくして色々言われるところかと思います。インデントを整えるメリット可読性の向上ソースコードの見通しが良くなり読むスピードが向上するため作業の効率があがります。可読性が向上するため、ソースコードの問題点の発見や修正するスピードが向上するため作業の効率があがります。上記のメリットがベースとなり再利用性や性能にも少なからず関わってくることになると思います。コードの可読性が低いとコードレビューなどでも重要な指摘が見逃され後工程に流れることがあり、バグの原因となります。今は開発ツールによって自動で簡単にインデントを整えてられるかと思います。インデントについては「車は必ず左側を通行する。一時停止の標識があれば一旦止まる。」のような交通ルールみたいなものと私は考えていますので、自分で整えられない!という方は必ず導入するようにしてください。ちなみにVSCodeであれば、ドキュメントフォーマット(Shift+Alt+F)や他のプラグインEclipseであれば、コードの整形(Ctrl+Alt+L)や他のプラグイン...などです。この記事を書いた人に相談してみるmarine文系大学を卒業後に業務系システムの受諾開発とSESを主とした社員数40名程度のIT企業に入社。12年努めた後にフリーランスエンジニアにキャリアチェンジ。経験フェーズは要件定義~総合試験まで幅広くあります。【PC音痴から3ヶ月で】ITエンジニア内定・プロジェクトマネジメントまで行っています。2023年7月23日marine文系大学を卒業後に業務系システムの受諾開発とSESを主とした社員数40名程度のIT企業に入社。12年努めた後にフリーランスエンジニアにキャリアチェンジ。OracleメンタープランJavaScript(jQuery)、HTML、CSS(Bootstrap)の学習サポートします。アプリを作って見ました!Javascriptのコードレビュー時によく指摘しがちなことMarkdown記法の書き方Markdownを使った書き方をご紹介します。約3,000名のメンターから選べるプログラミング、デザイン、マーケティング、起業など学びたいスキルでピンポイントに探せます。見つからない場合は、メンターを募集することも可能です。個別に教えてもらえるあなたが悩んでいることをダイレクトに相談して、マンツーマンで解決までたどり着くことができます。リーズナブルスクールなどの企業ではなく、個人のメンターと直契約するため比較的リーズナブルに教えてもらうことができます。