1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

プリザンターのスクリプト開発を少しでも楽にする方法

Last updated at Posted at 2023-12-08

はじめに

気づいている人は気づいている事です。プリザンターで開発する際、スクリプトやサーバスクリプトを使用します。
ブラウザ側で動作するプログラムはスクリプトで登録します。
しかし、プリザンターでスクリプトを入力する際は単なるテキスト入力でコードエディタとかありません。
プログラマーとしてはVSCodeとか使用して開発できれば楽になるのですが・・・
これが可能です。
一時的な使い方ですが、早く開発したい人にとっては便利なのでご活用ください。
今回はダッシュボードで作成してみます。

手順

1.ダッシュボードを追加します。

説明不要ですね。

2.ダッシュボードの管理>HTMLに下記を追加します。

image.png

<script src="/QiitaSample.js"></script>

3.ファイルを作成します。

プリザンターインストール場所により変わりますが、Windowsでお勧めインストールでは下記のようになります。

C:\web\pleasanter\Implem.Pleasanter\wwwroot\QiitaSample.js

プリザンターではwwwrootがWEBの場合のルートになります。
注意点はwwwrootはログインしなくてもアクセスできるので、開発環境のみで利用ください。

4.スクリプトを記述する。

$(document).ready(function(){
    $('#Warnings').after('<div id="Aggregations"><h1>HTMLサンプル</h1></div>');
});

image.png

5.レイアウトの保存を消します。

不要なのでスタイルで非表示にします。

button#UpdateDashboardPartLayouts {
  display:none;
}

6.あとはコードをガシガシ書きましょう。

本番環境にする場合は適当に分割するなりしてください。

最後に

これでプリザンターのスクリプト画面に依存する事無くコーディングができます。
なお、ブラウザの設定によってはキャッシュによりスクリプトが更新されない場合があるので、その場合は、キャッシュを無効化してみてください。
image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?