イントロダクション

壮大な釣り

すみません。タイトル詐欺です。

タスク管理っていうけど、新入社員には何をどうしたら良いかがわからんよね。

この時期になると思い出します。
とある会社の入社前に「課題出すわ〜w作ってこいやw」と言われたことを。
タスク管理ってなんけ？って新入社員がこっそり使えるアプリを作ったので、使ってみてほしいです。

忙しい人のために

Proxyなどで大変な環境の人でも通信なしで個人タスクを管理できるアプリ作ったで、使ってもらえたら幸いですわい。
https://task-eru.web.app/

作成した目的

Angular触りたかった

技術的好奇心を満たすため。
ただ、どうせなら作ったものを使ってもらいたいじゃない。

技術的な自己満話

フロントエンドにAngular
DBにlocalstorageとIndexedDB
localstorageにタスクのJSONを格納し、
IndexedDBで添付ファイルを保存できるようにしています。

主な使用ライブラリ

Angular-Material
　用途：デザイン面楽したい
crypto-js
　用途：localstorageの暗号化
dexie
　用途：IndexedDBを使いやすくしたい
frappe-gantt
用途：ガントチャート簡単に使いたい（イマイチ使い切れないので、あくまで自己満）
sortablejs
用途：Angular-CDKのドラッグ・アンド・ドロップモジュール待てなかったから使った。あと、タスク名をどうしてもコピペしたい用途があったので、タスク名以外のパーツにドラッグできるようにしたかった。（後者はやりようによってはできそー）
他
　いつか解説する

新人is忙しい

新人って業務で手一杯なのにやること沢山で大変だと思います。
自分もそうだったので。
その中で自分の仕事のリズムやルーチンを見つけてくれってのが多数だと思います。
よく言われる「仕事は遅くても良いから確実にやれ」を楽にするのにタスク管理は一つの手段だと思います。
付箋などで管理しているのもありですが、よくある割り込み時があった時に、楽にできる方が良いですよね。
んでもってタスク管理に良いものを探すべきですが、使って良いソフトなどにも制限があったり結構ギチギチよね。

大手ITベンダあるある　を突破したい

やりたいこととやれることのギャップがあると思っております。
具体的には、、、
・Proxyがあって制限で見えぬサイト多数。
・外部サービスはセキュリティ上、自由に使えない。
・ブラウザはプリインストール縛り。

ま、そりゃそういうもんだと思うしかないですよね。
ネットが使えないところだってあるのでそれは避けられないです。

ならそれを回避しつつ、情報漏洩とか避けられるようなアプリがほしいよね。（年末にあった都市伝説番組の彼の口調が乗り移っているんだ）

アプリの特徴

誰でも使えるようにする

・EdgeやChromeで使用できます。
・LocalStorageとIndexedDBを用いてブラウザに情報を残し、外部通信を一切しない
・metaタグなど含めてProxyに引っかからないように作成（検索にも引っかからない本来ならイケテナイアプリ）

タスク管理に特化したいんじゃ

・Trelloなどはタスクの名前しか表に出ないのでシンプル過ぎるので、もっとこのタスクに対して俯瞰的に見たい。きっと使い方で変えられるんだけどね。

使い方と詳細な機能

使い方

ボードという単位で仕事内容などで管理するものを作成ください。
リストで「Todo、Doing、Done」などの横並びで確認したいタスク単位を作成してください。
タスクで１つの作業を作成してください。

機能

タスクやリストは二重線の「＝」をドラックすれば移動できます。
タスクの計画時間やいつまでに完了させるかなどは三重線の「≡」をクリックしてくる詳細を押せば設定できます。
タスクを完了させるには上記で書いた詳細の他にCompleteでも可能です。
タスクにタグをつけることも可能です。タグの色は手動で「white/black/green/yellow/blue/red」を入力してください。（サボった）
個人設定などで最後に見ていたボードを表示するかどうかなどの設定や全体のバックアップ等ができます。
検索も全ボードからできます。
アーカイブタスクとアクティブタスクで別れています。アーカイブタスクを復活させることも可能ですし、アーカイブタスクを削除することも可能です。
タスクの複製も可能です。
リスト内のタスクを一括編集することも可能です。
今日のタスクもMenuから全ボードを横断して確認ができます。
簡易的なガントチャートも見れます。

既知（キチ）バグ

凄まじいいほどの勢いで公開する。後悔はしていない。
・リスト作成後にそのボード内にタスクを１つでも作らないとリスト自体が保存されない。（破滅的）
・ガントチャートをクリックするとページ再読み込みが走る。（編集画面を出そうとしたのですが、諦めたw）

最後に

いつかソースコードも公開したいです。まだリファクタリングが終わっていないのですが。。。
Angular楽しい。
次はAngular+NestJS+GraphQL+NoSQLで時間管理・共有のアプリを作成します。
と思ったけど、最近お小遣い帳つけ始めたので、お小遣い帳オレオレアプリ作ることにした。