【アプリ概要】
Vue.jsとVuetifyを利用したタスク管理アプリ。
カレンダービューとガントチャートビューの2種類を用意することによりスケジュールを詳細に管理することを目的にしたアプリ。
また拠点ごとに色分けしタスク管理を容易にした。
【実装の背景】
それまでタスクやスケジュールを管理するものが存在せず、業務の引継ぎはチャット等で簡易的に行っていることが原因で齟齬や漏れが発生していた。
それらを解決するために開発したアプリ。
【処理の流れ】
・使用言語
Javascript(Vue.js, Vuetify)
・タスクの登録
kintoneの標準機能を用いて手動でインポートを行う。
・管理ビュー
ガントチャートはFrappe Gantt 、カレンダーはVue.jsとVuetifyのカレンダーコンポーネント(v-calendar)を利用して表示。
javascript内にて拠点名に応じて色コードを判別しそれぞれのコンポーネントに反映させることによりどの拠点でいつまでのタスクなのかを詳細に表示させ、各アイテムにアクセスすることによりレコードの詳細へアクセスできる。
・個人ビュー
Vue.jsとVuetifyのv-data-tableを利用し、自分が担当かつ未完了のもののみを表示。
【アプリイメージ】
カレンダー
ガントチャート
