13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

DeNA 20 新卒Advent Calendar 2020

Day 20

Alfred Workflowで勤怠記録を楽にする

Last updated at Posted at 2020-12-20

はじめに

みなさんAlfred使ってますか?

macユーザの作業効率化には必須といっても過言でないほどの威力を持ったツールですが、
その最大の魅力はショートカット機能を簡単に自作できるWorkflow機能にあります。

今回は、自分の作業時間管理を題材にしながら、AlfredのWorkflow作成を中心に紹介をしていきたいと思います。

リモートだと、作業時間が、掴みづらい

このコロナのご時世リモートワークも普及してきましたが、
在宅だとちょっとした離席が発生しやすかったり、通勤がない分始業と終業の境目があやふやになりがちだったりと時間管理が難しいなぁと感じる日々です。

となると、困るのが勤務時間報告。
おおよそ正確な時間は割り出せるけど、思い出すの手間だし、
出社していたときのように入退室記録から勤務時間自動で割り出して欲しい!

正直、勤務時間を管理するためのツールはあるんですけれど、休憩時間が記録できないことや、
ブラウザ開いてログインしてクリックというのがどうしても億劫だった私はなるべく最短でログを記録したいと考え始めます。

そうだ、Alfred使おう。

Alfredとは?

多機能すぎてちゃんと説明するともう一本かけてしまうくらいなのですが、簡単にまとめると
「拡張性のめちゃくちゃ高いアプリランチャー」です。

alfred_sample_screenshot

一見、spotlightのような見た目をしていますが、spotlightが有する機能の他にも、
ブックマーク検索や、システム機能へのショートカット、snippetsの呼び出しなどなど、
日々のちょっとした手間を解消してくれるだけの機能が揃っています。

今回はその中でも、ショートカットなどから呼び出せるプログラマブルな機能を簡単に作成できるWorkflowを使って、作業時間の管理を実現しようと思います。

(本機能は有料版であるPowerpackに含まれています。
アプデを受けられる買い切り型で49ポンド(執筆時:約6846円)ですが、コスパを考えると格安なのでこの機会に是非!)

作っていく

  • 勤務開始・終了時間、離席時間をさくっと記録できる
  • 退勤後、当日分の作業時間レポートが確認できる
  • alfredからさくっと呼び出せる

以上のことを踏まえながら、さくっと作っていきましょう。
導入に関しては公式か、他の記事を参照ください。
https://www.alfredapp.com/help/getting-started/

Workflowを作る

まずは、AlfredのPreferenceからWorkflowsタブを開きます。
その後、左下の"+"から"Blank Workflow"を選択し、Workflowを作成しましょう。

alfred_imp_screenshot_00

Workflowの情報を記入するダイアログが出てきますので、ここもさくっと値を入れていきます。

alfred_imp_screenshot_01

次に、Workflow Objectを配置していきます。
画面上右クリックし、3つのオブジェクトを配置し設定を行ってください。

Inputs > Script Filter

項目
keyword kintai
with space ✔︎ Argument Optional
Placeholder title Oneliner Kintai
Language /bin/bash with input {query}
Script ./node_modules/.bin/run-node src/index.js "{query}"
(src/index.jsについては後述)

Actions > Run Script

項目
Language /bin/bash with input {query}
running instances Sequentially
Script ./node_modules/.bin/run-node src/action.js "{query}"
(src/action.jsについては後述)

Outputs > Large Type

項目
body {query}

設定が終わったら、Script Filter -> Run Script, Run Script -> Outputへコネクションをつなぎましょう。

alfred_imp_screenshot_01

どういうこと?

ここで、少し立ち止まって何が作られたのかを見ていきましょう。

まず、Script Filterですが、いきなりややこしいのでまずは画像を見てください。

Script Filterは、keywordに設定した値がAlfredに渡されるとScriptが実行され、その結果としてAlfredに表示するアイテムを返すことができます。
このアイテムにはargsという値を含めることができ、Alfredからアイテムが選択されたときにargsを次のWorkflow Objectに値を渡すことができます。

alfred_imp_screenshot_01

今回は、kintaiが呼ばれた時に、
argsとして「どのコマンド(shukkin, taikin, ...)を選んだか」を次のRun Scriptに渡していきます。
(細かい実装は後述します。)


次に、RunScript
これは単にScriptに設定した処理が実行されます。
この処理で標準出力された結果は、次のWorkflow Objectに渡されます。

今回はここで、タイムスタンプを付したログをTSVへ出力し、勤務時間を記録します。


最後にLarge Typeです。
このObjectを使うとbodyに設定したテキストが画面上に大きく表示することができます。

今回はここに実行結果や、退勤後の作業時間レポートを表示させてみましょう。

alfred_imp_screenshot_02

コードを書く

さて、実際に処理を行うスクリプトを書いていきましょう。
Workflowを作成すると、~/Library/Application Support/Alfred/Alfred.alfredpreferences/workflows/にフォルダが作成され関連ファイルが保存されます。
作成したWorkflowを右クリックしてOpen in Finderで直接開くことも可能です。

実際の処理を担当するスクリプトはこのフォルダの中に配置していきます。
今回はNode.jsで実装しましたが、フォルダ構造と実際のコードは次を参照してください
https://github.com/dh9489/alfred-oneliner-kintai

なお、Node.jsではWorkflowを楽に実装するためのライブラリが公開されていますので今回も利用しました。ありがたい。
https://github.com/sindresorhus/alfy

処理の流れを図にするとこんな感じ。

(雑ですが複雑なコードではないので、ここでは詳しい説明を省きます。)

使ってみる

では実際に使ってみましょう。

kintai shukkin


kintai riseki


kintai chakuseki


kintai taikin


なお、tsvファイルを確認してみると、

kintai_log.tsv
#time stamp     #command
1608357382951	shukkin
1608357436660	riseki
1608357447821	chakuseki
1608357480423	taikin

各コマンドを実行した時刻がTSVに記録されて、その情報をもとに作業時間が算出されていることがわかります。

最後に

今回は、AlfredのWorkflowに着目し、簡単なチュートリアルを交えながら紹介させていただきました。

今回紹介した以外にも様々なWorkflow Objectが用意されていますので、これを機にAlfredを使ってバリバリ作業を効率化していきましょう!
https://www.alfredapp.com/help/workflows/

また、既にAlfredユーザの方はおすすめのWorkflowがあればコメントでシェアしていただけると嬉しいです。


DeNA 公式 Twitter アカウント @DeNAxTech では、 Blog記事だけでなく色々な勉強会での登壇資料も発信してます。ぜひフォローして下さい!
Follow @DeNAxTech

13
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?