noReitaV — Vue.jsで動くお絵かき掲示板(noReitaV)

Web

概要

noReitaVは、PHPとSQLiteを用いたシンプルなスレッド式お絵かき掲示板スクリプトです。フロントエンドにVue.jsを採用し、クライアント側での描画やスレッド表示を軽快に行えることを目指しています。PaintBBS NEO、tegaki.js、ChickenPaint、Kleなど既存のWeb描画ライブラリとの親和性が想定されており、投稿画像の保存・一覧表示・スレッド管理を最小限の構成で実現します。個人ホスティングや検証用途に向く、扱いやすさ重視の実装です。

GitHub

リポジトリの統計情報

  • スター数: 1
  • フォーク数: 0
  • ウォッチャー数: 1
  • コミット数: 3
  • ファイル数: 4
  • メインの言語: PHP

主な特徴

  • Vue.jsを用いたフロントエンドでクライアント体験を最適化
  • SQLite(ファイルベースDB)で簡単に導入・運用可能
  • PaintBBS NEOやtegaki.jsなど既存の描画ライブラリとの連携を想定
  • 軽量構成で個人サーバーに向いたシンプルな実装

技術的なポイント

noReitaVは、バックエンドにPHP(READMEで7.4/8.x対応を明記)とSQLiteを採用することで、外部DBのセットアップが不要な手軽さを実現しています。SQLiteはファイルベースのため、導入はPHPが動作する環境にディレクトリの書き込み権限を与えるだけで済み、小規模運用や開発環境に適しています。フロントエンドはVue.jsで構成され、描画キャンバスやスレッド表示、投稿フォームといったUIをコンポーネント化して動的に扱う設計が想定されます。これにより、クライアント側での描画やプレビュー、非同期投稿(Ajax)などを軽快に行えます。

画像投稿周りは既存の描画ライブラリ(PaintBBS NEO、tegaki.js等)との互換性がポイントで、クライアントで生成した画像データ(Base64など)をサーバーに送り、保存・一覧化するフローが基本となります。セキュリティ面では、画像や投稿テキストのサニタイズ、アップロード時のファイル種別チェック、アップロード容量制限、SQLiteファイルの適切なアクセス権管理が重要です。現状のリポジトリはファイル数・コミット数が少なく、プロトタイプ的な実装の色合いが強いため、本格運用前に入力検証やCSRF対策、パスワード保護・管理機能、ログローテートやバックアップ方針を検討する必要があります。

拡張案としては、スレッド更新のリアルタイム反映にWebSocket(あるいはServer-Sent Events)を導入する、投稿画像を最適化するためにサムネイル生成や画像圧縮処理を追加する、SQLiteからMySQL/PostgreSQLへの移行オプションを用意する、Docker環境でのワンクリック展開を整備するなどが考えられます。また、描画ツールの差分保存や再編集機能を提供すれば、より使い勝手が向上します。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • LICENSE: file
  • README.md: file
  • noreita3: dir

まとめ

軽量で導入しやすいVue+PHP+SQLiteの試作的お絵かき掲示板。拡張で実用性が高まる。

リポジトリ情報:

READMEの抜粋:

お絵かき掲示板PHPスクリプト noReitaV

php php

Last commit version Downloads License

  • SQLiteとvue.jsを利用したスレッド式の画像掲示板です。
  • PaintBBS NEO,tegaki.js,ChickenPaint,Kle…