nadesiko3 3.2.27

package/src/plugin_browser_dom_basic.js

@@ -0,0 +1,322 @@
+// @ts-nocheck
+module.exports = {
+  // @DOM操作
+  'DOCUMENT': { type: 'const', value: '' }, // @DOCUMENT
+  'WINDOW': { type: 'const', value: '' }, // @WINDOW
+  'NAVIGATOR': { type: 'const', value: '' }, // @NAVIGATOR
+  'DOM要素ID取得': { // @DOMの要素をIDを指定して取得 // @DOMようそIDしゅとく
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (id) {
+      return document.getElementById(id)
+    }
+  },
+  'DOM要素取得': { // @DOMの要素をクエリqで取得して返す // @DOMようそしゅとく
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (q) {
+      return document.querySelector(q)
+    }
+  },
+  'DOM要素全取得': { // @DOMの要素をクエリqで全部取得して返す // @DOMようそぜんしゅとく
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (q) {
+      return Array.from(document.querySelectorAll(q))
+    }
+  },
+  'タグ一覧取得': { // @任意のタグの一覧を取得して返す // @たぐいちらんしゅとく
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (tag) {
+      return document.getElementsByTagName(tag)
+    }
+  },
+  'DOM子要素取得': { // @DOMの要素PAの子要素をクエリqを指定して結果を一つ取得して返す // @DOMこようそしゅとく
+    type: 'func',
+    josi: [['の'], ['を']],
+    pure: true,
+    fn: function (pa, q) {
+      if (typeof pa === 'string') { pa = document.querySelector(pa) }
+      if (!pa.querySelector) {
+        throw new Error('『DOM子要素取得』で親要素がDOMではありません。')
+      }
+      return pa.querySelector(q)
+    }
+  },
+  'DOM子要素全取得': { // @DOMの要素PAの子要素をクエリqを指定して結果を複数取得して返す // @DOMこようそぜんしゅとく
+    type: 'func',
+    josi: [['の'], ['を']],
+    pure: true,
+    fn: function (pa, q) {
+      if (typeof pa === 'string') { pa = document.querySelector(pa) }
+      if (!pa.querySelectorAll) {
+        throw new Error('『DOM子要素取得』で親要素がDOMではありません。')
+      }
+      return pa.querySelectorAll(q)
+    }
+  },
+  'DOMイベント設定': { // @DOMのEVENTになでしこ関数名funcStrのイベントを設定 // @DOMいべんとせってい
+    type: 'func',
+    josi: [['の'], ['に', 'へ'], ['を']],
+    pure: false,
+    fn: function (dom, event, funcStr, sys) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      dom[event] = sys.__findVar(funcStr, null)
+    },
+    return_none: true
+  },
+  'DOMテキスト設定': { // @DOMにテキストを設定 // @DOMてきすとせってい
+    type: 'func',
+    josi: [['に', 'の', 'へ'], ['を']],
+    pure: true,
+    fn: function (dom, text) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      const tag = dom.tagName.toUpperCase()
+      if (tag === 'INPUT' || tag === 'TEXTAREA') { dom.value = text } else if (tag === 'SELECT') {
+        for (let i = 0; i < dom.options.length; i++) {
+          const v = dom.options[i].value
+          if (String(v) === text) {
+            dom.selectedIndex = i
+            break
+          }
+        }
+      } else { dom.innerHTML = text }
+    },
+    return_none: true
+  },
+  'DOMテキスト取得': { // @DOMのテキストを取得 // @DOMてきすとしゅとく
+    type: 'func',
+    josi: [['の', 'から']],
+    pure: true,
+    fn: function (dom) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      const tag = dom.tagName.toUpperCase()
+      if (tag === 'INPUT' || tag === 'TEXTAREA') { return dom.value } else if (tag === 'SELECT') {
+        const idx = dom.selectedIndex
+        if (idx < 0) { return null }
+        return dom.options[idx].value
+      }
+      return dom.innerHTML
+    }
+  },
+  'DOM_HTML設定': { // @DOMにHTML文字列を設定 // @DOM_HTMLせってい
+    type: 'func',
+    josi: [['に', 'の', 'へ'], ['を']],
+    pure: true,
+    fn: function (dom, text) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      dom.innerHTML = text
+    },
+    return_none: true
+  },
+  'DOM_HTML取得': { // @DOMのHTML文字列を取得 // @DOM_HTMLしゅとく
+    type: 'func',
+    josi: [['の', 'から']],
+    pure: true,
+    fn: function (dom) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      return dom.innerHTML
+    }
+  },
+  'テキスト設定': { // @DOMのテキストにVを設定 // @てきすとせってい
+    type: 'func',
+    josi: [['に', 'の', 'へ'], ['を']],
+    pure: false,
+    fn: function (dom, v, sys) {
+      return sys.__exec('DOMテキスト設定', [dom, v, sys])
+    }
+  },
+  'テキスト取得': { // @DOMのテキストを取得 // @てきすとしゅとく
+    type: 'func',
+    josi: [['の', 'から']],
+    pure: false,
+    fn: function (dom, sys) {
+      console.log(dom)
+      console.log(sys)
+      return sys.__exec('DOMテキスト取得', [dom, sys])
+    }
+  },
+  'HTML設定': { // @DOMのHTMLにVを設定 // @HTMLせってい
+    type: 'func',
+    josi: [['に', 'の', 'へ'], ['を']],
+    pure: false,
+    fn: function (dom, v, sys) {
+      return sys.__exec('DOM_HTML設定', [dom, v, sys])
+    }
+  },
+  'HTML取得': { // @DOMのテキストを取得 // @HTMLしゅとく
+    type: 'func',
+    josi: [['の', 'から']],
+    pure: false,
+    fn: function (dom, sys) {
+      return sys.__exec('DOM_HTML取得', [dom, sys])
+    }
+  },
+  'DOM属性設定': { // @DOMの属性Sに値Vを設定 // @DOMぞくせいせってい
+    type: 'func',
+    josi: [['の'], ['に', 'へ'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, s, v, sys) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+      const wa = sys.__v0['DOM和スタイル']
+      if (wa[s]) { s = wa[s] }
+      dom[s] = v
+    },
+    return_none: true
+  },
+  'DOM属性取得': { // @DOMの属性Sを取得 // @DOMぞくせいしゅとく
+    type: 'func',
+    josi: [['の', 'から'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, s, sys) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+      const wa = sys.__v0['DOM和スタイル']
+      if (wa[s]) { s = wa[s] }
+      return dom[s]
+    }
+  },
+  'DOM和スタイル': { // const // @DOMわすたいる
+    type: 'const',
+    value: {
+      '幅': 'width',
+      '高さ': 'height',
+      '高': 'height',
+      '背景色': 'background-color',
+      '色': 'color',
+      'マージン': 'margin',
+      '余白': 'padding',
+      '文字サイズ': 'font-size',
+      '行揃え': 'text-align',
+      '左': 'left',
+      '右': 'right',
+      '中央': 'center',
+      'ボーダー': 'border',
+      'ボックス表示': 'display',
+      'なし': 'none',
+      'ブロック': 'block',
+      '表示位置': 'float',
+      '重なり': 'z-index'
+    }
+  },
+  'DOMスタイル設定': { // @DOMのスタイルAに値Bを設定 // @DOMすたいるせってい
+    type: 'func',
+    josi: [['の'], ['に', 'へ'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, s, v, sys) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+      const wa = sys.__v0['DOM和スタイル']
+      if (wa[s] !== undefined) { s = wa[s] }
+      if (wa[v] !== undefined) { v = wa[v] }
+      dom.style[s] = v
+    },
+    return_none: true
+  },
+  'DOMスタイル一括設定': { // @DOMに(オブジェクト型で)スタイル情報を一括設定 // @DOMすたいるいっかつせってい
+    type: 'func',
+    josi: [['に', 'へ'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, values, sys) {
+      if (typeof dom === 'string') { dom = document.querySelectorAll(dom) }
+      if (!dom) { return }
+      if (dom instanceof window.HTMLElement) { dom = [dom] }
+      const wa = sys.__v0['DOM和スタイル']
+      // 列挙したDOM一覧を全てスタイル変更する
+      for (let i = 0; i < dom.length; i++) {
+        const e = dom[i]
+        for (const key in values) {
+          let s = key
+          let v = values[key]
+          if (wa[s] !== undefined) { s = wa[s] }
+          if (wa[v] !== undefined) { v = wa[v] }
+          e.style[s] = v
+        }
+      }
+    },
+    return_none: true
+  },
+  'DOMスタイル取得': { // @DOMのSTYLEの値を取得 // @DOMすたいるしゅとく
+    type: 'func',
+    josi: [['の'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, style, sys) {
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+      if (!dom) { return '' }
+      const wa = sys.__v0['DOM和スタイル']
+      if (wa[style]) { style = wa[style] }
+      return dom.style[style]
+    }
+  },
+  'DOMスタイル一括取得': { // @DOMのSTYLE(配列で複数指定)の値を取得 // @DOMすたいるいっかつしゅとく
+    type: 'func',
+    josi: [['の'], ['を']],
+    uses: ['DOM和スタイル'],
+    pure: true,
+    fn: function (dom, style, sys) {
+      const res = {}
+      if (typeof (dom) === 'string') { dom = document.querySelector(dom) }
+
+      if (!dom) { return res }
+      if (style instanceof String) { style = [style] }
+
+      const wa = sys.__v0['DOM和スタイル']
+      if (style instanceof Array) {
+        style.forEach((key) => {
+          if (wa[key]) { key = wa[key] }
+          res[key] = dom.style[key]
+        })
+        return res
+      }
+      if (style instanceof Object) {
+        for (let key in style) {
+          if (wa[key]) { key = wa[key] }
+          res[key] = dom.style[key]
+        }
+        return res
+      }
+      return dom.style[style]
+    }
+  },
+  'DOM要素作成': { // @DOMにTAGの新規要素を作成 // @DOMようそさくせい
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (tag) {
+      return document.createElement(tag)
+    }
+  },
+  'DOM子要素追加': { // @DOMの要素PAの子へ要素ELを追加してPAを返す // @DOMこようそついか
+    type: 'func',
+    josi: [['に', 'へ'], ['を']],
+    pure: true,
+    fn: function (pa, el) {
+      if (typeof el === 'string') { el = document.querySelector(el) }
+      if (typeof pa === 'string') { pa = document.querySelector(pa) }
+      pa.appendChild(el)
+    }
+  },
+  'DOM子要素削除': { // @DOMの要素PAの子から要素ELを削除してPAを返す // @DOMこようそさくじょ
+    type: 'func',
+    josi: [['から'], ['を']],
+    pure: true,
+    fn: function (pa, el) {
+      if (typeof el === 'string') { el = document.querySelector(el) }
+      if (typeof pa === 'string') { pa = document.querySelector(pa) }
+      pa.removeChild(el)
+    }
+  }
+}

package/src/plugin_browser_dom_event.js

@@ -0,0 +1,193 @@
+// @ts-nocheck
+module.exports = {
+  // @DOM操作とイベント
+  '対象イベント': { type: 'const', value: '' }, // @たいしょういべんと
+  'DOMイベント追加': { // @DOMのEVENTになでしこ関数名funcStrのイベントを追加// @DOMいべんとついか
+    type: 'func',
+    josi: [['の'], ['に', 'へ'], ['を']],
+    pure: false,
+    fn: function (dom, event, funcStr, sys) {
+      sys.__addEvent(dom, event, funcStr, null)
+    },
+    return_none: true
+  },
+  'DOMイベント削除': { // @DOMのEVENTからなでしこ関数名funcStrのイベントを削除// @DOMいべんとさくじょ
+    type: 'func',
+    josi: [['の'], ['から'], ['を']],
+    pure: false,
+    fn: function (dom, event, funcStr, sys) {
+      sys.__removeEvent(dom, event, funcStr)
+    },
+    return_none: true
+  },
+  'DOMイベント発火時': { // @DOMのEVENTが発火した時にCALLBACKを実行するように設定 // @DOMいべんとはっかしたとき
+    type: 'func',
+    josi: [['で'], ['の'], ['が']],
+    pure: true,
+    fn: function (callback, dom, event, sys) {
+      sys.__addEvent(dom, event, callback, null)
+    },
+    return_none: true
+  },
+  'DOMイベント処理停止': { // @キーイベントやマウスイベントで、元々ブラウザが行う処理を中止する // @DOMいべんとしょりていし
+    type: 'func',
+    josi: [['を', 'の']],
+    pure: true,
+    fn: function (event, sys) {
+      event.preventDefault()
+    },
+    return_none: true
+  },
+  'クリック時': { // @無名関数FでDOMをクリックした時に実行するイベントを設定 // @くりっくしたとき
+    type: 'func',
+    josi: [['で'], ['を']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'click', func, null)
+    },
+    return_none: true
+  },
+  '読込時': { // @無名関数FでDOMを読み込んだ時に実行するイベントを設定 // @よみこんだとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'load', func, null)
+    },
+    return_none: true
+  },
+  'フォーム送信時': { // @無名関数Fでフォームを送信した時に実行するイベントを設定 // @ふぉーむそうしんしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'submit', func, null)
+    },
+    return_none: true
+  },
+  '押キー': { type: 'const', value: '' }, // @おされたきー
+  'キー押時': { // @無名関数FでDOMに対してキーを押した時に実行するイベントを設定。『押されたキー』が設定される。 // @きーおしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'keydown', func, sys.__keyHandler)
+    },
+    return_none: true
+  },
+  'キー離時': { // @無名関数FでDOMに対してキーを離した時に実行するイベントを設定。『押されたキー』が設定される。 // @きーはなしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'keyup', func, sys.__keyHandler)
+    },
+    return_none: true
+  },
+  'キータイピング時': { // @無名関数FでDOMに対してキーをプレスした時に実行するイベントを設定。『押されたキー』が設定される。 // @きーたいぴんぐしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'keypress', func, sys.__keyHandler)
+    },
+    return_none: true
+  },
+  'マウスX': { type: 'const', value: 0 }, // @まうすX
+  'マウスY': { type: 'const', value: 0 }, // @まうすY
+  'マウス押時': { // @無名関数FでDOMに対してマウスボタンを押した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすおしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'mousedown', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'マウス移動時': { // @無名関数FでDOMに対してマウスカーソルが移動した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすいどうしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'mousemove', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'マウス離時': { // @無名関数FでDOMに対してマウスボタンを離した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすはなしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'mouseup', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'タッチX': { type: 'const', value: 0 }, // @たっちX
+  'タッチY': { type: 'const', value: 0 }, // @たっちY
+  'タッチ配列': { type: 'const', value: [] }, // @たっちはいれつ
+  'タッチイベント計算': { // @タッチイベントで座標計算を行う。『タッチX』『タッチY』『タッチ配列』『対象』『対象イベント』が設定される。『タッチ配列』の内容が返る // @たっちいべんとけいさん
+    type: 'func',
+    josi: [['の']],
+    pure: true,
+    fn: function (e, sys) {
+      return sys.__touchHandler(e, sys)
+    }
+  },
+  'タッチ開始時': { // @無名関数FでDOMに対してタッチを開始した時に実行するイベントを設定。// @たっちかいししたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'touchstart', func, sys.__touchHandler)
+    },
+    return_none: true
+  },
+  'タッチ時': { // @無名関数FでDOMに対してタッチして指を動かした時に実行するイベントを設定。// @たっちしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'touchmove', func, sys.__touchHandler)
+    },
+    return_none: true
+  },
+  'タッチ終了時': { // @無名関数FでDOMに対してタッチして指を離した時のイベントを設定。// @たっちしゅうりょうしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'touchend', func, sys.__touchHandler)
+    },
+    return_none: true
+  },
+  'タッチキャンセル時': { // @無名関数FでDOMに対してタッチイベントをキャンセルした時の動作を設定。// @たっちきゃんせるしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: false,
+    fn: function (func, dom, sys) {
+      sys.__addEvent(dom, 'touchcancel', func, sys.__touchHandler)
+    },
+    return_none: true
+  },
+  '画面更新時実行': { // @画面描画タイミングで関数F(文字列指定も可)を実行する。識別IDを返す。// @がめんこうしんじじっこう
+    type: 'func',
+    josi: [['を']],
+    pure: false,
+    fn: function (func, sys) {
+      func = sys.__findVar(func, null) // 文字列指定なら関数に変換
+      if (!func) { throw new Error('『画面更新時実行』で関数の取得に失敗しました。') }
+      sys.__requestAnimationFrameLastId = window.requestAnimationFrame(func)
+      return sys.__requestAnimationFrameLastId
+    }
+  },
+  '画面更新処理取消': { // @識別IDを指定して『画面更新時実行』を取り消す// @がめんこうしんしょりとりけし
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: false,
+    fn: function (id, sys) {
+      window.cancelAnimationFrame(id)
+      if (sys.__requestAnimationFrameLastId === id) { sys.__requestAnimationFrameLastId = 0 }
+    },
+    return_none: true
+  }
+}

