🖥

スパゲッティーコードじゃなくてスパゲッティUIってのがあってだな。 (MENTAのやばい編集フォーム)

2023/09/01に公開

作成ボタンで編集するだと?

作成ボタンが編集につながっている。

image.png

作成と編集がスパゲッティ

  • メンターすなわちユーザー自体の説明の編集
  • プランの作成
  • プランの編集
  • ステータスの変更

これらが全て1ページでまかなわれている。

image.png

画面遷移がなくてとっても便利ですね!!!!!!!!!

プランの作成

image.png

編集ページで動的にプラン追加が出来る。
いや単独ページにせえよ。

プラン作成の種類

以下3つに分かれている。
「自分でプランを作成する」と書かれており、まるでその他二つは自分で作成しないかのようだ。

image.png

お試しプランの作成

単発なのに月額だと…?
こんな致命的な表記ミスするか…?

image.png

入力エラーがある時

複数のプランの中から、エラーが起きている箇所を探し出す。
間違い探しみたいで楽しいですね!

image.png

全体

全体を見ればその長大さが分かると思う。

image.png

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2022-05-20

Discussion