customineで爆速開発

1. Customine を使って
爆速で kintone + Twilio
カスタマイズをやろう
！
2018/09/07 TwilioJP-UG 広島 #1
Twilio Meetup Day in HIROSHIMA
TwilioJP-UG 愛媛 沖 安隆

2. 自己紹介
元スーパー経営(実家)
JAWS-UG愛媛
kintone Café 愛媛
TwilioJP-UG愛媛
さくらクラブ愛媛
SORACOM UG Shikoku
JP_Stripes
業務ハック
倉庫番伝道師（天才認定証 28番保有）
サイボウズ公認 kintoneエバンジェリスト
無職→コミュニティ転職→kintone転職→kintoneエバンジェリスト
転職→アールスリーインスティテュート←Now
数億の金を溶かした話とか、地方裁判所に通った話とか出来ますw
沖 安隆（おき やすたか
）

3. 実は昔。。。
➤ kintone devCamp Vol.10でハ
ンズオンに登壇しました
➤ 実は代役w
➤ 登壇報告はサイトに掲載して
おります。
http://mammycloud.com/devca
mp-vol-10-
%E3%81%AB%E7%99%BB%
E5%A3%87%E3%81%97%E3
%81%BE%E3%81%97%E3%
81%9F/

4. 実は昔。。。
➤ その時のカスタマイズ内容は
、developer networkに掲載さ
れております
https://developer.cybozu.io/hc/j
a/articles/213588883
➤ 連絡先に一斉送信出来るので
、連絡網が簡単に作れます

5. Cutomineとは
➤ 9/3に正式リリースされた
kintone用のサービスです
➤ やりたい事を並べるだけで
kintoneカスタマイズが作成出
来ます
➤ 右のは関連レコードで紐づい
ているレコードを集計すると
いうカスタマイズです
➤ https://blog.r3it.com/suzuki-
use-customine-e15bea4928e

6. 昔のカスタマイズをCusomineでやってみよう！
➤ ボタンの追加とかはCustomineで楽々作成
➤ 「Twilioで電話する」という「やること」はないので、そこは
「JavaScriptを実行する」で作成
➤ とりあえずは、ダイアログなどもそのまま移植（後ほど変更
します）
➤ Let’s Start!

7. 作業手順
1.Twilio 設定確認
2.kintone でアプリ作成
3.JavaScriptカスタマイズ
4.動作確認
➤ 2までは、developer networkの
内容と同じなので省略。
➤ 3のカスタマイズで、元ソース
をコピペして、電話とSMSを
分離し２つのJSにします。
SMSのみの場合

8. 出来た
➤ ボタンを配置
➤ ボタンを押した時にレコード
データを退避（JS側で参照す
るため）
➤ JavaScript実行（先ほどのコー
ドは４に入っています。）
➤ という流れです。

9. 動作確認

10. 最後のアラートを
ダイアログに変えてみる

11. という事で
➤ Customineには「AWS Lambda ファンクションを実行する」
という「やること」が既にあります
➤ 「Twilioで電話する」というのが出来ればもっと簡単になるか
も・・・？
➤ 開発順はリクエスト次第ですので、よろしくお願いします

12. という事で
➤ Twilio呼び出し前はkintone+Customineで、呼び出し後は
Twilio Studioでということで、ノンコードで色々と出来そうで
すね！
➤ みんな頑張れー（棒

13. おわり