[RUBY] Écrivez du beau code avec l'indentation à l'esprit (rails, html)

Il est très important d'être conscient des retraits (paragraphes) lors de l'écriture de code. Un code propre réduit non seulement le nombre d'erreurs, mais contribue également à de nombreux facteurs tels que la vitesse de résolution au moment des erreurs et la facilité de regarder le code. Ici, je vais expliquer les retraits importants pour écrire un beau code. Ensuite, à propos des rails, les points à prendre en compte sont if statement, def et chaque instruction! !! J'écrirai d'abord l'instruction if!

#Code facile à comprendre
if @tweet.save
  redirect_to("/")
else
  redirect_to("/new")
end

#Code obscur
if @tweet.save
redirect_to("/")
else
redirect_to("/new")
end

Le point important ici est que la partie entourée par if et end est indentée afin qu'il soit très facile de voir où l'instruction if est appliquée (en ouvrant deux caractères)! !! !! Dire. Je veux que vous l'écriviez soigneusement!

Ensuite, voyons un exemple réel de chaque instruction (traitement répétitif)!

#Code facile à comprendre
<% @tweets.each do |t| %>
  <%= t.body %>
<% end %>

#Code obscur
<% @tweets.each do |t| %>
<%= t.body %>
<% end %>

C'est le même que l'exemple ci-dessus! !! !! La partie entourée par la fin est facile à comprendre où répéter en laissant tomber deux caractères ou une touche de tabulation! !! Maintenant, l'exemple suivant est ... def! !!

#Code facile à comprendre
def index
  @tweets = Tweet.all
  @user = User.find(params[:id])
end

#Code obscur
def index
@tweets = Tweet.all
 @user = User.find(params[:id])
end

C'est déjà persistant, n'est-ce pas? Lol Mais je vais vous dire ce qui est important! Soyez absolument conscient de l'indentation dans la partie entourée par l'extrémité telle que def each if!

Enfin, apprenons à connaître l'indentation des balises html (div)! C'est bon de le voir!

<!--Code facile à comprendre-->
<div class="allContainer">
  <div class="container">
    <p>Le retrait est important</p>
  </div>
</div>

<!--Code obscur-->
<div class="allContainer">
<div class="container">
<p>Le retrait est important</p>
</div>
</div>

Il est difficile de comprendre comment la balise de fermeture (</ div>) est appliquée, non? ?? Par conséquent, des erreurs telles qu'une erreur dans le nombre de divs se produiront, et certaines erreurs ne seront pas exécutées comme prévu.

Comme ci-dessus ・ L'indentation est extrêmement importante! !! ・ Si vous pouvez faire cela, ce sera un très beau code! !!

Alors, écrivons soigneusement un par un à partir de maintenant!