ぱずぷれのオフラインビルド方法

やること

ぱずぷれのダウンロード

Node.js環境の導入

ぱずぷれのビルド

サンプルコードの確認

ぱずぷれのダウンロード

にアクセス

https://gyazo.com/ad5b34df7c47831ef993b55dfea3e5ab

Clone or downloadを選択し、

gitでcloneする

code: sh

もしくは Download ZIP より zip保存→解凍

Node.js、npmの導入

ぱずぷれのNode.js環境が必要です。

↑でうまくいかなかったら

Node.js 導入

npm 導入

などで検索します。

インストールされ、パスが通っていれば、以下のようなコマンドでバージョンを確認できます。

code: sh

% npm -v

6.13.4

% node -v

v13.5.0

ぱずぷれのビルド

まず、ぱずぷれのインストール先のディレクトリに移動します

(index.jsのあるディレクトリです）

code:sh

% cd {保存先}/pzprjs

次にnpm installで必要なパッケージをインストールします

code: sh

% npm install

最後に、ぱずぷれのビルドスクリプトを実行します

code: sh

% npm run-script build

新たにdistフォルダが作られていればおそらく成功です

サンプルコードの確認

ブラウザで

pzprjs/sample/html/api_test.html

を開きます。

以下のようなパズルが表示されていれば成功です。

https://gyazo.com/7c77c2300c0d9f838725f86f38ed8bd2

こちらのhtmlファイルをエディタで開いてみると、

ぱずぷれでのパズルオブジェクトの作成方法などを確認することができます。