slackから社内BGMを流してみた話

710 Views

November 22, 23

スライド概要

関連スライド

各ページのテキスト
1.

Slackから社内BGM を流してみた話 株式会社ねこまた 阿部倫也 伊藤大起 小山琉蒔

2.

目次 • 自己紹介 • 実はこのプロジェクト... • 構成について • 結果どうなったのか • 改善点 1

3.

自己紹介 2

4.

自己紹介 ・名前:小山 琉蒔(新卒) ・仕事:フロントエンド、バックエンドを勉強中 ・趣味:FPS(valorant、overwatch etc...) →overwatchの大会に今週末出るかも...? ↑My favorite weapon ・好きなもの:バ美肉おじさん 3

5.

自己紹介 • 名前:阿部 倫也 • 仕事:Swiftを勉強中 • 趣味:動画鑑賞(ポケモン)、ゲーム(DCG) • 好きなもの:アイス • 最近起きたこと:自転車で転んで左手骨折 (全治6週間) おすすめ 4

6.

自己紹介 • 名前:伊藤 大起 • 仕事:web系のテストを勉強中 • 趣味:料理(中華料理、お菓子作り)、旅行(国内) • ハマっている事:プラモデル制作 5

7.

実はこのプロジェクト... 6

8.

実はこのプロジェクト... 時間内に完成することができず失敗しました 失敗した原因と学んだこと を発表します 7

9.

実はこのプロジェクト... 作成の経緯 システム構成 失敗談 8

10.

実はこのプロジェクト... ねこまたでは社内BGMが流れている いい感じの曲が流れると家で聞いてたりします 自分がまとめてるもの 9

11.

実はこのプロジェクト... 問題点 ・端末操作のための移動がめんどい →曲を変えるためには端末を操作する →端末がある机まで移動するのがめんどい ・謎の抵抗感 →端末から曲を変えるため、誰が変えたのか一発でバレる →羞恥心があるのではないか 10

12.

実はこのプロジェクト... ねこまたのslackには 「slackに今流れてる曲名とアーティストを投稿するbot」 があります 11

13.

実はこのプロジェクト... 社内BGMが流れると↓がチャットにポストされる おすすめ ある時これを見てふと思いました 12

14.

実はこのプロジェクト... slackから社内BGMが変更できたら楽じゃね? ←私の頭の中 13

15.

実はこのプロジェクト... slackからBGMを流す 移動しなくていい! ハードルが低くなる! みんな曲を流してくれる! めっちゃ楽!いろんな曲知れる! 14

16.

クラウドコンピューティングサービス 構成について 15

17.

構成について Lambda 16

18.

構成について ・slackって何? → ビジネス用のメッセージアプリ 17

19.

構成について ・Spotifyって何? → 世界中の音楽やポッドキャストなどを配信するサービス 18

20.

構成について Lambda 19

21.

構成について AWSになった経緯 Google Apps Scriptを使用することを考えていた Google Apps Scriptとは … Googleが提供しているサービス 調査を始める前にGoogle Apps Scriptが 社内セキュリティ規約で使えないサービスであったことが発覚 20

22.

構成について AWSになった経緯 インターネットなどで調べた結果… AWSを使用することに決定! しかし、決定したのが10月12日(タガヤスのほぼ1ヶ月前) 21

23.

構成について ・AWSとは → Amazon が提供しているクラウドサービスのこと 22

24.

構成について 主なAWSのサービス Lambda ・コンピューティング など DocumentDB DynamoDB → など Elastic Block Store ・ストレージ Batch → Aurora ・データベース EC2 → FSx など 23

25.

構成について ・Lambdaとは → サーバーを自前で用意しなくても、コードを実行 することができるコンピューティングサービスのこと 24

26.

構成について なぜAWSのLambdaを使うの? ・EC2を使うことがめんどくさかった EC2とは … 仮想サーバーを構築できるサービス →Lambdaは設定の必要がなくて楽! ・使用した分だけ利用料金がかかる →今回のシステムは処理の量が少ないため 25

27.

構成について Lambda 26

28.

構成について slackからLambdaに送信する処理 ・slackのチャットにフォーマットを入力し、 Lambdaに向けてチャットの内容を送信 27

29.

構成について Lambda 28

30.

構成について Lambdaからslackに送信する処理 ・slackから送信されたものがエラーであった場合、 エラー文をslackのチャットへ送信 29

31.

構成について Lambda 30

32.

構成について LambdaからSpotifyに送信する処理 ・URLをURIに変換 URIとは … spotify:〇〇:曲のID(〇〇はトラックやアルバムなどの形式が入る) →Spotifyに曲の情報を送信するためにURIが必要である ・Spotifyのアクセストークンの取得 →Spotifyのリソースにアクセスするために使う ・URIをSpotifyに送信 31

33.

構成について Lambda ④URIを送信する ① チャットからURLを送信する ②URLをURIに変換する ⑤曲を流す ③エラーの場合 エラー内容を送信 32

34.

結果どうなったのか 33

35.

結果どうなったのか 時間が間に合わず断念 調査・確認・相談不足 34

36.

結果どうなったのか 調査不足 確認・相談不足 • 使用するシステム • わからない事の相談 • 設計書の書き方 • タスクの見積もり • メンバー間で確認 35

37.

