$30 off During Our Annual Pro Sale. View Details »

TwilioVerify_kintone_LT

BB
February 24, 2021

 TwilioVerify_kintone_LT

BB

February 24, 2021
Tweet

More Decks by BB

Other Decks in Business

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