Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Lwtt#2LT_LINEWORKSボット開発をはじめよう

158 views

Published on

2020/6/30 LINE WORKS Tech Talk #2でLT登壇させて頂きました。
https://lwugdev.connpass.com/event/179364/
LT①LINE WORKSボット開発をはじめよう

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Lwtt#2LT_LINEWORKSボット開発をはじめよう

  1. 1. #LWTT
  2. 2. 注意事項 私のLTに関して • 資料はConnpassに公開します • SNSに #LWTT で投稿を! • 初心者向けのゆるめの内容ですので気軽に聞いてください #LWTT
  3. 3. 伝えたいこと 誰向け? LINE WORKSでボット開発したことがないけど興味がある技術者 技術者ではないけどボット開発の概要を理解したい方 何話す? チャットボット開発の要件定義から実装し始めるまでの流れをざっくり話す 何目指す? 明日から1人でLINE WORKSのチャットボット開発をし始めてみてほしい! #LWTT
  4. 4. 自己紹介 LWTT運営やってます 武田 可帆里 @taketakekaho • 株式会社チェンジのNewITユニットでチャットボット開発 • 今は株式会社トラストバンクに出向して自治体向けWebサービ スのプロダクトマネージャー • インフラエンジニア10年、Web系エンジニア3年 • Python,Node.js(コーディングレベルはひよこ) • JAWS(AWSのユーザーグループ)初心者支部運営 • 趣味ゴルフ、スキューバダイビング、お酒 • チャットとチャットボット大好き、メールも紙も嫌い #LWTT
  5. 5. 目次 1、ボットサービスの構成ってどうなってんの? 2、 GUI開発とボット開発の要件定義と設計の違い 3、開発用LINE WORKS環境の用意しようぜ 4、ボット開発時に役立つ情報 5、まとめ #LWTT
  6. 6. 目次 1、ボットサービスの構成ってどうなってんの? 2、 GUI開発とボット開発の要件定義と設計の違い 3、開発用LINE WORKS環境の用意しようぜ 4、ボット開発時に役立つ情報 5、まとめ #LWTT
  7. 7. ボットサービスの構成ってどうなってんの? ユーザー同士の会話 =クラウド上にあるユーザー用アカウントに人間がクライアントアプリからログインして会話
  8. 8. ボットサービスの構成ってどうなってんの? ユーザーとボットとの会話 =クラウド上にあるボット用アカウントにはサーバー上のプログラムから遠隔操作し、 ユーザー用アカウントには人間がクライアントアプリからログインして会話
  9. 9. ボットサービスの構成ってどうなってんの? ボット用のアカウントを利用テナント内に発行して、プログラムから接続することで チャットボットとして動き始める = 「Bot登録」
  10. 10. ボットサービスの構成ってどうなってんの? Bot登録はLINE WORKS Developer Consoleから実施できる
  11. 11. 目次 1、ボットサービスの構成ってどうなってんの? 2、 GUI開発とボット開発の要件定義と設計の違い 3、開発用LINE WORKS環境の用意しようぜ 4、ボット開発時に役立つ情報 5、まとめ #LWTT
  12. 12. GUI開発とボット開発の要件定義と設計の違い ボット開発を受託開発してる皆さん、 ボット開発の納品物として何を納品してますか?
  13. 13. GUI開発とボット開発の要件定義と設計の違い WebのGUI開発の成果物の例 システム開発に必要な要素(役割) 成果物 備考 要件定義、業務設計 全体図 システムを用いてどんな業務がなされるか、サービスが提供されるかの 全体図 システム概要 スケジュール システムの利用可能時間 システムフロー システム全体の流れ アプリケーション開発 画面設計 レイアウト、項目、遷移図、チェック仕様、メッセージなど 帳票設計 レイアウト、項目、シーケンス DB設計 キー、属性項目、ER図、CRUD図 外部インタフェース設計 レイアウト、項目、インタフェースタイミング、インタフェースボ リューム 基盤 処理方式設計 対象外製設計 セキュリティ設計 データフロー設計 外部インタフェースとのデータ授受の設計 サイジング設計 必要なコンピューティングリソースの設計 運用 運用設計 日経BP社 書籍 Voice User Interface設計 本格的なAlexaスキルの作り方 第2章 図2-2より抜粋
  14. 14. GUI開発とボット開発の要件定義と設計の違い GUI開発とボット開発の設計要素比較 システム開発に必要な要素(役割) 成果物 ボット開発の成果物 要件定義、業務設計 全体図 ユーザーストーリー(ユーザーの利用目的・利用状況・利用場所・利用 時間などの一連の情報)やUXの検討 システム概要 スケジュール システムフロー 台本、対話フロー アプリケーション開発 画面設計 対話フローの詳細化(状態管理設計、インテント設計)、入力メッセー ジの検討、出力音声の検討、対話モデル構築 帳票設計 ー DB設計 DB設計 外部インタフェース設計 外部インタフェース 基盤 処理方式設計 処理方式設計 対象外製設計 対象外製設計 セキュリティ設計 セキュリティ設計 データフロー設計 データフロー設計 サイジング設計 サイジング設計 運用 運用設計 運用設計 日経BP社 書籍 Voice User Interface設計 本格的なAlexaスキルの作り方 第2章 図2-3より抜粋
  15. 15. GUI開発とボット開発の要件定義と設計の違い 私が主に納品物にしていたボット対話フローの例
  16. 16. 目次 1、ボットサービスの構成ってどうなってんの? 2、 GUI開発とボット開発の要件定義と設計の違い 3、開発用LINE WORKS環境の用意しようぜ 4、ボット開発時に役立つ情報 5、まとめ #LWTT
  17. 17. 開発用LINE WORKS環境の用意しようぜ 皆さんは自由に 開発用LINE WORKS環境、持ってますか?
  18. 18. 開発用LINE WORKS環境の用意しようぜ フリープランでもBotなら10個までボット作れる
  19. 19. 開発用LINE WORKS環境の用意しようぜ 私も持ってます。自分だけのボット開発用フリープランテナント (ネーミングセンスのないグループ名 kahori_takeda@change_takeda )
  20. 20. 開発用LINE WORKS環境の用意しようぜ 最初はお一人様だったのが いつの間にかLINE WORKS仲間 とつながってるかも💛
  21. 21. 開発用LINE WORKS環境の用意しようぜ LINE WORKSのフリープランでBot開発のための設定手順Qiita記事 https://qiita.com/taketakekaho/items/7b65bc6230473ab2bbbb • 無料プラン新規開発 • ワークスグループ名作成 • 管理アカウント登録 • 管理者画面で設定しておいた方がいい作業 • Bot登録 • Postmanでボットからメッセージ送信
  22. 22. 目次 1、ボットサービスの構成ってどうなってんの? 2、 GUI開発とボット開発の要件定義と設計の違い 3、開発用LINE WORKS環境の用意しようぜ 4、ボット開発時に役立つ情報 5、まとめ #LWTT
  23. 23. ボット開発時に役立つ情報 QiitaのLINEWORKSタグにワークスモバイルさんたくさん記事書いてくれてる。 https://qiita.com/tags/lineworks おもしろそう! #LWTT
  24. 24. 当たり前だけど公式情報は一番確実 LINE WORKS Developerサイト https://developers.worksmobile.com/jp/?lang=ja Developerコミュニティ https://forum.worksmobile.com/jp/posts #LWTT
  25. 25.  ボット開発、すぐ動くものが作れるので 楽しいし勉強にはもってこい  むしろ皆どうやってボットフロー設計 してるのか知りたい  1人環境で遊ぶの楽しいよ  よくわからないけどqiitaのとおり手を 動かしたらできた!からがスタート でOK! ってことで #LWTT

×