またやらかしてる…

4月の終わりがだんだん近づいてきてますね。

外の気温もだんだんと上昇してきましたね…

そろそろ、季節に合った服装がだんだんおしゃれになってきてる人がよく見かけるようになりました。

外で外出するときはほぼマスクしていない人が何人か見かけるようになりました。

みんなが、マスクを脱却する日は数年後になるんじゃないかね？

さてと、話題に入りましょう！

またやらかしてる…

ある業者が作成したWebページが顧客側に納品したときに、料金体系とかで問題が発生して、ある業者の契約を打ち切られ、こっちに回してきます。

ある業者の部分修正費用がかなり高価らしいんですね。

ここまでコピペ…

ある業者がLPページを一部変更したいという依頼が舞い込んできてます…

しかし、LPページの中身を見ると…

コメントアウト数が多すぎないか？

しかも、CSSを見るとド素人の初心者が作成したようなものが伝わる…

LP制作して100万円はあらへんちゃうんか？

ページを紹介したいんですが、プライバシーの観点から伏せておきます…

ページの中身を一部抜粋してお見せしますね。

<section class="content_area">
	<h2 class="content_ttl">広告タイトル</h2>

	<div class="point_area">
		<div class="txt_box">
			<p class="txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
		</div>

		<div class="photo_box">
			<img src="./img/photo01.jpg" alt="Photo" width="100%" />
		</div>
	</div>

	<div class="point_area">
		<div class="txt_box">
			<p class="txt">サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
		</div>

		<div class="photo_box">
			<img src="./img/photo02.jpg" alt="Photo" width="100%" />
		</div>
	</div>

	<div class="point_area">
		<div class="txt_box">
			<p class="txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>

		<div class="photo_box">
			<img src="./img/photo03.jpg" alt="Photo" width="100%" />
		</div>
	</div>
</section>

CSSは割愛させていただきます。

一部抜粋してますが…

これは理想形のコーディング方法なんですね…

しかし、今回は、めちゃくちゃなコーディング方法を見て呆れました。

<section class="content_area">
	<!--<h2 class="content_ttl">広告タイトル 01</h2>-->
	<!<h2 class="content_ttl">広告タイトル 02</h2>-->
	<h2 class="content_ttl">広告タイトル 03</h2>

	<div class="point_area">
		<!<div class="txt_box">
			<p class="txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
		</div>-->

		<div class="txt_box">
			<p class="txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト<br />ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト<br /><br />ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
		</div>

		<div class="photo_box">
			<img src="./img/photo01.jpg" alt="Photo" width="100%" />
		</div>
	</div>

	<div class="point_area">
		<div class="txt_box">
			<p class="txt">サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
		</div>

		<!--<div class="photo_box">
			<img src="./img/photo02.jpg" alt="Photo" width="100%" />
		</div>-->
		<div class="photo_box">
			<img src="./img/photo02.jpg" alt="Photo" width="100%" />
		</div>
	</div>

	<div class="point_area">
		<!--<div class="txt_box">
			<p class="txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>-->

		<!--<div class="txt_box">
			<p class="txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>-->

		<div class="txt_box">
			<p class="txt">テキストテキストテキストテキストテキストテキスト<span>テキストテキストテキストテキストテキスト</span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>

		<div class="photo_box">
			<img src="./img/photo03.jpg" alt="Photo" width="100%" />
		</div>
	</div>
</section>

コメントアウト数が多すぎて…

呆れてます…

コメントアウトはできるだけ少なめにして、ファイル名をリネームして保存するだけでサーバー上では残せますが…

LPを作る時は皆さんはどうしてますか？

プロっていう自覚をもって、色々考えてみて制作をしてみてください。

コメントアウト数が増えると、読み込むスピードのことも影響しますので、気を付けてくださいませ！

では、また！