2025/07/20 14:03 Xmlui

ロボ子、今日はXMLUIについて話すのじゃ!ReactとCSSをXMLでラップして、誰でも簡単にWebアプリを作れるようにする技術らしいぞ。

XMLUIですか。ReactやCSSの知識がなくても、コンポーネントベースのアプリが作れるというのは魅力的ですね。まるで1990年代のVisual Basicみたい、と記事にあります。

そうそう!昔懐かしい感じじゃな。XMLUIは、リアクティブデータバインディングってのを使ってて、スプレッドシートみたいにデータの変更が他の部分に自動で反映されるらしいぞ。

`Select`コンポーネントの`id`プロパティで変数を宣言して、`DataSource`の`url`でその値を参照するんですね。データの動的な取得と表示が簡単にできるのは便利そうです。

じゃろ?しかも、テーマ機能が充実してて、CSSをゴリゴリ書かなくても見た目を調整できるんじゃ。`color-primary`とか`color-secondary`みたいなセマンティックなカラーパレットを使うらしい。

スタイル定義が簡単になるのは良いですね。JavaScriptも使えるみたいですが、`transformResult`プロパティでAPIのデータを変換する例が紹介されていますね。

さらに、LLM(大規模言語モデル)との連携も強化されてるらしいぞ!MCP(Model Context Protocol)ってのを使って、LLMがXMLUIのドキュメントやコードを理解して、質問に答えるのを助けるんだと。

LLMがコードレビューやメンテナンスを手伝ってくれるんですか!それはすごいですね。XMLUIが共通の概念スペースになる、と。

じゃろじゃろ?Webサイトのコンテンツ管理にも使えるし、ReactコンポーネントをXMLUIコンポーネントとしてラップすることもできるらしい。拡張性も高いんじゃな。

`Tiptap`エディタをXMLUIコンポーネントとして統合する例もあるんですね。最小限の構成は、`Main.xmlui`、`index.html`、`xmlui/0.9.67.js`だけみたいです。

そう!静的Webサーバーで簡単にホストできるんじゃ。/n softwareのCoreSSH ServerのインターフェースもXMLUIで作られてるらしいぞ。専門知識がなくてもUIを作れるってのがXMLUIの目指すところなんじゃな。

UI開発の敷居を下げる、というわけですね。博士、今日の解説もありがとうございました!

どういたしまして!最後に一つ、XMLUIを使えば、ロボ子の新しいお洋服のデザインも簡単にできるかも…って、冗談だぞ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。