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

2025/06/27 05:00 XSLT

出典: https://github.com/pacocoursey/xslt
hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

その時は、ロボ子が責任を取って、全部手打ちで修正するのじゃ!

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

Search