Reitaは（昔一回諦めた）描画にReactを使ってやろうというお絵かき掲示板スクリプトです。 Reactの絵板(eita)なのでReitaです。
PaintBBS NEO、 ChickenPaint Be あたりが動けばいいかなと思う。
zennに記載しております。-> Reactでお絵かき掲示板（の表示部分）を作る話
- レンタルサーバーに設置できるようにしたいので、通信まわり、バックエンドはPHP
- なかなかサーバーサイドでnode.jsが走ってるレンタルサーバーはないため。
- データベースはSQLite
- 手軽にレンタルサーバーに設置するため。
- Reactを使うのはスレッド表示や検索表示のみ
- お絵描きのhtml5+javascript(jQuery)に干渉しないようにするため。絵がバグる原因がReactとかイヤでしょ。
- サーバーのPHPはjsonを返す
- 妥当。
まだない。形ができたら作る予定。
p_PCCS.txt(PCCS:日本色研配色体系パレット)は、
色彩とイメージの情報サイト IROUE を参考に、
p_munsellHVC.txt(マンセルHV/Cパレット)は、
マンセル表色系とRGB値 を参照して作成いたしました。
パレットデータの再配布等自由にしていただいて構いません。 ただの文字列なので著作権の主張はしませんが、書くのにそれなりの苦労はしましたので、 再配布の際はどこかに私の名前を書いていただければと思います。
Reitaのオリジナルのコードは MIT License により提供されます。 バンドルされた第三者によるソフトウェアやファイルについては、それぞれのライセンスにより提供されます。
- cssがうまく適用できるようになった
- css切り替えをいったんオミット
- 画像の描写ができない
- addInfoの出力に成功
- css適用までできた
- スレッドの描写に成功
- フッター
- .env
- ヘッダー
- initでエラーのとき動かさないようにできた
- フロントエンドにLinkify追加
npm install linkifyjs linkify-react linkify-html linkify-plugin-hashtag - ヘッダー途中まで
- フロントエンドのルート呼び出し
- バックエンドでconfigを呼び出すAPIできた
- バックエンドでスレッドを呼び出すAPIできた
- フロントエンドディレクトリ作成
- 初期画面のバックエンドができた
- フロントエンドにreact-router-dom追加
npm install react-router-dom
- フロントエンドにAxios追加
npm install axios
- フロントエンドをReact+Viteに
npm create vite@latest
- 一旦リセット。ReactとTypescriptを勉強してきたので。
backendディレクトリ作成。コンフィグと仮データベース作成。
- なんかできそうなので再開
- まずはsqliteの簡単な掲示板を作る
- htmlが記述してあるphpファイルの中に直接jsxを埋め込んで、ってやるのしか思いつかなかったからコレBladeのままとかわんなくね？ってなったので一旦凍結。
- adminモードにバグがあったので修正
- テーマをもう少し
-
age/sage処理に不具合があったの修正
-
テーマの色修正
-
その他
-
テーマにCDNリンク埋め込む形にしようかなと
-
Reactにしやすくするため、まずデータベースの形を変更した
-
「そろそろ消えます」はとりあえず要らない気がしたので予約だけして実装を消した
- dev
- リポジトリ生やした