読み手がなれているパターンと一貫性のあるレイアウトを使う
似ているコードは似ているようにみせる
関連するコードをまとめてブロックにする
#なぜ美しさが大切なのか
見た目が美しいコードの方が、使いやすいから
#一貫性のある簡潔な改行位置
#メソッドを使った整列
コードの見た目を美しくすると、良い副作用もある
- 重複を排除することで、コードが簡潔になる
- コードの把握がしやすくなる
- テストケースの場合は、テストの追加が容易になる
#縦の線を真っ直ぐにする
見た目がきれいで、読み流ししやすい
タイポを発見しやすい
#一貫性と意味のある並び
意味のある順に並べる
対応するHTMLフォームのフィールドと同じ並びにする
「最重要」なものから重要度順に並べる
アルファベット順に並べる
#宣言をブロックにまとめる
メソッドの概要をすぐに把握できるような配置で記述する
論理的なグループに分ける
#コードを「段落」に分割する
段落ごとに要約したコメントを追加し、流し読みしやすくする。
#個人的な好みと一貫性
#まとめ
- 複数のコードブロックで同じようなことをしていたら、シルエットも同じようにする
- コードの「列」を整列すれば、概要が把握しやすくする
- 意味のある順番を選び、順番を守る
- ブロックを作成し、論理的な「段落」に分ける