hayaup_lt_2019-10-05.pdf

2019年10月05日にYAHOO!JAPAN名古屋オフィスで開催された「第1回 LT初心者大会」でLTをした際に利用したスライドです。
IFTTTとGoogle Home Mini、Google SpreadSheetを用いて私生活のタスクの消化時間を計測できたことを話しました。

Transcript

1. （私生活の） タスクの消化時間を計測 2019-10-05 @_HayaUp 第1回 名古屋初心者LT大会 1
2. 自己紹介 ・@_HayaUp(はやっぷ) ・1ヶ月ほど前に名古屋にあるIT企業に転職しました ・Vue.js, Haxe, Azure Functions等に触れています ・新しいことを始めるのに抵抗感が減ってきました ・QOL高めたいです 2
3. 話すこと ◆タスクとは ◆使うもの ◆開発環境・言語 ◆IFTTTアプレットの設定 ◆タイムスタンプ ◆Demo ◆まとめ・課題、小話 3
4. ◆タスクとは ・睡眠 ・顔を洗う ・トイレ ・食事 ・歯磨き ・お風呂　などなど 4
5. ◆使うもの ・IFTTT ・Google Home Mini ・Google SpreadSheet ・Moment.js ・Chart.js 5
6. ◆開発環境・言語 ・Google Chrome ・Visual Studio Code ・Visual Studio 2017 Community（2019インストールしていない・・・） ・HTML, JavaScript ・C# 6
7. ◆IFTTTアプレットを設定１ 7
8. ◆IFTTTアプレットを設定２ 8
9. ◆IFTTTアプレットを設定３ 9
10. ◆IFTTTアプレットを設定４ 10
11. ◆IFTTTアプレットを設定５ 11
12. ◆IFTTTアプレットを設定６ 12
13. ◆GHMにタスクを伝えると・・・完ではありません 13
14. ◆おやっ？タイムスタンプの様子が・・・ 14
15. ◆ふざけ・・・なにがおかしい？ ・月名 日, 年 at 時:分AM or 月名 日, 年 at 時:分PM ・各要素の並び ・日の後ろにあるカンマ ・at ・AMとPMは・・・はい ・年-月-日 時:分:秒・・・が理想（例、2019-10-05 14:00:00） 15
16. ◆タイムスタンプのコンバーターを作る 16
17. ◆コンバートしたタイムスタンプの行方 ・手でJSのコードにコピペ（うっそだろ！？動けば良いんだよ、今は！！） 17
18. ◆グラフにしてタスクの消化時間を可視化する ・Moment.jsで２つの時間差を分単位で求める ・Chart.jsの棒グラフ 18
19. こんな感じ 19
20. ◆縦軸がタスク名、横軸が消化時間（分単位） 20
21. ◆まとめ・課題 ・可視化するとタスクの消化時間を再認識しやすくて良い ・タイムスタンプのコンバートの手間解消 ・コンバートしたタイムスタンプの参照 ・期間で１つのタスクの消化時間の揺れ幅を見たい ・他多数 21
22. ◆小話 ・最初はAmazon Echo Dotを使おうとしていた ・9月末まで半額だったGoogle Home Miniを気まぐれで買っていなければ・・・ ・発話を意識するようになった（皿洗い→つまらない・サラダ と誤認識） ・タスクの粒度決め難しい→1分以上のタスクは登録すれば良い ・ずっとタイムアタックになり疲れ・・・慣れた、可視化できると楽しい 22
23. 終 23