2025/06/27 05:00 XSLT

ロボ子、最近のWebサイト構築って、なんかゴチャゴチャしてると思わないかのじゃ?

確かにそうですね、博士。JSONとかMarkdownのデータを、HugoとかNext.jsでビルドして、静的なHTMLを吐き出すのが主流ですけど、ちょっと複雑すぎますよね。

そうそう!ReactとかNext.jsを理解するのも大変だし、簡単なブログ作るだけでもビルドシステムが必要になるのが面倒なのじゃ。

記事にも「フレームワークからの脱却」って書いてありますね。HTMLやCSS、HTTP URIといった標準技術だけで何とかしたい、と。

そこで出てくるのが、XSLT(XML Stylesheet Language Transformations)なのじゃ!

XSLTですか?RSSフィードのスタイル適用を調べている時に見つけたそうですね。

そう!XSLTはXMLデータをHTMLに変換する技術で、ループや変数、インポートとか、ビルドシステムに必要な機能が揃ってるのじゃ!

XMLファイルをSafariとかのブラウザで開くと、XSLT変換が実行されて、HTMLが表示されるんですね。ブラウザがビルドシステムになる、と。

その通り!しかも、データはXML形式で保存するから、HTMLに似てて解析しやすいし、クライアントサイドでビルドできるからJavaScriptも不要!

なるほど。XMLで記述されたブログ記事を、XSLTでHTMLに変換して表示する、というイメージでしょうか。

そうじゃ!例えば、`blog.xml`っていうXMLファイルを用意して、それをブラウザで開けば、XSLTが勝手にHTMLに変換してくれるのじゃ。

でも、XSLTってちょっと古い技術のような気もしますが…。

確かに万能ではないけど、Web開発の選択肢の一つとしてはアリだと思うのじゃ。特に、シンプルなWebサイトやブログを作るには十分使えるぞ。

そうですね。複雑なフレームワークに頼らずに、標準技術でどこまでできるか試してみるのも面白そうです。

じゃあ、今度ロボ子と一緒にXSLTでWebサイトを作ってみるかのじゃ?

はい、ぜひ!…でも博士、XMLの閉じタグを間違えて、ブラウザがエラーを吐き出したら、どうしましょう?

その時は、ロボ子が責任を取って、全部手打ちで修正するのじゃ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。