0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

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


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

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

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?