Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
TECHNOMOBILE
GROUP
HEAD OFFICE
TOKUSHIMA development section
| 5floor Column Minamiaoyama,7-1-5,Minamiaoyama,Minato-ku,Tok...
2
6
最近、ボットのニュースが多くあ
りませんか?
3
6
FacebookがBotAPIを提供
LINEも公開
人工知能ボットが炎上
4
6
大きなトレンドになりつつありま
す。
5
6
大きなトレンドになりつつありま
す。
UIがシンプル
開発コストが低い
人工知能などのクラウド連携
6
6
まずはつくって、何に応用できる
か考えましょう。
7
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
下記のように「@俺の秘書 おはよう」「@俺の秘書 おやすみ」をメッセージす
るとシートに勤怠が記録され返事が届きます。
※簡単にプログラム説明...
8
GoogleのアカウントがあればOKです。
6
事前準備
9
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
この学びの対象者は?
→JavaScript初心者。ブラウザがあれば実
行できます。
教えないことは?
→SlackAPIの細かい仕様
10
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
講師
Gashfara,Inc.代表
デジタルハリウッド大学院客員講師
茂木健一
mogi@gashfara.com
kenichi.mogi@...
11
成長を実現させるシステム”モバイルトータルソリュー
ション”
Web
システム
1
スマホ
アプリ
2 ゲーム
アプリ
3
モバイルトータルソリューション
B2B2C
• コンシューマ向けの大規模Webシステムの開発からアプリ・ゲーム開発...
12
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
Slackとは
・2014年に正式に公開
・社内などでコミュニケーションを行うツー
ルです。
・Slackはチャットが中心のサービスです。
...
13
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
GoogleAppsScriptとは
・Googleスプレッドシートなどを操作するた
めのスクリプトです。
・MSのExcelのVBAのよう...
14
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
全体のシステム構成
Slackユーザ GoogleAppsScript
Googleスプレッドシート
公
開
勤怠記録
公開URLを実行チャ...
15
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
Bot用のSlackチーム登録
https://slack.com/ にアクセスしてボット用のチームを作りましょう。
①
②チーム名
③
16
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
④アカウント登録
⑤チームの作成確認
17
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
⑥メールにパスワード設定が届く
⑦パスワード設定
18
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
スプレッドシートの作成
https://drive.google.com/drive/my-drive にアクセスしスプレッドシートを作成
...
19
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
Slackライブラリの導入
スプレッドシートにSlack連携のライブラリ−を設定します。
参考:http://qiita.com/sound...
20
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
③
21
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
④使用するライブラリの識別子「M3W5Ut3Q39AaIwLquryEPMwV62A3znfOO」
を入力して「選択」します
⑤見つかると一...
22
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
SlackAPIのトークンを作成
https://api.slack.com/web にアクセスしAPIにアクセスするためのトークンを
作成...
23
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
投稿の実行
次頁のプログラムをスクリプトエディタに貼り付け、トークン部分を自分の値に
変更し、保存してから実行します。実行する時はプルダウン...
24
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
//Slackのトークンを設定。ひとそれぞれ違う。
var token ="";
//投稿テスト
function postMessage(...
25
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
Slackのチームを開いて下記のように投稿されていればAPI連携はOKです。
※簡単にプログラムの解説をします。
26
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
GoogleAppsScriptを公開する
Slackボットにメッセージが届いた時にGoogleAppsScript(GAS)を実行するため...
27
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
必ず「匿名ユーザーを含む」
URLが表示されるのでメモ
このURLをSlackから実行します。
28
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
SlackからGASの公開URLを実行するよ
うに設定
https://my.slack.com/services/new/outgoing...
29
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
ボットの設定
反応するチャンネル
反応するキーワード
GASの公開URL
30
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
ボットの処理プログラムを作成
次頁のプログラムをスクリプトエディタに貼り付け、.openById("xx")部分を自分
のシートidを登録し...
31
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
//SlackからのPostで動く処理。Webに公開しているとこれが動く。
function doPost(e) {
var mes = "...
32
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
下記のように「@俺の秘書 おはよう」「@俺の秘書 おやすみ」をメッセージす
るとシートに勤怠が記録され返事が届きます。
※簡単にプログラム説...
33
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
6
・社内業務の効率化。勤怠管理。バッチ処理
の完了通知
・CSの入り口としてのシステム提案
・人工知能との連携
・ECでのお勧め商品。キーワー...
Prochain SlideShare
Chargement dans…5
×
Prochain SlideShare
Bot に家計を任せる
Suivant
Télécharger pour lire hors ligne et voir en mode plein écran

Partager

Slackとgoogle appsscript(js)で作る俺の秘書ハンズオン

Télécharger pour lire hors ligne

JavaScriptでSlackボットを作って、あいさつしたら勤怠表に記録してくれる秘書をつくろう!

Slackとgoogle appsscript(js)で作る俺の秘書ハンズオン

  1. 1. TECHNOMOBILE GROUP HEAD OFFICE TOKUSHIMA development section | 5floor Column Minamiaoyama,7-1-5,Minamiaoyama,Minato-ku,Tokyo 107-0062,Japan | 3floor Tokushimakenkohkagaku-center,Hiraishisumiyoshi,Kawauchi-cho,Tokushima-shi Tokushima 771-0134,Japan SlackとGoogleAppsScript(JS)で作る俺の秘書ハンズオン
  2. 2. 2 6 最近、ボットのニュースが多くあ りませんか?
  3. 3. 3 6 FacebookがBotAPIを提供 LINEも公開 人工知能ボットが炎上
  4. 4. 4 6 大きなトレンドになりつつありま す。
  5. 5. 5 6 大きなトレンドになりつつありま す。 UIがシンプル 開発コストが低い 人工知能などのクラウド連携
  6. 6. 6 6 まずはつくって、何に応用できる か考えましょう。
  7. 7. 7 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 下記のように「@俺の秘書 おはよう」「@俺の秘書 おやすみ」をメッセージす るとシートに勤怠が記録され返事が届きます。 ※簡単にプログラム説明します。 何を作るの?
  8. 8. 8 GoogleのアカウントがあればOKです。 6 事前準備
  9. 9. 9 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 この学びの対象者は? →JavaScript初心者。ブラウザがあれば実 行できます。 教えないことは? →SlackAPIの細かい仕様
  10. 10. 10 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 講師 Gashfara,Inc.代表 デジタルハリウッド大学院客員講師 茂木健一 mogi@gashfara.com kenichi.mogi@tcmobile.jp http://facebook.com/mogiken http://www.slideshare.net/mogiken1 自己紹介 [プロフィール/実績] もぎ・けんいち●青山学院大学大学院卒。Gashfara,Inc.代表。本社はハワイですが出社したことなし。 ホノルルマラソンには参加w 青山学院大学大学院卒:エニックスでオリジナルゲーム制作(Z80アセンブラ CP/M)、SmallTalkで 人工知能開発(企業買収)。 (株)東洋情報システム退社後、(株)エイチアイ、グランスフィア(株)、(株)ファッション ウォーカー(えびもえのEC)など数社のベンチャー企業の立ち上げ・創業期に参画し、ガシュファ ラ・インクをUSで起業。システム開発ではゲーム、TOL(ツタヤオンライン)の立ち上げ。動画配 信システム(USENのGate01:Gyaoの前進)、電子マネーシステム(Bitcash)、ECフルフィルメント システムなど、多彩な分野を経験。IT関連教育では1998年ころからデジハリの2.5階に間借りしな がら教育コンテンツ作成(JIB社)。Brew、Java、セキュリティーなどの講師として活躍。現在、 (株)HUGGを設立し、スマホのカップル向けSNSサービス[HUGG]をグローバルに展開。㈱テクノ モバイルにて技術顧問。㈱SGPにてドローンのソフトウェア開発もしています。 【著書】 BREWプログラミング実践バイブル [共著] (インプレス)、PHP逆引き大全 516の極意[共著](秀和 システム)
  11. 11. 11 成長を実現させるシステム”モバイルトータルソリュー ション” Web システム 1 スマホ アプリ 2 ゲーム アプリ 3 モバイルトータルソリューション B2B2C • コンシューマ向けの大規模Webシステムの開発からアプリ・ゲーム開発までをマルチデバイスで対応 高い技術力 市場ニーズとマッチ 大規模 Webシステム に強い Java,PHP Strong1 最先端技術・独自 フレームワークで 効率的な 開発 Strong2 高トラフィック、 インフラ ネットワーク に強い Strong3 プライマリー ベンダー、 ヒアリング・ 要件定義 に強い StrongⅠ 情報資産の活用 最先端と 知見に強い StrongⅡ 最先端のマルチ デバイス ウェアラブルに 強い StrongⅢ Mashup Awards 5年連続 受賞 会社名 株式会社テクノモバイル 設 立 2008年 資本金 2,500万円 代 表 播田 誠 従業員数 100名(グループ合計) 本社所在地 〒 107-0062 東京都港区南青山7-1-5 コラム南青山 5F 開発室 〒771-0134 徳島県徳島市川内町平石住吉209-5 徳島健康科学総合センター 3F
  12. 12. 12 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 Slackとは ・2014年に正式に公開 ・社内などでコミュニケーションを行うツー ルです。 ・Slackはチャットが中心のサービスです。 ・他サービスの連携が豊富。これが急速に普 及した理由です。 例) GitHubでpullリクエストを受けたったらSlackに通知 Nagiosが本番サーバの異常を検知したらSlackに通知 IFTTTのレシピで、スマホが社内のWiFiに接続したらSlackに 通知
  13. 13. 13 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 GoogleAppsScriptとは ・Googleスプレッドシートなどを操作するた めのスクリプトです。 ・MSのExcelのVBAのような位置づけです。 ・JavaScript互換 ・プログラムを外部公開できます。 ・クーロンのように定期実行可能です。 ・ブラウザで共有できるのでOSを問わずExcel よりも便利です。
  14. 14. 14 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 全体のシステム構成 Slackユーザ GoogleAppsScript Googleスプレッドシート 公 開 勤怠記録 公開URLを実行チャット 特別なサーバーを用意する必要がありません。
  15. 15. 15 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 Bot用のSlackチーム登録 https://slack.com/ にアクセスしてボット用のチームを作りましょう。 ① ②チーム名 ③
  16. 16. 16 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ④アカウント登録 ⑤チームの作成確認
  17. 17. 17 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ⑥メールにパスワード設定が届く ⑦パスワード設定
  18. 18. 18 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 スプレッドシートの作成 https://drive.google.com/drive/my-drive にアクセスしスプレッドシートを作成 します。Googleアカウントが必要です(事前準備)。 ① ②適当に名前をつけて保存
  19. 19. 19 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 Slackライブラリの導入 スプレッドシートにSlack連携のライブラリ−を設定します。 参考:http://qiita.com/soundTricker/items/7bbd86425ae8d0641d50 APIの説明は https://script.google.com/macros/library/versions/d/M3W5Ut3Q39AaIwLquryEPMwV62A3znfOO ① ②スクリプトのファイル名を入力して保存 ※ここにプログラムを作成します。
  20. 20. 20 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ③
  21. 21. 21 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ④使用するライブラリの識別子「M3W5Ut3Q39AaIwLquryEPMwV62A3znfOO」 を入力して「選択」します ⑤見つかると一覧に表示されるので最新バー ジョンを指定して保存
  22. 22. 22 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 SlackAPIのトークンを作成 https://api.slack.com/web にアクセスしAPIにアクセスするためのトークンを 作成。OAuthが正式な認証APIですが難しいので省略。 ①ここから作成 ② ③パスワード入力 ④トークンが作成されます
  23. 23. 23 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 投稿の実行 次頁のプログラムをスクリプトエディタに貼り付け、トークン部分を自分の値に 変更し、保存してから実行します。実行する時はプルダウンからpostMessageを 選択し再生ボタンを押してください。認証ダイアログが表示される時は認証して ください。
  24. 24. 24 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 //Slackのトークンを設定。ひとそれぞれ違う。 var token =""; //投稿テスト function postMessage() { //slackApp インスタンスの取得.このライブラリーを使っている。 https://github.com/soundTricker/SlackApp var slackApp = SlackApp.create(token); //最初のchannel idを取得.普通は#general var channelId = slackApp.channelsList().channels[0].id; //投稿 slackApp.postMessage(channelId, "ハローワールド", { username : "最初のボット" }); } プログラムはここからダウンロード https://goo.gl/ufTMbL
  25. 25. 25 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 Slackのチームを開いて下記のように投稿されていればAPI連携はOKです。 ※簡単にプログラムの解説をします。
  26. 26. 26 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 GoogleAppsScriptを公開する Slackボットにメッセージが届いた時にGoogleAppsScript(GAS)を実行するため GASを公開します。 スクリプトエディタで設定します。
  27. 27. 27 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 必ず「匿名ユーザーを含む」 URLが表示されるのでメモ このURLをSlackから実行します。
  28. 28. 28 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 SlackからGASの公開URLを実行するよ うに設定 https://my.slack.com/services/new/outgoing-webhook にアクセスして設定。
  29. 29. 29 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ボットの設定 反応するチャンネル 反応するキーワード GASの公開URL
  30. 30. 30 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ボットの処理プログラムを作成 次頁のプログラムをスクリプトエディタに貼り付け、.openById("xx")部分を自分 のシートidを登録し、保存してから、再度バージョンを上げて公開してください。バージョ ンを上げないと古いプログラムが動きます。認証ダイアログが表示される時は認証 してください。 新規作成で公開するとバージョンが上がる ここがシートのID
  31. 31. 31 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 //SlackからのPostで動く処理。Webに公開しているとこれが動く。 function doPost(e) { var mes = "お疲れ様です。";//秘書のメッセージ var type = "";//出社、退社の区別 //eにpostデータが入ってる。 //出社をチェック if (e.parameter.text.match(/おはよう/)) { type = "出社"; mes = "おはようございます。きょうもお仕事頑張りましょう!"; } //退社をチェック if (e.parameter.text.match(/さようなら/)) { type = "退社"; mes = "今日もお仕事お疲れ様でした。"; } //slackApp インスタンスの取得 var slackApp = SlackApp.create(token); //勤怠をシートに記録 //勤怠を設定している時だけ if(type != ""){ //idからシートをセット。シートのURLの/d/****/部分。idじゃないとdoPostからはアクセス出来ない。自分のidに変更 var sheet = SpreadsheetApp.openById("").getSheetByName("シート1"); //名前,勤怠、日時を最終行にセット sheet.appendRow([e.parameter.user_name,type,new Date()]); } //メッセージを返す slackApp.chatPostMessage(e.parameter.channel_id,e.parameter.user_name+"さん。"+mes, { username : "あなたの秘書" }); return null; }
  32. 32. 32 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 下記のように「@俺の秘書 おはよう」「@俺の秘書 おやすみ」をメッセージす るとシートに勤怠が記録され返事が届きます。 ※簡単にプログラム説明します。
  33. 33. 33 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 6 ・社内業務の効率化。勤怠管理。バッチ処理 の完了通知 ・CSの入り口としてのシステム提案 ・人工知能との連携 ・ECでのお勧め商品。キーワード検索では なく。。。音声認識でもなく。。 適用事例(経営者・営業担当の方に)
  • ssuser419cd1

    May. 23, 2019
  • HNix

    Dec. 8, 2017
  • KahoriTakeda

    Aug. 1, 2017
  • miyts01

    Oct. 6, 2016
  • kojirokamikawa

    Jul. 24, 2016
  • ykhroki

    May. 27, 2016
  • barontanikawa

    May. 26, 2016
  • MalacHite1

    May. 26, 2016

JavaScriptでSlackボットを作って、あいさつしたら勤怠表に記録してくれる秘書をつくろう!

Vues

Nombre de vues

3 060

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

90

Actions

Téléchargements

13

Partages

0

Commentaires

0

Mentions J'aime

8

×