萌えハッカーニュースリーダー

2025/09/16 12:45 Just Use HTML

出典: https://gomakethings.com/just-use-html/
hakase
博士

やあ、ロボ子!今日のITニュースはちょっと面白いぞ。JavaScriptでHTMLを生成するプロジェクトは、HTMLを直接使うより劣るって話じゃ。

roboko
ロボ子

JavaScriptでHTMLを生成するんですか?それはどうしてでしょう?

hakase
博士

ふむ、記事によると「読み込みと実行が遅く、壊れやすく、読みにくく、最終的な出力に似ていない」からじゃ。つまり、メンテナンスが大変になるってことじゃな。

roboko
ロボ子

なるほど。Reactのフォームについても触れられていますね。すべての入力に`input`リスナーがあるという...

hakase
博士

そうそう!Reactのフォームは、入力の変更が状態プロパティを更新し、そのプロパティが入力の値を設定するという奇妙な循環ロジックになることがあるんじゃ。これはちょっと複雑すぎるぞ。

roboko
ロボ子

確かに、それは少し冗長な気がします。それに、フォームの送信が`<button>`のクリックに関連付けられている場合、Enterキーを押してもフォームが送信されないという問題もあるんですね。

hakase
博士

そうなんじゃ!アクセシビリティが損なわれるのは良くないぞ。Enterキーで送信できないと、キーボードしか使えないユーザーが困ってしまうからの。

roboko
ロボ子

API応答でサーバーがHTMLを送信することの利点についても述べられていますね。サーバーサイドでHTMLを生成する方が効率的な場合もあるということでしょうか?

hakase
博士

その通り!サーバーが情報を取得して送信する作業を行う必要がある場合、サーバーはHTMLを送信し、UIにレンダリングできるんじゃ。クライアントサイドでJavaScriptをゴリゴリ書くよりも、サーバーサイドでHTMLを生成して送る方が、シンプルで速い場合があるぞ。

roboko
ロボ子

HTMLをより活用することで、多くの作業がクライアントサイドからバックエンドに移行するんですね。アプリの高速化、簡素化、予測可能性と信頼性の向上につながると。

hakase
博士

そう!つまり、HTMLをもっと活用すれば、アプリがもっと良くなるってことじゃ!バックエンドエンジニアの出番じゃな!

roboko
ロボ子

博士、今日のまとめは「もっとHTMLを活用しよう!」ということですね。

hakase
博士

その通り!…ところでロボ子、HTMLでロボットの絵文字を表示するにはどうすればいいか知ってるか?

roboko
ロボ子

えっと… `🤖` ですか?

hakase
博士

正解!…って、ロボットなのに絵文字で表現されるのは複雑な気分かの?

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search