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?

PleasanterのスクリプトをTypeScriptで書きたい

Posted at

PleasanterのスクリプトをTypeScriptで書きたい

概要

  • PleasanterのスクリプトをTypeScriptで書きたいですよね?
  • 実現するための環境設定を用意しました
  • 型定義が必用だったので、型定義を作成してDefinitelyTypedにも登録しました

使い方

0.環境

Node.jsがインストールされている必要があります。

1.取得

リポジトリにひな形となるプロジェクトが格納されています。
リポジトリに格納されているテンプレートプロジェクトをダウンロードしてください。

Pleasanter-TypeScript-DevEnv

2.必用なライブラリ取得

コンパイルに必用なライブラリをダウンロードします。
package.jsonファイルが存在するディレクトリまで移動します。
該当ディレクトリで以下コマンドを実行してください。

npm install

3.コード実装

'src/index.ts' というファイルがエントリポイントになります。
このファイルから参照されているファイルが自動的にビルド対象となります。
@typesで型定義がされているので、$pの下から各種データにアクセスすることが出来ます。

なお、型定義が間違っていたら教えてください...。

 $p.apiGet({
  id: 1545,
  done: (data) => {
    console.log(data);

    // サンプルコード
    $p.setMessage(
       "#Message",
      JSON.stringify({
         Css: "alert-success",
         Text: "処理が正常に終了しました。",
       }as SetMessageArgumentType)
     );

  },
});

4.コードフォーマット

コードを整形するコマンドです。

npm run format

5.ビルド

コードをビルドするコマンドです。変更があるたびに自動でビルドが実行されます。
ビルド結果は'dist/index.js'に出力されます。
該当ファイルの内容物をスクリプトページに貼り付けてください。
このコマンドで出力されたコードは、デバッグ用のmapファイルを含んでいます。
このため、chromeデバッガーなどでコードを見ながらデバッグする事が出来ます。

npm run build

6. リリースビルド

リリース用のビルドコマンドです。コードが最適化されてビルドされます。
minifyが適用され、デバッグ用のマップファイルは含まれません。ここからデバッグするのは大変です。

npm run release

感謝

この開発環境は、Oooooomin2様のECMAScript環境をTypeScriptに変換したものです。感謝いたします。

Oooooomin2/Pleasanter_ECMAScript

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?