@kyanny's blog

My thoughts, my life. Views/opinions are my own.

Time Duration Calculator

alfred-workflow-time-duration-calculator - @kyanny's blog というのを作ったが、複数ジャンルの予定の所要時間を計算するのにやや難があるので GUI 版を作った。

Time Duration Calculator

See the Pen Time Duration Calculator by Kensuke Nagae (@kyanny) on CodePen.

↓こういうことができる。カレンダーと並べて上から順番に入力していく使い方を想定。

Alfred ワークフローと違って状態が Web ページに残るので、見直しやすい。一方、操作性は Alfred ワークフローに数段劣る。キーボード操作ではタブと矢印キーを多用することになり、入力速度は数倍遅い。

CodePen に Usage in the Vue Editor というのがあって Vue.js アプリケーションを簡単に作れるようになっていたので、習作として作ってみた。単純な TODO app に毛が生えたようなものだけど、意外に Vue.js の機能を色々使う必要があって良い練習になった。