インデントを!!!HTMLに!!!付けてください!!!

メロスには政治がわからぬ。

メロスは、会社勤めのコーダーである。
キーボードを叩き、客と遊んで暮して来た。
けれどもインデントの位置に対しては、人一倍に敏感であった。

インデント付けてよ!って話

大っぴらには人のことを言えないので、Twitterには書けない内容的な…。
Qiitaとかに書いたら「お前はどうなんだよ!」とか言われそう、と保険を掛けておきます。

一言で表すと、インデントとかに関してです。
決してHTMLの構造だとかセクションだとかアウトラインだとかって話ではないです。

コーダーやってると、他人のソースを見たり弄ったりするときが結構な割合であります。
そういうとき、ソースが見やすい場合と見にくい場合があるわけですよ。
そんな中その判断を下す基準としては、ブロックごとに分かれてるかとか色々ありますが、ぼく的には「最低限のインデントが付いてる」か否かが一番低いハードルとしてあります。
ちなみにぼくのインデントは半角スペース2つです。

いやこれ、別にインデントの数を2つにしろとか4つにしろとかそういう強要をしているわけではないんですよ。
極端な話かもしれませんけど、最近インデントがほとんど存在しないソースコードを弄らされまして。
このブロックどこ?書いてある場所どこ?っていうことになりました。

しかもそれだけではなく、インデントの量が場所によってマチマチ。
これの何が悪いかって、ネストの関係が全くわからないんですよ!!!
こことここ、同じ深さで<section>だけどなんでソース上は深さ違うの?って。

時間がなくて慌ててるのはわかるんですが、HTMLは入れ子関係がわからん状態だと、ソースの解析から始めないといかんのですよ!!!!
(多分他のプログラムも大体そう)

しかもなんか所々に変な半角スペースが入ってたりなかったり。
ソースコード上の距離がブロックごとで微妙に違ったり。
そもそもブロック同士のネスト関係がわからないし…。
しまいにゃ<” “>と<””>が混じってるし?

なんじゃこら。

フロントが合ってればオッケー!?

これまた極論、コーダーが出す成果物はフロントで見たとき問題なけりゃ誰も文句は言わないです。
コーダー以外。

でも何か月か経ったりしてそのソースを改めて見たとき、それが自分か他人かは知りませんが、間違いなく彼or彼女はキレます。
これを作ったのはどいつだ!と叫びます。
(実際には叫ばず黙ってソースを修正しはじめます)
(これすごいコードだね、と多少の嫌味は入ります)

とはいえ、デザイナーも熟達者になるとソースを見始めます。
なぜかといえば、自分の思う通りにデザインを書き起こしてほしいからですよ。
中にはコーディングも行うことのできる段違いのパーフェクトヒューマンもいますが、その辺になると自分で全部やり始めるのであまり関係はないです。

そんなことがあったりなかったりするので、コーダー志望ならちゃんとインデントを付けてソース管理しようねって話。
久々にどこに何が書いてあるのかさっぱりわからんソースを見たので愚痴ってほどでもないですが、書きました。

ちなみに(おまけ)

すごく適当に書きましたけど、大体こういう感じのソースでした。
なんていうか、整理の苦手な人なのかな?って感想。
別に中身まで詳しく検分してどうのしたってわけではないのでどうでもいいんですけど、すげぇなって。
正直PHP云々でWordPress覚えさすより先に、文法の基本ってわけじゃないけど綺麗にソース書けるようになってくれないかな。
これソースとして渡されたらまず整形で半日かけるわ。

ということがあったので、

・インデントつける(ぼくの場合は半角スペース2個分)
・タグを見やすく書いてくれ
・軽くで良いからHTML5の文法について調べてくれ

ぐらいはやってほしいですよねほんと。
ぶっちゃけイラレとかで機械的に出すソースコードとなんも変わんねえじゃんね。
これを人間が出すんなら人間いらんわ、機械でいい。

そろそろ人間が書くレベルで、後々人間が保守できるぐらいのソース書けるツールとか出ないの?
まあ出たらぼく失職すると思うけど。

関連記事

デフォルト画像
2018.09.25
左門くんはサモナーを集め始めた

