JSでお遊びジェネレータを作りたいときの技術選定について

実現したいこと

html+素のJavaScriptで簡単なジェネレータを作ってみたいと思っています。
エラーというより技術選定についてのご相談です。

今の状況

機能としては、シンプルなおみくじスクリプトをベースに、
「田中」「花子」
「高橋」「太郎」
「山村」「ジョン」のような、ボタンをクリックすることで
苗字＋名前をランダムに組み合わせて遊ぶようなものを想定しています。

それぞれの苗字・名前データには読み仮名も入れたいので、
格納データは今のところ以下のようになりました。

let myouji = [{
   "name" : "田中",
   "yomi_jp" : "たなか",
   "yomi_en" :  "tanaka",
},{
   "name" : "高橋",
   "yomi_jp" : "たかはし",
   "yomi_en" :  "takahashi",
},{
...

このあとも100件・1000件と続々増やしていきたいので、これらのデータはJSONで別ファイルにする予定です。

迷っていること

しかしこういうとき、
・ただのhtmlで作るより、もしかしてVue.jsなどSPAで作るべき？
・JSONではなくFirebaseをデータ置き場として試してみる方がいいのでは？
と悩み始めました。

実現したい要件

・今後もいろいろ追加して遊びたいので、拡張性の高いものにしたい。
・勉強として、技術ハードルは今の自分から見てちょっと高くてもいい。
（SPAサイトはReactやNuxtで小規模サイトを趣味で作ったくらい。実務はなし。
FirebaseもSQLも軽く触った程度）
・とはいえPHPは避けたい。なるべくJavaScriptで収めたい。

お願いします

こういうとき、他の人はどうやってるんだろう？？？と気になりました。
もし自分でこういうものを実装するとしたら、どういう技術選定をされますか？
参考にお話を伺えれば幸いです。

K_3578

2021/04/16 01:42

遊んだり、勉強目的でやっているからこそ、自分で決めてみるんです。

houre

2021/04/16 02:00

おっしゃる通りです…！！！

K_3578

2021/04/16 02:02

暇さえあれば同じような物を別の言語で組んでみたりとかしたりもしますよ。 ○○って処理をするときの考え方は一緒なんだなとか、その逆も然り。教科書に載ってない知識を蓄えるためにこういう遊びの機会があるわけですね

houre

2021/04/16 06:23

遠回り前提でいろいろ調べて、時間をかけて進めていこうと思います。無駄と思われる作業こそ楽しめることを忘れていたかもしれません。ありがとうございます。

K_3578

2021/04/16 06:36 編集

質問者さんがどういう職か知りませんが、この業界で仕事でも趣味でもプログラミング出来る人は大した才能です。学生さんとかで遊び兼学習としてやっているなら今のうちに遊んどきましょう。仕事でプログラミングしているとプライベートでやる気が失せて見たくも無くなります(自分と、身の回りの人間の経験談なので信憑性は特にないです)