kintoneカスタマイズをWebAssembly on Rustでやるサンプル。

https://github.com/uchan-nos/rust-wasm-kintone

シェアしました。

 main 

Go to file

Latest commit

uchan-nos

on 25 Oct 2020

Git stats

Files

README.md

WebAssembly on Rust for kintone customize

この 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 カスタマイズの適用方法

このリポジトリで公開している greet カスタマイズを kintone に適用するには 2 つの作業が必要です。

1. kintone にカスタマイズ適用対象のアプリを作る
2. JavaScript カスタマイズを設定する

カスタマイズ適用対象のアプリを作る

次のフィールドを持ったアプリを作ります。

フィールドコード	フィールドタイプ	役割
name	文字列（1行）	greet() 関数の引数に指定する文字列
greet	スペース	greet() 関数の戻り値を表示する領域

JavaScript カスタマイズを設定する

作成したアプリの設定から「JavaScript / CSSでカスタマイズ」画面を開き， pkg/rust-wasm-kintone.js と kintone/customize.js をこの順で指定します。

convimg カスタマイズの適用方法

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 カスタマイズを設定する

作成したアプリの設定から「JavaScript / CSSでカスタマイズ」画面を開き， pkg/rust-wasm-kintone.js と kintone/convimg.js をこの順で指定します。

Releases

No releases published

Packages 

No packages published 

Languages

• Rust40.7% 
• JavaScript40.6%
• Shell18.7%

• © 2022 GitHub, Inc.