この OSS は私個人の著作物であり，サイボウズ株式会社，その他，私の所属する組織とは一切関係ありません。
This OSS is my own personal work and does not have any relationship with Cybozu Inc. or any other organization which I belong to.
$ ./build.sh
./pkg 以下に Wasm ファイルおよび JS バインディングが生成されます。
GitHub Actions を使って自動ビルドし，GitHub Pages に成果物を配置しています。
- https://uchan-nos.github.io/rust-wasm-kintone/pkg/rust-wasm-kintone.js
- https://uchan-nos.github.io/rust-wasm-kintone/pkg/rust-wasm-kintone_bg.wasm
- https://uchan-nos.github.io/rust-wasm-kintone/kintone/customize.js
このリポジトリで公開している greet カスタマイズを kintone に適用するには 2 つの作業が必要です。
- kintone にカスタマイズ適用対象のアプリを作る
- JavaScript カスタマイズを設定する
次のフィールドを持ったアプリを作ります。
| フィールドコード | フィールドタイプ | 役割 |
|---|---|---|
| name | 文字列（1行） | greet() 関数の引数に指定する文字列 |
| greet | スペース | greet() 関数の戻り値を表示する領域 |
作成したアプリの設定から「JavaScript / CSSでカスタマイズ」画面を開き， pkg/rust-wasm-kintone.js と kintone/customize.js をこの順で指定します。
convimg は Rust の image crate を利用して画像を加工するサンプルです。 JavaScript で kintone レコードに添付されたファイルを読み取り，WebAssembly 側の関数に渡し，加工した結果画像を kintone 側に書き戻すことができます。
次のフィールドを持ったアプリを作ります。
| フィールドコード | フィールドタイプ | 役割 |
|---|---|---|
| attached_file | 添付ファイル | 画像ファイルを添付する場所 |
| result | スペース | convimg() 関数の戻り値を表示する領域 |
| filters | チェックボックス | 項目：resize, rtate, grayscale, huerotate, blur, brighten |
| resize_scale | 数値 | リサイズ比率（0 以上の小数） |
| rotate_angle | ドロップダウン | 画像回転角（項目：90, 180, 270） |
| huerotate_angle | 数値 | HUE 色環の回転角 |
| blur_sigma | 数値 | ガウシアンフィルタの sigma 値 |
| brighten_value | 数値 | 輝度の加算値 |
作成したアプリの設定から「JavaScript / CSSでカスタマイズ」画面を開き， pkg/rust-wasm-kintone.js と kintone/convimg.js をこの順で指定します。