JavaScript関連のことを調べてみた2022年11月16日

JavaScript関連のことを調べてみた2022年11月16日
目次

npm-run-allで複数の処理を実行する メモ

## npm-run-allとは??
複数の処理を1つのコマンドでできるようになるツール
`buildを入力して実行`→`exportを入力して実行` から
`1つのコマンドを入力`→`buildとexport`が実行されるようにできる

## やってみる
Next.jsの静的HTML書き出しを行います
***1\.従来の実行方法***
“`
npm run build
————-
npm run export
“`
と2回コマンドを入力しなければなりません

***2\.npm-run-allでの実行方法***

まずは`npm-run-all`をインストール
“`
npm i -D npm-run-all
“`

package.jsonを見てみると
“`typescript
“devDependencies”: {
“eslint”: “8.20.0”,
“eslint-config-next”: “12.2.3”,
“npm-run-all”: “^4.1.5″
}
“`
`”npm-run-all”: “^4.1.5”

元記事を表示

CDNのjQueryをImport Mapsで読み込ませる方法

jQueryはもう使わないけど、一例として、、

“`html:index.html





Sample Import Maps



0
元記事を表示

Mermaidでプリザンターにダイアグラム・チャートを表示してみる

## 概要
Mermaidでプリザンターにダイアグラム・チャートを表示させてみます。Mermaidを使うメリットなどについては以下の記事で詳しく紹介されていますので、興味のある方はそちらをご参照ください。

https://qiita.com/Qiita/items/c07f3262d8f3b25f06c9

### 試した環境
プリザンター 1.3.25.3
Mermaid v9.2.2
OS: Windows10
DB: SQL Server

### 事前準備
プリザンターでは拡張HTMLという機能で外部スクリプトを読み込むことができるので、以下の手順でMermaidが使えるようにします。

https://pleasanter.org/manual/extended-html

1. 以下のテキストファイルを作成して配置します。
“`C:\web\pleasanter\Implem.Pleasanter\App_Data\Parameters\ExtendedHtmls\HtmlBodyBottom.html