Shintaro's Laboratory

SEの徒然日誌です。気ままに更新していきます。

「かんばん」タスク管理クライアントアプリ~機能説明編

reactとjava、electronを用いてかんばんアプリを作成したので、
本日は機能の紹介をしたいと思います。

特徴

  • データの保存をローカルのファイルに実施しているため、
    クラウドやアプリ側へデータがアップロードされない


  • クライアントアプリであるため、ユーザー登録や認証は不要。

  • ポータブル版で作成しているため、ダウンロードして展開するだけで利用可能
    (インストールや、javaのインストール等環境セッティングも不要)。

  • データ更新時に書き込みを行っているため、保存操作は不要。

  • データ通信に8080番ポートを利用しております。
    予期しない動作が発生した場合は、ポートの重複もご確認ください。

  • 趣味の一環で作ったものなので無料で全ての機能を利用可能です
    (現状利用している限りはデータ消失等は確認しておりませんが、
    不具合等でのデータ消失等はご容赦ください。。)。

  • 現状windowsのみ動作確認済み。

 

事前準備

  1. 下記URLからzipファイルをダウンロード
    https://github.com/Shintaro-lab/taskManagementApp-product/releases


  2. ダウンロードしたzipファイルを任意の場所で展開



  3. config.txtに配置したパスを記載し保存


    注意:区切りは「\」を2つにすること

  4. start.batをダブルクリックで起動
  5. 10秒ほどでアプリケーションが起動する

基本操作

  • タスクカードの追加
    オレンジ色の下記ボタンを押下することでタスクカードを新規に追加可能です。



  • タスクカードの削除
    タスクカード上部のゴミ箱アイコンを押下することで削除可能です。
    削除されたデータは復元不可となりますので、ご注意ください。




  • タスクカードの移動
    下図のようにタスクカードを選択してドラッグアンドドロップすることで、
    タスクカードの順番を入れ替えることが可能です。




  • タスクカードの名前変更
    タスクカードの名前を選択することで修正可能となります。



  • タスクの作成
    下記に入力しEnterキーを押下することでタスクが作成可能です。



  • タスクの削除
    タスク上のゴミ箱アイコンを押下することで削除可能です。
    削除されたタスクは復元不可となりますので、ご注意ください。



  • タスクの移動
    下記のようにタスクカード内の移動、タスクカード間の移動の双方が可能です。




  • タスク名の変更
    タスクカードと同様、名前を選択することで編集可能です。


  • タスクの色の変更
    1.下記のボタンを押下します。
    2.
    色を選択します。白を含めて、4色選択可能です。



  • サブタスクの作成
    1.下記のボタンを押下します。



    2.サブタスク名を入力します。



    3.サブタスクが作成されます。



  • サブタスクの削除
    タスクの削除と同様になります。

ヘルプ

  1. 起動時に以前保存したデータが表示されません

    読み込みのタイミングの可能性があります。下記の通り、再読み込みをお試しください。

最後に

配布側の企業に依存しない形でタスク管理をしたかったので、趣味の一環としてアプリを作ってみました。適宜改善を実施する予定です。改善要望等ありましたら、コメントやGithub上のIssue等でいただけると嬉しいです。

 

ソースコードもまだまだ汚いので、プルリクエストもお待ちしております。

(更新してもらうことも想定してリポジトリを作成したのは始めてなので、
OSS構築のアドバイス等もあればぜひ)

 

https://github.com/Shintaro-lab/taskManagementApp-frontend

https://github.com/Shintaro-lab/taskManagementApp-backend