マイレベMENUサーバーサイドサーバーサイドに関する記事を投稿しています。基礎テストGoチュートリアル基礎フロントエンドVue.jsインフラAWSマイレベサーバーサイドサーバーサイドに関する記事を投稿しています。基礎テストGoチュートリアル基礎フロントエンドVue.jsインフラAWSサーバーサイドフロントエンドインフラマイレベサーバーサイドサーバーサイドに関する記事を投稿しています。読みづらいViewModelを見かけませんか?LaravelでViewModelを利用していますが、読みづらいViewModelが非常に多い印象です。目次わかりやすいViewModelがなぜ必要?入れ替わりが激しいIT業界なので、開発メンバーもよく変わります。新規メンバーはまずコードを読み込む時間が必要です。仕様がわからない以上、プロダクトのイメージを掴めず、実装イメージが思い浮かばないためです。いうことは、新規メンバーの仕様理解が追いつくまで、開発スピードは遅れます。そのため、我々エンジニアは仕様理解できるコードを求められます。ViewModelもわかりやすく書く必要があります。いえ、難しく考える必要はありません。ある工夫をするだけで、非常に読みやすくなります。];読みづらいです...よね。Sellerに分かれています。項目が少ないので理解できますが、これ以上増えると理解しづらいですよね。このようなViewModelだと、仕様理解に時間がかかってしまいます。そこで、わかりやすく分割してあげます。}}...はスプレッド構文を利用しています。スプレッド構文で配列を展開して、マージしています。読みやすくなりました。下記の部分に注目してください。}productとsellerの2構成だとわかりますよね。これで、このViewModelはProductとSellerの情報を扱っていることが伝わります。比較すると、差は歴然ですね。}さらにPHPDocによるコメントを追加されたことで、日本語でも説明されています。}これだけ書かれていれば、初めて読んだ方でもViewModelの構成が理解できます。まとめViewModelの配列は分割して、スプレッド構文でマージしよう!分割した配列はメソッド分けして、PHPDocなどのコメントで解説しよう!インデントを揃えてわかりやすくしよう!上記3点を意識するだけで、非常に読みやすくなります。読み手に優しいコードを意識いていくことで、開発コストは削減できます。下記の記事もオススメです。Repository層で必ず確認しなければいけないのは、利用するメソッドのオプションです。Enumでやりがちな注意点ぎゅうWEBエンジニア渋谷でWEBエンジニアとして働く。LaravelとVue.jsをよく取り扱い、誰でも仕様が伝わるコードを書くことを得意とする。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。(1)人気記事Vueでform送信前にデータを加工する方法Laravel8に静的解析であるLarastanを導入する方法2038年問題にLaravelで対応する方法。