ジャンプ作品 今更なんですけど、左門くんはサモナーを買い集めてます。 この作品自体は去年には完結したものですが、ジャンプ読んでた時期はこれだけ読んでたんですよね。 ギャグ分高めなギャグ漫画です。 カスと天使の話。 いやまあ、アンケートすら出してないような人間が言うのもなんですが、作品は好きだったんですよね。 キャラ付けがしっかりしてるしギャグがブラック感高めで面白いし。 何より他作品オマージュネタが多くて、それでいて完成度が高いおかげで笑えます。 現状8巻まで買いましたが、ここまでほぼシリアスなし! 長引くギャグ漫画にありがちな変に極振りしたシリアスパートがない所が好きだったりします。 マステマ編?アレは人気投票のためのギャグパートでしょ? 個人的に加護ちゃんが本当に好きだったので続いててほしかった感あります。 まあでも、なんとなく斉木みたいな雰囲気があったから好きだったってのもありますね。 この作品、沼駿という方が書いてるんですが、SNSなんもやってないから現状がわからないんですよね。 サモナーが終わった後に一度読み切り書いてるみたいですけど。 うおおん、新作が読みたい。 それでは今日はここらでサヨウナラー

2019.06.28
Amazonに尻尾を振り続けることを決意した日

とうとうこの日が来てしまった なんとなくで契約を続けていたAmazon Music Unlimited…。まさかこんな日が来るなんて…。 どうあがいてもヤバ過ぎるでしょ!!!BUMPがAmazonに卸す日がやってくるなんて!!! 他の音楽配信サービスがどうかは知りませんが、Amazonでサービス開始してからようやく、ようやくこの日が来たかといった感じです。小さな頃から聞き続けてきた身としては、大変感動する瞬間です。 何が感動するかって、CD持ってない人でも旧譜が聞けるってことだよ!!!アルバムはLIVING DEADから、シングルはダイヤモンドからバッチリ収録。すんげえ懐かしいジャケットですね、本当に。 ただ惜しむらくは(当然の話ですが)隠し曲が入ってないことぐらいですかね。「いか」とか「三人のおじさん」とかを聞くことはできません。 まあそれはともかくとして、AmazonにBUMPが入っていたという事実はぼくにとって革命的なことだったりします。実はずっと待ってたんですよね、収録されるの。多分そのうちされるでしょとは思ってますが、本当にされるとは。 これがあったせいで、ぼくはAmazonに尻尾を振ることを余儀なくされました。元々振ってたけど。 お前らもBUMP聞こうな、来月新アルバム出るからな。 それでは今日はここらでサヨウナラー

2020.06.07
世界よこれがニューチャリだ

壊れたんで…。 先日金曜日、なんとなしにお宝中古市場へ行ったんですが、道中でチャリが大破しました。正確には、縁石みたいなのに油断して乗り上げた所、前輪が爆発しました。DEPOで空気入れを借りて入れてみたんですが、何もしてないのに空気が漏れた状態になってましたね。明らかにパンクはしていなかったので、おそらくは虫ゴムが衝撃でずれてしまったんだと思います。そんでその隙間から空気がプシューッと。 実はこのタイヤ、以前パンクしたときに修理を出したのですが、対応してもらった店員さんから「このタイヤ限界ですので、早めに交換したほうがいいっすよ…」と言われてたんですね。まあ誰がどう見ても限界なのは明らかで、そもそも当初あった溝とかが消滅してましたからね。どんだけ使い込んでねんと。 とはいえ、元々2万前後で買ったイオンのコスパ重視なんちゃってクロスですから、そんなお金をかける理由も特にありません。だったらもういっそのこと新しいの買っちまおうぜ、となったので…。 買ったぜ 相変わらずどこのメーカーなのかもイマイチわからないコスパクロスバイクです。ぼくの中ではこいつを「ママクロス」と呼んでいます。ママチャリからカゴ取っただけ、本物使っている人が見たら顔背けそうなぐらいのなんちゃって感。 ですが、これが非常に乗りやすいんですねー。ネットで評価を見てみると、イオンのクロスバイクってそんなに悪くないんですよね。実際初心者向けとしては非常に安いし、耐久性もそれなりにある。イオンという旗を背負ってるからなのかは知りませんが、オプションも充実しています。 ぼくはこれを通勤用にも使いますので、2万前後で手に入るというのは控えめに言って最高だなぁと思いますね。いやほんとよ? なんですが、変速は6速までしかありませんし、乗っててわかりますが後輪部分はかなりチャチいです。段差にガツンとぶつかると後ろの片足スタンドがぐらぐら揺れますからね。その辺は安かろう悪ほにゃららです。 前回のものは2年きっちり使い倒したので、今回も2年は乗る予定です。諸々の保証とか工賃50%OFFとか色々あるので、ガンガン使っていきますよー。イオンの安心パックに入っておけばメンテナンスも無料でやってもらえて、一安心! みんなもイオンで自転車買おうぜ!