ルール
維持 行を を a 読みやすい 長さに
行 行 は 長すぎる 長すぎる は 難しい to 読む
そして 操作が 特に 小さい 小さな 画面では。
対応言語: 45+はじめに
長いコード行は横スクロールを強制し、ロジックの追跡やバグ発見を困難にします。またコードレビューを複雑化し、異なる画面サイズでの可読性を低下させます。一貫した行長を維持することで、コードのナビゲーション、読み取り、保守が容易になります。このルールは全ての言語と環境に適用されます。
なぜそれが重要なのか
セキュリティ上の影響:長く複雑なコードは脆弱性を隠蔽したり、コードレビュー時に安全でない操作を見逃しやすくする可能性がある。
パフォーマンスへの影響:直接的なパフォーマンスへの影響はないが、長い行は開発者の認知負荷を増大させ、間接的に生産性に影響を与える可能性がある。
コードの保守性:短く、構造化された行は読みやすく、レビューしやすく、修正しやすい。それらはミスを減らし、デバッグを簡素化する。
コード例
非準拠:
function calculateTotal(items) { return items.reduce((sum, item) => sum + item.price * item.quantity, 0); }これが重要な理由: 行を複数のセグメントに分割することで 可読性が向上し、リデュースロジックの追跡が容易になります。
✅ 準拠:
function calculateTotal(items) {
return items.reduce(
(sum, item) => sum + item.price * item.quantity,
0
);
}これが重要な理由: 行を複数のセグメントに分割することで 可読性が向上し、リデュースロジックの追跡が容易になります。
❌ 非準拠 (複合オブジェクト):
const user = { id: 1, name: 'Alice', email: 'alice@example.com', roles: ['admin', 'editor'], active: true };なぜ間違っているのか:単一行が長く、特に複数のプロパティを確認したりデバッグしたりする際に読みづらい。
✅ 準拠:
const user = {
id: 1,
name: 'Alice',
email: 'alice@example.com',
roles: ['admin', 'editor'],
active: true
};これが重要な理由:複数行の書式設定は可読性と保守性を向上させ、後でプロパティを拡張または変更しやすくします。
結論
可読性、保守性、エラー検出性を向上させるため、行の長さを管理可能な範囲に保ってください。長いステートメント、オブジェクト、関数呼び出しは明瞭化のため複数行に分割します。一貫した書式設定はコードレビューを迅速化し、開発者の認知負荷を軽減します。
.avif)
