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