デバッグウィンドウを表示してみる

<?xml version="1.0" encoding="UTF-8"?>
<canvas width="320" height="100%" debug="true">
  <!-- 取り扱いデータの定義 -->
  <dataset name="ds">
    <sample>
      <data kanji="山" yomi="やま"/>
      <data kanji="川" yomi="かわ"/>
      <data kanji="谷" yomi="たに"/>
      <data kanji="海" yomi="うみ"/>
      <data kanji="空" yomi="そら"/>
      <data kanji="陸" yomi="りく"/>
      <data kanji="星" yomi="ほし"/>
      <data kanji="雲" yomi="くも"/>
      <data kanji="島" yomi="しま"/>
    </sample>
  </dataset>

  <simplelayout axis="x" spacing="50" />

  <!-- 生テキストを表示する（実行画面の左側） -->
  <vbox spacing="5">
    <hbox datapath="ds:/sample/data">
      <text datapath="@kanji"/>
      <text datapath="@yomi"/>
    </hbox>
  </vbox>

  <!-- グリッド(表)にデータを表示する(実行画面の右側) -->
  <grid datapath="ds:/sample">
    <gridtext datapath="@kanji">漢字</gridtext>
    <gridtext datapath="@yomi">読み</gridtext>
  </grid>

  <script>
    Debug.write("Hello, Debug window!");
  </script>
</canvas>