Skip to content

Pleasanterのスクリプト開発において、プリザンター独自の関数補完やES6以降のJavaScriptで書いた際のIE対応などに役立つかと思います。

Oooooomin2/Pleasanter_ECMAScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pleasanter-Script アシスタント

Pleasanterのスクリプト開発において、プリザンター独自の関数補完やES6以降のJavaScriptで書いた際のIE対応などに役立つかと思います。(もちろんES6以前のJavaScriptでも補完機能は利用できます!)
あくまで個人の趣味で作ったものですので完璧ではありませんが、ぼちぼちブラッシュアップしていけたらなと思っています!(^^)!

技術キーワード
ECMAScript/JavaScript/webpack/Babel

機能一覧

スクリプトの補完機能

プリザンターで使用できる関数の補完が可能です。
補完に対応している関数はプリザンター公式ユーザマニュアルのスクリプト欄にある関数が主です(もちろんJavaScriptですので、ここで表示される補完関数以外の関数を使用しても問題ありません。)

関数補完

必要なパラメータの型も見ることが出来ます。
以下に注意点も記載します。

  • あくまでJavaScriptであり、明確な型定義をされているわけではありませんので違う型の値を入力してもエラーにはなりません。
  • 表示されている全てのパラメータが入力必須というわけではありません。
  • 全てのパラメータではなく、使用頻度の高そうなパラメータのみ補完されるようにしております(全部書き出すのがめんどかった。 たくさん補完候補を書いても混乱するかと思いまして。)

関数補完2

webpack + BabelによるIE対応(IE11)のJavaScriptへの変換

本パッケージをダウンロード(クローン)後、npm run start コマンドで必要なモジュールが全てインストールされます。
その後、npm run build, npm run release等のコマンドを使用するとdistフォルダが新しく作られ、そちらにIE対応のJavaScriptが出力されます。

※npm run build は開発用のスクリプトへ、npm run release は本番用で圧縮されたスクリプトが表示されます。後者の方がサイズも小さいので本番に適用する際はこちらを載せるのが良いかと思います。

packagejson

推奨エディタ

おそらく大体は大丈夫かと思います。とりあえずVSCodeとVisualStudioで動くのは確認しました。

操作方法

  1. 本パッケージをクローン、もしくはダウンロードします。

  2. package.jsonのあるフォルダへ移動し、ターミナル等で「npm run start」と入力し、Enterを押します。

  3. package.jsonのdevDependencies欄に色々入ったのを確認します。
    modules

  4. src配下にスクリプトを書き、ターミナル等で「npm run build」「npm run release」と実行します。

  5. 新たにdistフォルダが作成され、その中に[実行したファイルと同じ名前].bundle.jsというファイルがあることを確認します。

※初期設定ではindex.jsのみしか読み込まれません。複数ファイルを使用する際はwebpack.dev.config.jsとwebpack.pro.config.jsの赤枠部分を書き換える必要がありますのでご了承ください。

webpack

About

Pleasanterのスクリプト開発において、プリザンター独自の関数補完やES6以降のJavaScriptで書いた際のIE対応などに役立つかと思います。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published