⛩️
Reactでお絵かき掲示板(の表示部分)を作る話
この文章は、決意表明をすることにより、自分を追い詰めるものである。
実は昔こんなの書いてるんですよ。
なぜ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