1.
EfficienTree
NUTMEG
~Tree for All Engineers~

2.
エンジニア（プログラマ）
開発タスク
開発タスク
開発タスク
開発背景
チーム開発にて…

3.
エンジニア（プログラマ）
開発タスク
開発タスク
開発タスク
タスクが多すぎて管理できない！
プロジェクトの全体像がつかめない！
開発背景
チーム開発にて…

4.
エンジニア（PM）
保守プロジェクト
開
発
メン
バ
ー
新プロジェクト
開発背景
どの仕事を割り当てたか
チーム開発にて…

5.
エンジニア（PM）
保守プロジェクト
開
発
メン
バ
ー
新プロジェクト
開発背景
どの仕事を割り当てたか
チーム開発にて…
プロジェクト管理に
割くリソースが多すぎる！

6.
開発背景
自分の持つタスクの管理とプロジェクトの管理を
簡単かつ効率的に！

7.
コンセプト
木構造によって
複数のプロジェクトに関わる
全てのエンジニアの開発やスキルアップを支援して
エンジニアライフを楽しんでもらいたい！

8.
コンセプト
“Tree for All Engineers”

9.
（プログラマ・PM）
開発目的
エンジニア の開発を支援する
木構造によってプロジェクト全体の管理を効率化

10.
（プログラマ・PM）
開発目的
エンジニア のスキルアップを支援する
プロジェクト管理に必要だったリソースを
自身のスキルアップに使える

11.
概要
PM
❏ 木構造でプロジェクト・メンバーの管理を
簡単かつ効率的に！
プログラマ
❏ 自分のタスクを一覧で確認できるように！

12.
デモンストレーション ~for PM~
・プロジェクトのissue全てを木構造で表示
⇒プロジェクトの全体像を把握できる
・それぞれの要素に紐付いた
新しい要素の追加・削除・編集 が可能
・Treeの見た目なども
自分好みにカスタマイズ可能！

13.
デモンストレーション ~for PM~
・プロジェクトにメンバーを追加できる
・メンバーが持つ技術の確認が可能
⇒技術の過不足を確認

14.
デモンストレーション ~for PM~
・このサービスに登録している全ユーザの
技術とプロジェクトの確認と検索が可能
⇒ 必要な技術を持つユーザを知れる

15.
デモンストレーション ~for プログラマ~
・木構造でプロジェクトの全体像を把握！
・自分が取り組むIssue全てを確認可能
⇒タスク管理が簡単になる！

16.
工夫点
https://efficientree.o2srv.net/
以下のURLで実際にこのアプリを使用できます！
興味を持った人はぜひ新規登録してみてください！

17.
工夫点
木構造は“vued3tree” というNode.jsのパッケージを用いたが
デフォルトではほとんどの機能が使えなかった。
デフォルトのメソッドは使わず、
木構造の葉を追加する部分などの
木構造の大部分はJavaScriptで実装した。

18.
苦労した点
半年～1年前まで全員アプリ開発経験がない中で、
アプリを完成させてデプロイまでしたこと。

19.
まとめ
“Tree for All Engineers”
木構造によって
複数のプロジェクトに関わる
全てのエンジニアの開発やスキルアップを支援して
エンジニアライフを楽しんでもらいたい！

20.
Appendix

21.
使用技術
Frontend Backend

22.
URL
https://efficientree.o2srv.net/
EfficienTreeのURL
https://github.com/NUTMEG-hackathon
/issue_trees
GithubのURL（READMEにアプリの使い方記載）

23.
デモンストレーション ~Project追加~

24.
Treeのカスタマイズ