1
0

More than 1 year has passed since last update.

婚活戦闘力診断ツールをサクッと作ってみました

Posted at

はじめに

結婚は同じくらいのレベル感の者同士が結ばれるものだと思いますが、同じくらいのレベル感というのはなんとなくのフィーリングで感じ取っているものだと思うので、それを数値化する診断ツールを作成しました

それがこちらです

image.png

Vercelにあげているので、実際に診断したい方は以下のリンクからアクセスしてください

診断原理

診断に使用している各スペックの元ネタは「結婚・家族形成に関する意識調査(2010)」の結婚相手に求める条件を使っています
各条件に点数を割り振り加重平均を取って100点満点に規格化しています

使用技術

Vue.jsでちょこっと作りました
ビルドツールはViteで、CSSは整えるのがめんどくさかったので、デザインはイケてないです
余力があれば整えます

使い方

ツールの使い方ですが、診断したい人(例えば、自分とか)の各項目のスペックを入力していくと一番下で合計点数としての婚活戦闘力が算出されます
画像の例では「名無しの権兵衛」さんの婚活戦闘力が58点ですので、「名無しの権兵衛」さんは婚活戦闘力が58点相当の女性と釣り合いが取れることが分かります
たとえば、「名無しの権兵衛」さんが結婚相手の条件に20代と大卒に固執するのであれば釣り合う女性像は以下のようになります

・性格:普通
・経済力:年収300万
・体型:やや太っている
・親の同意:得られる
・容姿:中の下
・仕事への理解:「名無しの権兵衛」が行っている仕事への理解は乏しい
・年齢:20代後半
・職種:非正規雇用
・家事能力:人並みに出来る
・学歴:関関同立
こちらの女性が婚活戦闘力57点となります

自分と同じくらいのレベル感の結婚相手を見つける際に、自分は何にこだわりがあって何を犠牲に出来るのかを探すことにお使いいただけます
是非ご活用ください

おわりに

一応Vue.jsで作っているので、今後はVue.jsでこのような簡単な診断ツールをどう作るのかについての作り方の解説とかをして行けたらいいかなと思っています
Vue.jsの簡単な開発方法の解説になると思いますが、意外とVue3.0系の情報って少ないので需要あるかなと思ってますが、どうなんでしょうね

1
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
1
0