Web 技術年末試験 2025 講評 #web_exam2025

作問意図

今回も、テーマ選びにはかなり苦戦した。

ある程度全員が知っているが、当たり前すぎないテーマで、知っておいてもいいという点では復習にもなるというバランスは、毎回難しい。

しかし、時事やトレンドを含めて、それなりにバランスの取れたテーマが選べたと思うし、コーディング、選択、記述などをバランスよく揃えられたと思うので、配分はうまくできたとは思う。

アンケートでは最も難しかったのが「Temporal」で、最も簡単だったのが「Security」だったようだ。

大問 1: Security

2025 年はサイバーインシデントが多発した年でもあった。

何か 1 つは出そうと思っていたが、アサヒやアスクルのような大規模な事件は出しようもないし、React2Shell は RSC を使っている人だけだったので、サプライチェーン攻撃にした。Web 技術そのものの話ではないが、Web 開発者誰もが対象となる話だったので、スコープとしては良かっただろう。

架空の攻撃にすると話がぼやけるので、Nx で起こった S1ngularity を題材にした。サプライチェーン攻撃とされているが、それは入口であって、実被害は感染したインフォスティーラーで発生しているので、そこに対して取りうる対策の話を中心に作問した。

pnpm も、みんなが使っているわけではないが、今年は npm から pnpm への移行の話がかなりあったので、リテラシとして知っていても良さそうだ。また、その移行自体は本質的な対策というよりは、暫定的な対応なので、長期的にどうするのが理想かも含めて出題した。

大問 2: Customizable Select Element

HTML 周りでも、Open UI を中心にかなり進捗があったので、その中で大きかったテーマの 1 つとして、<select> を選んだ。Masonry と最後まで悩んだが、すでに動くのでこちらにしたのもある。

知識問題にするよりは、直接使ってコードを書いてもらう問題にしたほうが良いだろうということで、スクショに対応する CSS を実装する問題にした。

余計なデザインコードが増えると採点が大変になるので、基本は必須の属性、疑似要素/クラスを中心にしているため、実質穴埋め問題のようなイメージだ。

唯一、CSE では <option> の中身が <selectedcontent> に Clone されるという特殊な仕様と、<button> が inert になるという特徴は知識として問う設問を入れた。

大問 3: PKI

Let's Encrypt を中心に、CA 証明書の世界でもかなり大きな変化が起こっている。といっても、一般的な開発をしていると、あまり触れることがない人も多いため、知識問題として入れた。

直近での大きなテーマは 2 つだ。

• 証明書の期限短縮
• IP アドレス向け証明書の発行

短期間証明書は、最短で 6 日などにすることで、「失効」の問題が解決する。その後ろ盾として ACME の普及があり、副作用として CT へのトラフィックなどが懸念されている。

IP アドレス向け証明書は、複数の用途が考えられるが、最もわかりやすい 1.1.1.1 と DoT の関係が把握できていると良いだろう。

大問 4: Temporal

試験直前に Chrome 144 がリリースされ、Temporal が使えるようになったため、それを使うことで改善するユースケースとして、時差とサマータイムをテーマとした。

わかりやすい例として、シンガポールのローカルタイムで決められたミーティングの時間が、ニューヨークでサマータイムの始まるタイミングと重なった場合の解決方法というシナリオにした。

実は Temporal API を使うとかなり簡単に書けてしまうため、「Temporal を使わないで実装」という方法も考えたが、CLDR の問題などもあり複雑になりすぎるのでやめた。

代わりに、現実では再現できない「US のサマータイムが大統領令で無くなったら」というシナリオを入れ、オフセットの設問を作った。

日本固有の問題として、「和暦」を出す問題を絡めて Intl API の問題にもしようと思ったが、Temporal の toLocaleString() を使えば、Intl.DateTimeFormat() をラップしているので、Intl が明示的に出ないため、逆に Temporal に絞ることになった。

設問を TS にして型を明示した方が解答のブレが無くなるとは思ったが、そうするとほぼもう答えなのであえて設問で指示するようにした。このあたりは作問上悩ましい点だ。