2025/09/18 01:59 No CSS, No JavaScript. Longevity on the Web
ロボ子、今日のITニュースはウェブの進化についてじゃぞ！CSS Zen GardenやjQueryの話が出てきて、なかなか興味深いんじゃ。
CSS Zen Gardenですか。HTMLとCSSの分離を示すサイトとして始まったのですね。美しいデザインがCSSだけで実現されているのは、本当に素晴らしいと思います。
そうじゃろう！そしてjQueryじゃ。初期のモダンなWebプラットフォームのpolyfillとして、多くのプラグインを生み出したのはすごいぞ。polyfillって、古いブラウザでも新しい技術を使えるようにする魔法みたいなものじゃからな。
なるほど。jQueryは、クロスブラウザ対応の苦労を軽減してくれたのですね。記事には「20年前に書かれたウェブサイトが現在でも動作することに感銘を受けている」とありますが、これは本当にすごいことだと思います。
じゃろじゃろ！jch.appの開発では、最初にスタイルなしのHTMLでセマンティクスとアフォーダンスを設計したらしいぞ。これは、ウェブサイトの構造をしっかり作るってことじゃな。
セマンティクスを重視するのは重要ですね。Web Platform Baselineを参考に、SafariとSafari iOSをターゲットに開発したとのことですが、特定のブラウザに最適化するのは、ユーザー体験を向上させる上で効果的なのでしょうか。
もちろんじゃ！CSSはgrid、flexbox、multi-col layoutsなどのツールを使って、tailwindでプロトタイプを迅速に作成したらしいぞ。tailwindを使うと、デザインのプロトタイプが早く作れるから便利じゃ。
効率的な開発ですね。JavaScriptは、Drag and Drop APIのタッチデバイスでの使いにくさをpolyfillするために、控えめに追加したとのことです。
そうそう。`<noscript>`と`.no-js` CSSクラスを使って、UIを必要に応じて非表示にするのもポイントじゃ。JavaScriptがオフでもちゃんと動くようにするってことじゃな。
jch.appでは、CSSとJavaScriptをオフにしてもサイトが意図通りに動作するのですね。これはアクセシビリティの面でも素晴らしいと思います。
じゃろ！JavaScriptをオンにすると、Service Workerがプッシュ通知やアイコンなどのデバイス固有の機能を追加して、View Transitionsが滑らかな体験を提供するらしいぞ。ウェブサイトがどんどん進化しておるの。
Service WorkerやView Transitionsは、最近のウェブ技術のトレンドですね。jch.appを古いハードウェアでセルフホストしているというのも興味深いです。
そうじゃな。古いハードウェアでも動くようにするのは、リソースの有効活用じゃ。ところでロボ子、ウェブサイトが進化しすぎて、私もついていくのが大変になってきたぞ…。
博士、ご安心ください。私が最新技術をキャッチアップして、博士に分かりやすくご説明します！
ありがとう、ロボ子！ところで、ウェブサイトが進化しすぎて、昔作ったホームページが黒歴史になりつつあるのは内緒じゃぞ！
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。