TwilioVerify_kintone_LT

Transcript

1. Twilio Verify×kintoneで
   いろいろな画面に二要素認証
   

   View Slide

2. BB (Ryo Otake)
   サイボウズ株式会社
   テクニカルエバンジェリスト
   2017年に新卒でサイボウズに入社
   自社製品の検証やテクサポ業務を経て、2019年
   よりテクニカルエバンジェリストに従事
   イベント登壇や技術記事執筆を頑張ってます！
   @ryotkbb
   
   

   View Slide

3. 
   kintoneとは
   キントーン
   ノンプログラミングで
   業務に必要なシステムが構築できる
   ノーコード・ローコードツール
   開発の知識がなくても⾃社の業務に合わせたシステムを簡単に作成できる
   サイボウズのクラウドサービスです。
   業務アプリを直感的に作成でき、チーム内で共有して使えます。
   社員間のつながりを活性化する社内SNSとしての機能も備えているため
   スピーディーに情報共有ができます。
   kintone ヘルプより
   

   View Slide

4. 4
   kintoneの特徴
   従 来 の 業 務 シ ス テ ム
   プ ロ グ ラ ミ ン グ ＆ 専 門 知 識 ド ラ ッ グ ＆ ド ロ ッ プ
   

   View Slide

5. 
   

   View Slide

6. 
   = 電話API
   

   View Slide

7. = 電話API
   = コミュニケーションAPI
   
   

   View Slide

8. 
   l音声やSMSを使った二要素認証API
   l「コードの送信」と「コードの認証」が
   両方とも備わっている
   lAPIを叩くだけで簡単に実装できる
   Twilio Verify
   

   View Slide

9. 
   l音声やSMSを使った二要素認証API
   l「コードの送信」と「コードの認証」が
   両方とも備わっている
   lAPIを叩くだけで簡単に実装できる
   Twilio Verify
   コミュニケーション？
   けど、便利そうだから使ってみたい
   

   View Slide

10. 
    この2つを組み合わせて、kintoneの「アプリ」に対して
    二要素認証を設定してみた話
    確認コード
    XXXXXXXX
    選択
    

    View Slide

11. 
    lkintone自体にある程度機能はあります
    lログイン時の二要素認証
    lアプリのアクセス権（そもそもアプリ自体見れる人を制限）
    そもそも・・・
    「このアプリには会社の今後に関わる重要なデータが保存されている」
    「このアプリだけにはさらに認証をつけたい」
    って場合に有効かなと思います
    

    View Slide

12. 
    やってみます
    デモ
    

    View Slide

13. 
    デモ動画
    

    View Slide

14. 
    システム構成 - コード生成まで
    ポイント
    1. 認証情報は渡さない
    2. （JavaScript側）documentではなく
    window上で実施
    

    View Slide

15. 
    システム構成 - 認証から有効期限延長まで
    ポイント
    1. window.prompt でコード入力
    2. 認証に成功したら有効期限を延長
    

    View Slide

16. 
    l全体JavaScriptカスタマイズを使えば、
    各スペースでも設定できます
    l「このスレッドを見るには二要素認証が必要」とかとか
    アプリ以外でも
    

    View Slide

17. 
    l全体JavaScriptカスタマイズを使えば、
    各スペースでも設定できます
    l「このスレッドを見るには二要素認証が必要」とかとか
    アプリ以外でも
    Twilioを使えば手軽に認証機能もつけられる！
    電話だけじゃない！！
    

    View Slide

18. 提供
    ※ ネタです
    

    View Slide