HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

SAPUI5で静的HTMLを直接記述する方法

SAPUI5と静的HTMLの共存

SAPUI5は、開発者が独自の静的HTML要素をUI5コントロールと組み合わせて使用できる柔軟なフレームワークです。クローズドなフレームワークではないため、sap.ui.core.HTMLコントロールを利用することで、UI5がレンダリングする領域内に任意の量のプレーンHTMLを直接記述することが可能です。

この仕組みにより、従来のHTMLマークアップとUI5コントロールを同じ画面内で簡単に混在させることができ、既存のHTML資産を活かした開発や、細かいレイアウト調整もスムーズに行えます。

UI5コントロールが生成するHTMLは動的

一方で、UI5コントロールが出力するHTMLは動的に生成されます。これは、静的HTMLだけでは実現が難しい高度なUI要素を提供するJavaScript UIライブラリ全般に共通する設計思想です。

つまり、開発者は静的な部分にはプレーンHTMLを、動的でインタラクティブな部分にはUI5コントロールを使い分けることで、両者のメリットを最大限に活かすことができます。

公式ドキュメントの参照

sap.ui.core.HTMLコントロールの詳細な使い方については、以下のSAPUI5公式デモページを参照してください。

https://sapui5.hana.ondemand.com/test-resources/sap/ui/core/demokit/HTML.html

SAPUI5で静的HTMLを直接記述する方法

  1. HTMLのコンピュータコード用要素とは？kbd・pre・code・var・sampの使い方を解説

    Webページ上にコンピュータのコードやプログラム関連のテキストを表示するために、HTMLにはいくつかの専用要素が用意されています。この記事では、代表的な以下の5つの要素について、サンプルコードと出力結果をもとにひとつずつわかりやすく解説します。 <kbd>：キーボード入力 <pre>：整形済みテキスト <code>：プログラムコード <var>：数式の変数 <samp>：プログラムの出力例 HTMLの<kbd>要素（キーボード入力） <kbd>タグは、キーボードからの入力を表すための要素です。ユーザーにキー

  2. HTMLのブロック要素とインライン要素の違いをわかりやすく解説

    はじめにHTMLの要素は、その表示方法によって「ブロック要素」と「インライン要素」の2種類に大きく分けられます。この2つの違いを理解することは、Webページのレイアウトを思い通りに組むための第一歩です。本記事では、それぞれの特徴と具体的なコード例を使って、わかりやすく解説します。ブロック要素（Block Elements）とはブロック要素は、前後に改行が入ったかのように表示される要素です。また、親要素の利用可能な幅いっぱいまで占めるという特徴があります。代表的なブロック要素には以下のようなものがあります。<h1>〜<h6>（見出し）<p>（段落）<ar