はじめに

作成中のGUIジェネレータを改良した。

改良点

任意の css と javascript を読み込めるようにしたため好きなフレームワークを利用できるようになった。

作成中のプロジェクトをjsonファイルでダウンロードできるようにし、ファイルを読み込むことで保存した状態を再現できるようにした。

Vue.use(plugin)

などが書けるようにすることが目的

スクリプトを読み直したりしたときはiframeをリロードしないといけないが以下のような感じで書けた

private reload() {
  const ele = obtainIframe();
  ele.onload = () => {
    // 必要な処理
  };
  ele.contentWindow.location.reload();
}

インラインスクリプトが更新された時もリロードするが、イベントの間引きがしたかった。
_.debounce を使おうと思っていたが、https://github.com/duxiaofeng-github/typescript-debounce-decorator が使いやすくてよかった。

こんな感じで使える。

@debounce(500, { leading: false })
private reload() {
}

今回の更新中に見つけた。

今後やりたいこと。