package/src/plugin_browser_dom_parts.js

@@ -0,0 +1,163 @@
+// @ts-nocheck
+module.exports = {
+  // @DOM部品操作
+  'DOM親要素': { type: 'const', value: '' }, // @DOMおやようそ
+  'DOM生成個数': { type: 'const', value: 0 }, // @DOMせいせいこすう
+  'DOM親要素設定': { // @「ボタン作成」「エディタ作成」などのDOM要素を追加する対象を指定(デフォルトはdocument)して親要素のDOMオブジェクトを返す // @DOMおやようそせってい
+    type: 'func',
+    josi: [['に', 'へ']],
+    pure: false,
+    fn: function (el, sys) {
+      if (typeof el === 'string') { el = document.querySelector(el) || document.getElementById(el) }
+      sys.__v0['DOM親要素'] = el
+      return el
+    }
+  },
+  'DOMスキン': { type: 'const', value: '' }, // @DOMすきん
+  'DOMスキン辞書': { type: 'const', value: {} }, // @DOMすきんじしょ
+  'ボタン作成': { // @ラベルlabelを持つbutton要素を追加しDOMオブジェクトを返す // @ぼたんさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (label, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const btn = document.createElement('button')
+      btn.innerHTML = label
+      btn.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('ボタン作成', btn, sys) }
+      // DOM追加
+      parent.appendChild(btn)
+      sys.__v0['DOM生成個数']++
+      return btn
+    }
+  },
+  'エディタ作成': { // @textの値を持つテキストボックス(input[type='text'])の要素を追加しDOMオブジェクトを返す // @えでぃたさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (text, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const inp = document.createElement('input')
+      inp.type = 'text'
+      inp.value = text
+      inp.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('エディタ作成', inp, sys) }
+      // DOM追加
+      parent.appendChild(inp)
+      sys.__v0['DOM生成個数']++
+      return inp
+    }
+  },
+  'テキストエリア作成': { // @textの値を持つtextarea要素を追加しDOMオブジェクトを返す // @てきすとえりあさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (text, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const te = document.createElement('textarea')
+      te.value = text
+      te.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('テキストエリア作成', te, sys) }
+      // DOM追加
+      parent.appendChild(te)
+      sys.__v0['DOM生成個数']++
+      return te
+    }
+  },
+  'ラベル作成': { // @textの値を持つラベル(span要素)を追加しDOMオブジェクトを返す // @らべるさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (text, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const te = document.createElement('span')
+      te.innerHTML = text
+      te.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('ラベル作成', te, sys) }
+      // DOM追加
+      parent.appendChild(te)
+      sys.__v0['DOM生成個数']++
+      return te
+    }
+  },
+  '改行作成': { // @改行(br要素)を追加しDOMオブジェクトを返す // @かいぎょうさくせい
+    type: 'func',
+    josi: [],
+    pure: false,
+    fn: function (sys) {
+      const parent = sys.__v0['DOM親要素']
+      const te = document.createElement('br')
+      te.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('改行作成', te, sys) }
+      // DOM追加
+      parent.appendChild(te)
+      sys.__v0['DOM生成個数']++
+      return te
+    }
+  },
+  'チェックボックス作成': { // @textのラベルを持つチェックボックス(input[type='checkbox'])要素を追加しDOMオブジェクトを返す // @ちぇっくぼっくすさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (text, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const span = document.createElement('span')
+      const inp = document.createElement('input')
+      inp.type = 'checkbox'
+      inp.id = 'nadesi-dom-' + sys.__v0['DOM生成個数']
+      const label = document.createElement('label')
+      label.innerHTML = text
+      label.htmlFor = inp.id
+      span.appendChild(inp)
+      span.appendChild(label)
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('チェックボックス作成', span, sys) }
+      // DOM追加
+      parent.appendChild(span)
+      sys.__v0['DOM生成個数']++
+      return inp
+    }
+  },
+  'セレクトボックス作成': { // @配列optionsの選択肢を持つselect要素を追加しDOMオブジェクトを返す // @せれくとぼっくすさくせい
+    type: 'func',
+    josi: [['の']],
+    pure: false,
+    fn: function (options, sys) {
+      const parent = sys.__v0['DOM親要素']
+      const dom = document.createElement('select')
+      dom.id = 'nadesi-dom-' + (sys.__v0['DOM生成個数']++)
+      for (let i = 0; i < options.length; i++) {
+        const item = document.createElement('option')
+        item.value = options[i]
+        item.appendChild(document.createTextNode(options[i]))
+        dom.appendChild(item)
+      }
+      // スキン適用
+      const func = sys.__v0['DOMスキン辞書'][sys.__v0['DOMスキン']]
+      if (typeof (func) === 'function') { func('セレクトボックス作成', dom, sys) }
+      // DOM追加
+      parent.appendChild(dom)
+      return dom
+    }
+  },
+  'DOMスキン設定': { // @「ボタン作成」「エディタ作成」などで適用するスキンを指定する(#1033) // @DOMすきんせってい
+    type: 'func',
+    josi: [['を', 'に', 'の']],
+    pure: false,
+    fn: function (skin, sys) {
+      sys.__v0['DOMスキン'] = skin
+    },
+    return_none: true
+  }
+}