⛩️

Reactでお絵かき掲示板(の表示部分)を作る話

2021/10/19に公開

この文章は、決意表明をすることにより、自分を追い詰めるものである。

実は昔こんなの書いてるんですよ。

Vue3で掲示板(BBS)を作ろうという試み

なぜReactにしたのか

Vue VS React

じつはどっちでやるか決めるのにかなりの時間がかかりました。VueもさわったしReactもさわったし、なんとなくそれなりに触りだけ弄ったりしました。結果、Reactで行こうと決めました。以下理由。

Vueは世界上に2と3の記事が混在していて結構煩雑

あっこれ2の記事だ、ってなったりする。だいぶ書き方違うのでなんで動かないのか調べたら文法だったり、Amazonで本買ったらVue2の本だったり(悔しい)

Vueはすぐそれっぽいものができる故に、逆に理解しにくい

とりあえず形ができるので構造を深く考えるまでに至らない。Reactは公式も言ってる通り、見た目難しい。見た目難しいということは、調べればわかるよ、と公式が言っているということである。

Reactのほうが食えそう

知り合いにVueで食ってる人は見たことないけどReactで食ってる人は何人かいたため。

ビジョン

現状の俺作お絵かき掲示板 ROIS をベースにしようと思うので、こうなる。

  • レンタルサーバーに設置できるようにしたいので、通信まわりはPHP
    • なかなかサーバーサイドでnode.jsが走ってるレンタルサーバーはなかったのだ。「ロリポップが対応してるよ!」って記事が出てきてビビったことがあるけどよく読んだらマネージドクラウドでした。
  • データベースはSQLite
    • これも手軽にレンタルサーバーに設置するため。テキストのログより検索性が高いし、ローカルのXAMPPで動いてるのをそのままFTPでアップロードしてオッケーな軽い感じなのが良い。SQLiteの情報を調べているとPHPのバージョンが4時代のものだったりするのが非常に難点。いまPHPはバージョン8、なんと倍ですよ!
  • Reactを使うのはスレッド表示や検索表示のみ
    • 「仮想DOMが他のDOMと排他的」って感じだから。要するにお絵描きのhtml5+javascriptに干渉しないようにするため。絵がバグる原因がReactとかイヤでしょ。
  • サーバーのPHPはjsonを返す
    • 妥当。

Reactでやる意味あるの?

うん、たぶん実装めんどくさいしPHPで直接書くほうが現段階では色んな意味で速い。プロジェクトの規模としてもそんなにメリットはないと思うけど、俺の学習でやるわけなので、生暖かく見守りながらアドバイスください。

Discussion