ソースコードの形状ルール | 吉本式BEM設計（BEM設計ベース）

HTMLのソースコードの形状ルール 今回のこの記事に対しての反響について 日頃から他の実装者が制作したWebサイトのソースコードを見るようにしていますが、美しいソースコードだと思えるソースコードにはなかなか出会えません。 「美しいソースコード」という意味には、単に「美しい」だけではなく「見やすい」という意味も含めて使用しています。 タイトなスケジュールに追われて、ソースコードを整える余裕がないというのが現状でしょうか。 中でも最も気になるのが、インデントです。 Webサイトのソースコードを見ると8割程度の割合で、インデントが付いています。 なぜインデントを付けるのかを聞くと「コーディングミスが防ぎやすい」「作業効率が良くなる」という回答がきます。 これについて否定はしませんが、ではインデントを付けないとコーディングミスが起きやすく、作業効率が悪いのかというと、そんなことはありません。 私は

[riawiththesam]

フォーマッタに突っ込んで終わりでいい。人間の頭を使って考えないといけないほどのことではなく、他のことに処理能力を回したい。

[zetta1985]

そもそもソースコードではない

[doirou]

炎上必至。分かっててぶっ込んで来た感もある。

[htnmiki]

プロジェクトのコーディング規約に則りましょう。はい論破。じゃないの？ソロ活動なら好きにすりゃいい。

[blackapple]

頭イかれてる奴だ

[kabakiyo]

htmlなのにcss（スタイル）に依存したルールってのがどうも。。。

[ShoCoh]

どうせ最後にアンチパターンでしたって書いてあるオチでしょwと思って読み進めたらどうにも本気らしくて真顔になった

[bellonieta]

今どきフォーマッタ使わない人は老害でしょ、理屈は良いからスタイルガイドに合わせろ派

[nerineri09]

前の外注先がマジでこんな感じでインデントが無かったのを怒りと共に思い出した

[ogi1i1]

インデントされたHTMLを読むことに慣れてることがほとんどなので普通に読みづらい、新しく入ってくる人が嫌がりそう、というか入ってこない理由になりそう。

[isaisstillalive]

ヤバイ

[ifttt]

これにインデント入れたらめちゃくちゃ読みやすくなるんじゃね！？

[koogawa]

良いと思う。１人でやるなら

[kfujii]

ぼくのかんがえたさいきょうのこーでぃんぐるーる

[rizenback000]

このページのソース見たら有言実行してあって関心した。まあ自分だけのHTMLだけでやるなら良いんじゃないかな。

[manabuyasuda]

HTMLは階層構造になっているので、空行・改行・インデントで表現したほうが読みやすく書きやすくなるんじゃないかな。 保守のことを考えると、大多数が読みやすいことを優先したほうがいいと思う。

[John_Kawanishi]

何の言語かと思ったらHTMLだかCSSのWebのことかぁ｢(㌻の)ソース｣とは言うけどWebも｢コーディング｣するものだったのか

[kenichi_odo]

BEMだとかインデントだとかじゃなくてこのブログのHTML見てる限り構造設計見直した方が良い気がするけどね。中身の見た目は今時生HTML書かないしフォーマッタもあるしまぁ好みなんだけど

[junpeso]

htmlを手で書くのか

[a-kuma3]

貴兄の主義趣向に口を挟む気は毛頭ござらんが注釈の末尾が行頭に配置されておらぬのは美しくないのではないかと存じ上げる

[tenkoma]

CMSテンプレートは出力結果のHTMLは崩れがちだし、多めに見てほしいな、と思う。その意味ではHTMLインデントなしは衝突を防ぎやすいのでは。プログラミング言語だとlintツールで簡単に決着できるけれども

[lazex]

コンポーネント化してほぼネストがないならまぁ。最初にあるインデントありコードのインデントがまず間違ってると思う。この人正しいインデント知らないんじゃないの

[yoiIT]

世の中には大規模かつHTMLの構造にまで美しさを求める案件が少なからずある。そういうのに携わってる職人みたいなマークアップエンジニアは、インデントしない派が多い。そういう人はコメントルールとかもうるさい。

[saqqu]

タグ抜けや余分なタグに気がつきやすくなるのでインデントはします。 特にHTMLは多少デタラメでも動いてしまい、これが不具合の原因だった場合発見に苦労する時があります。

[table]

だいたひかるを10年ぶりに思い出した！その点でのみ、ありがとう！！！

[kencharos]

他の人も突っ込んでたけど、箇条書きにli使ってなかったりで、ソースコードの美しさとかの前に、HTMLの文書構造がまともかを考えたほうがいいのでは。見た目しか考えてなくない？

[chiba1008]

まずフォント小さいよ。アクセシビリティ考えて(´・ω・｀)

[mjy]

そもそもHTMLの要素内ではスペースや改行に意味がありもするので、多くのプログラミング言語のような一貫したインデントは行なえない。いっそのことインデント無し、というのも合理的な選択肢としてあるでしょう。

[rainbow_doll]

折り畳めなくね？

[Kil]

異性の好みが人それぞれなのと同じで、美しさの感覚は主観だからね。良いんじゃないかな、一人でやってれば。

[Fohte]

インデントしない方が綺麗という意見初めて見た

[fishma]

今更インデントに噛み付く人がいるとは。とりあえず趣味なら勝手にしろ、業務ならお前今すぐクビ、って感じかな

[kw5]

一番上に “今回のこの記事に対しての反響について” ってリンクがあるけど誰も言及してなくて面白い http://tsudoi.org/guide/about/index2.html / この人手書きしかしないのかな

[Futaro99]

オナニー大公開

[cyan0302]

90年代〜ゼロ年代初頭っぽくて懐かしい

[kzm1760]

インデント=ガタガタで美しくないというのは主観的過ぎるので賛同は出来ないなー。

[nibushibu]

ふつうにインデントのほうが見やすい

[tohokuaiki]

おっ、ツドイさんだ。と思ったら燃えてんか。まぁ、インデントとか程々でいいす。

[delphinus35]

何でこの人、手でコード整形してるの……そういう苦行？