210925_技育展_EfficienTree

EfficienTree
NUTMEG
~Tree for All Engineers~

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

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

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

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

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

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

コンセプト
“Tree for All Engineers”

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

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

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

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

・プロジェクトにメンバーを追加できる
・メンバーが持つ技術の確認が可能
　⇒技術の過不足を確認

・このサービスに登録している全ユーザの
　技術とプロジェクトの確認と検索が可能
　⇒ 必要な技術を持つユーザを知れる

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

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

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

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

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

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

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

210925_技育展_EfficienTree

More Related Content

What's hot (20)

Similar to 210925_技育展_EfficienTree (18)

210925_技育展_EfficienTree