結果どうなったのか 使用するシステムに対しての調査不足① • どういった所が調査不足だったのか →Lambdaそのもの LambdaでSpotifyのAPIを使えば 曲を追加できると思っていた Lambda 36

38.

結果どうなったのか 使用するシステムに対しての調査不足① そのため… • APIGateway、関数URL • 使用する言語 etc 具体的なLambdaの使い方を知らなかった 再調査することに… Lambda 37

39.

結果どうなったのか 使用するシステムに対しての調査不足② • どういった所が調査不足だったのか →Spotify APIのアクセストークン 実は、トークンに1時間の有効期限があった Spotify 38

40.

結果どうなったのか APIを使うたびに再生キューに曲を追加できる!!! 実際には… 1時間経つとアクセストークンが使い物にならなくなる アクセストークンの有効期限を更新する必要がある 調査、設計、製造をやり直すことに… 39

41.

結果どうなったのか 調査不足 確認・相談不足 • 使用するシステム • わからない事の相談 • 設計書の書き方 • タスクの見積もり • メンバー間で確認 40

42.

結果どうなったのか 設計書の書き方に対しての調査不足 • どういった所が調査不足だったのか Slackからどう言う値を受け取るのか? Slackへ何を返すのか? 明記していなかった 実際に使った設計書 41

43.

結果どうなったのか • 他にも… 使用するライブラリは? Slackで使用する権限は? Spotifyでの設定は? どういう処理・設定を行うのか具体的ではなかった 設計書を書き直すことに・・・ 42

44.

結果どうなったのか 調査不足 確認・相談不足 • 使用するシステム • わからない事の相談 • 設計書の書き方 • タスクの見積もり • メンバー間で確認 43

45.

結果どうなったのか 分からないまま相談しなかった • どういった所が相談不足だったのか →Spotify APIのアクセストークンが取得できなかった時に 相談をしなかった 44

46.

結果どうなったのか 事前に調べていた方法でアクセストークンを取得しようとしたが失敗 様々な方法を試してみるが取得出来なかった 問題の原因が分からないため質問の仕方が分からず相談しなかった 予定よりも時間がかかってしまった 45

47.

結果どうなったのか • 他にも 設計書についての書き方について相談しなかった 事前に使用できるサービスについて相談しなかった 様々な事を指摘されるまで相談をしてきませんでした 46

48.

結果どうなったのか 調査不足 確認・相談不足 • 使用するシステム • わからない事の相談 • 設計書の書き方 • タスクの見積もり • メンバー間で確認 47

49.

結果どうなったのか タスクの見積もりが甘かった • どういった所が確認不足だったのか →タスクのゴールや作業内容が曖昧だった 後から必要なタスクがあることに気づき タスクを追加することになった 48

50.

結果どうなったのか 調査不足 確認・相談不足 • 使用するシステム • わからない事の相談 • 設計書の書き方 • タスクの見積もり • メンバー間で確認 49

51.

結果どうなったのか メンバー間での確認不足 • どういった所が確認不足だったのか →お互いの作業内容について把握してなかった。 • 原因 それぞれ自分の作業に手一杯になっていた 3人で確認し合うタスクを設定してなかった 50

52.

結果どうなったのか レビューするまで他のメンバーのミスに気づくことができなかった 修正タスクを追加することになった 51

53.

結果どうなったのか 修正作業 問題発生 修正作業 問題発生 発表に間に合わなかった 52

54.

改善点 53

55.

改善点 コミュニケーションが取れるようになる 54

56.

改善点 コミュニケーションが取れる どう調べたらいいかわからない... 何をしたらいいかわからない... 相談、質問することができる 55

57.

改善点 これからどうする? 業務内 ・普段から小さい質問をする ・質問する前に内容をまとめる 業務外 ・ご飯や飲みに誰かと行く 56

58.

改善点 ・普段から小さい質問をする ・どう質問すればわからん... ・質問するのに抵抗が... 普段から小さい質問をする 57

59.

改善点 ・普段から小さい質問をする 抵抗感が薄れる 質問の質が上がる 質問がしやすくなる 58

60.

改善点 ・質問をする前に内容をまとめる これわかんないから質問したいな...でも... 質問したいことをどう伝えればいいんだろう... 59

61.

改善点 ・質問をする前に内容をまとめる 質問したいことを ・何がわからないのか ・なぜ悩んでいるのか ・どうすればいいのか の3つにまとめる 60

62.

改善点 ・質問をする前に内容をまとめる 何に困っていて、何が知りたいのかがわかる 相手に伝えやすくなる 61

63.

改善点 ・ご飯や飲みに誰かと行く あんまり話したことな人に相談する ハードルが高い 62

64.

改善点 ・ご飯や飲みに誰かと行く ご飯や飲みに行き 関係性を築くことができれば... 気軽に質問ができる 63

65.

改善点 ・普段から小さい質問をする ・質問する前に内容をまとめる ・ご飯や飲みに誰かと行く コミュニケーションが増える 64

66.

改善点 コミュニケーションが増えることで、今回の問題が 全部解決できた 65

67.

改善点 コミュニケーションが増えていれば... プロジェクトが成功していた 66

68.

今後、自分たちが成長できるように この失敗から学んだことを活かして 頑張っていきたいです 67

69.

タイトル改め 社会人になって必要だと感じたこと の発表を終わりたいと思います 68

70.

ご清聴 ありがとうございました