LoginSignup
1
2

More than 3 years have passed since last update.

Zapier で、JSON のリスト文字列を変換して、kintone のチェックボックス項目にインポートする

Last updated at Posted at 2020-06-05

0.はじめに

最近、WordPressShifter への移行をするにあたって、Kwes Forms というフォームサービスを使い始めたんですが…、

そこで、

Kwes Forms に登録された問い合わせを、kintone へ自動的に Post したいなぁ、と思いまして…、

ちょっと調べてみたところ、

Zapier という連携サービスで、Kwes Formskintone とを連携出来るみたいなので、やってみたんですが…、

Kwes Forms のチェックボックスに設定され、Zapier に出力された JSON 形式のリスト文字列を、kintone のチェックボックス項目に、そのままインポート出来なかったので、色々試行錯誤してみたら、一応インポート出来たので、シェアさせて頂こうかなと ♪♪♪

1.Kwes Forms のチェックボックス

まぁ、普通に HTML のチェックボックスですね。詳しいことは、「How to Add Checkboxes and Radio Buttons to your Kwes form」をご参照を。

FireShot Capture 352 - How to Add Checkboxes and Radio Buttons to your Kwes form - kwes.io.png

2.kintone のチェックボックス

詳しいことは、「チェックボックス - kintone ヘルプ」をご参照を。

FireShot Capture 353 - チェックボックス - kintone ヘルプ - jp.cybozu.help.png

3.Zapier に出力された Kwes Forms のチェックボックスの JSON 形式のリスト文字列

Zapier には、以下の形式で出力されます。

["サービスの概要を知りたい","導入事例を知りたい","お見積りがほしい","その他"]

4.Zapier での kintone へのインポートの設定について

4-1.デフォルト設定

デフォルトでは、kintone のチェックボックスに設定された項目を一つだけ選択する形式みたいで…、Kwes Forms のチェックボックスで複数選択しても、設定された項目しかインポートされないみたいです…。

スクリーンショット 2020-06-05 16.00.04.png

4-2.カスタム設定

カスタム設定で、JSON 形式の生のリスト文字列 ["サービスの概要を知りたい","導入事例を知りたい","お見積りがほしい","その他"] を登録してみましたが…、

スクリーンショット 2020-06-05 16.10.26.png

エラーになってしまいます…。

スクリーンショット 2020-06-05 16.55.38.png

5.Zapier に出力された Kwes Forms のチェックボックスの JSON 形式のリスト文字列の変換

色々試したところ、

["サービスの概要を知りたい","導入事例を知りたい","お見積りがほしい","その他"]
は、登録出来ませんが、

サービスの概要を知りたい,導入事例を知りたい,お見積りがほしい,その他
だと、正常に登録されることがわかりました。

ということで、

Kwes Formskintone の処理の間に、上記の変換処理を追加します。

変換処理は、「Formatter by Zapier」を使います。

  1. フローの「+」ボタンを押下して、「Formatter by Zapier」の処理を追加します。

  2. 「Choose App & Event」において、以下の項目を設定して、「CONTINUE」ボタンを押下します。
    • Choose App : 「Formatter by Zapier」
    • Choose Action Event : 「Text」
    • FireShot Capture 356 - TEST - Zapier - zapier.com.png
  3. 「Customize Text」において、以下の項目を設定して、「CONTINUE」ボタンを押下します。
    • Transform : 「Replace」
    • Values - Input : ※ 変換するリスト文字列
      • 例 : ["サービスの概要を知りたい","導入事例を知りたい","お見積りがほしい","その他"]
    • Find : 「[」
    • Replace : ※ 入力しない。
    • FireShot Capture 358 - TEST - Zapier - zapier.com.png
  4. 設定内容の確認画面が表示されるので、確認し、「TEST & CONTINUE」ボタンを押下します。
    • FireShot Capture 361 - Edit Step - Zapier - zapier.com.png
  5. 処理の結果画面が表示されるので、正常に変換されていることを確認し、「RETEST & CONTINUE」ボタンを押下します。
    • FireShot Capture 363 - Edit Step - Zapier - zapier.com.png
  6. 処理の結果画面が表示されるので、正常に変換されていることを確認し、「Done Editing」ボタンを押下します。

  7. これまでの 1 〜 6 を、「]」「"」においても行います。

  8. kintone の処理の「Customize Record」において、最終的に変換された値を設定します。
    • FireShot Capture 366 - POST - Kwes (https___test0001.genbasupport.com_document-form-test_) -_ - zapier.com.png

99.ハマりポイント

XX.まとめ

とりあえず、まとめさせて頂きましたが…。

今回のやり方は、チェックボックスの項目に「[」「]」「"」が入ってると、正常に処理されないと思いますので、ご注意を!

あと、日付についても同じ様なやり方で変換出来ると思いますので、是非お試し下さい。

  • Choose App & Event
    • Choose App : 「Formatter by Zapier」
    • Choose Action Event : 「Date / Time」
  • Customize Date / Time
    • Transform : Format
    • Values - Input : ※ 変換する日付文字列
    • To Format : YYYY-MM-DDTHH:mm:ssZ (2006-01-22T23:04:05-0000)
    • To Timezone : 「Asia/Tokyo」
    • From Format: YYYY-MM-DD HH:mm:ss Z (2006-01-22 23:04:05 -0000)
    • From Timezone : 「Asia/Tokyo」

Zapier のフローの設定については、もっと良いやり方もあるかもしれませんので、是非コメント頂けると非常に嬉しいです!

以上、ご参考になれば ♪♪♪

👋👋👋

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2