0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Laravel × React】業務フローを明瞭に!ポートフォリオMATRIXFLOWを作成しました

Last updated at Posted at 2024-11-02

はじめに

初めまして、はしと申します。
現在、とあるスタートアップのバックオフィス部署で働いており、
バックエンドエンジニアを志して転職活動中です。

この度、ポートフォリオ「MATRIXFLOW」をリリースしましたので、投稿いたします!

バックオフィス部署で働いていてきた経験から、
いわゆる「バックオフィス部署のつらみ」に着目してこのポートフォリオを作成いたしました。

バックオフィスのつらみ??

私のバックオフィス部署で経験したつらみは
「いざ上場準備!📢」「いざシステム導入!📢」「いざ業務改善!📢」という様々なフェーズ
に関わる際に「今の業務フローって結局どうなっているんだっけ?🤔」となるシーンです。

このとき困るのが業務フローを変更・改善を加えたことによって
現状の業務フローが不明瞭になったり、再度整理する必要が出てくるため
定常業務に加えて、業務フローの整理もしなければならず...となり
やりがいを感じるとともに「もっと楽にできたらなぁ」「もっとスムーズにできたらなぁ」
と感じたことがポートフォリオMATRIXFLOWを作成したきっかけです。

どんなアプリ?

マトリクス状のフロー図に担当者や業務内容を登録することで
スムーズに業務フローを作成できて、
ドキュメントもマトリクスに合わせて自動作成できるアプリです!
matrixflow_qiita.gif

サービスについて

MATRIXFLOW

使用技術

  • Docker
  • php 8.3.12
  • Laravel 11.27.2
  • React 18.3.1
    • Redux
  • Vite 5.4.8
  • Heroku

ER図

スクリーンショット 2024-11-02 20.22.57.png

機能

機能拡充中です!
本記事では投稿時点でリリースしている機能について記載したいと思います。
機能追加につれて別記事も投稿予定です。

マトリックス状フロー図の作成

担当者の追加

メンバーの列のフォームから担当者を追加することができます。
matrixflow_qiita_function_1_member_addition.gif

フローステップの追加

表の中の+ボタンから「フローステップ」を追加できます。
例えば、 担当者として部長が「承認する」など「⚪︎⚪︎する」のようなアクションを登録します。
matrixflow_qiita_function_2_flowstep_addition.gif

フローに関するドキュメント作成機能

マトリクスに担当者・フローステップを登録すると、マトリクスの横のドキュメントに自動で反映されます。
スクリーンショット 2024-11-02 20.42.29.png

pdf作成機能

マトリクスに登録した担当者・フローステップの内容をもとにしたpdfがプレビューされます。ダウンロードも可能です。
matrixflow_qiita_function_5_pdf_generation.gif

※2024/11/11リリースした機能です!

DnDのマトリクス行の入れ替え機能

 マトリクスの行はDnDで順序を入れ替えることができます。
matrixflow_qiita_function_3_dnd.gif

担当者に役職を追加してマトリクスの上に行けば行くほど、役職が高い方...というような表し方ができるのでは?と思い実装しました。
担当者の役職登録機能は今後実装予定です!

チェック項目の追加機能

次のステップに進む時に担当者がチェックする項目を追加することができます。
matrixflow_qiita_function_4_checklist_addition.gif

終わりに

これからもどんどん機能を拡充しようと思います。
詳細のコード実装などは別記事に投稿しようと考えています。
読んでくださりありがとうございます!

また、もう1つPlotForgeというポートフォリオもリリースしております!
こちらもご覧いただけますと幸いです

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?