[Web APP] VRM Validator - VRMモデルの3Dプレビュー付きバリデーター

[Web APP] VRM Validator - VRMモデルの3Dプレビュー付きバリデーター

概要

VRM ファイルの構造を解析し、3Dプレビューとバリデーション結果を並べて表示するツール。 既存のVRMバリデーターがJSONレポートを出力するだけなのに対し、実際にモデルを表示しながらチェック結果を視覚的に確認できる。

ファイルはローカル環境(ブラウザ内)で処理され、外部サーバーには送信されません。

🔗 ツールを開く: VRM Validator

VRM Validator - VRMモデルの3Dプレビュー付きバリデーター

使い方

1. VRM を読み込む

画面左側のプレビューエリアからモデルを読み込む。

  • ドラッグ&ドロップ — .vrm ファイルをプレビューエリアにドロップ
  • クリックで選択 — 「SELECT FILE」をクリックしてファイル選択ダイアログから選ぶ

読み込みが完了すると、左側に3Dプレビュー(自動回転)、右側にバリデーション結果が表示される。

VRM Validator - 1. VRM を読み込む

2. VALIDATION タブ — チェック結果の確認

バリデーション結果はカテゴリ別に表示される。各カテゴリをクリックすると詳細が展開される。

アイコン意味
✓ (シアン)問題なし
⚠ (黄色)警告 — 動作するが改善推奨
✗ (赤)エラー — 修正が必要
ℹ (グレー)情報 — 参考値

チェックカテゴリ

カテゴリチェック内容
METAVRMバージョン、タイトル、作者、ライセンスの有無
GEOMETRYポリゴン数(10万超で警告)、メッシュ数(16超で警告)
MATERIALマテリアル数(10超で警告)
TEXTUREテクスチャ解像度(2048超で警告)
BONE必須ボーン15個の存在確認、推奨ボーン31個の存在確認
EXPRESSIONブレンドシェイプ(表情)の設定有無
PHYSICSSpring Bone(揺れもの)の検出
FILEファイルサイズ(50MB超で警告)
PLATFORMVRoid Hub・VRChat各ランクの制限との照合

警告やエラーの項目を展開すると、💡マーク付きの修正ガイドが表示される。 「BlenderのDecimateモディファイアで削減」「VRM Add-onのメタデータセクションで入力」など、具体的な対処方法を確認できる。

VRM Validator - 2. VALIDATION タブ — チェック結果の確認

3. DETAILS タブ — モデル統計の確認

モデルの全統計情報をフラットに表示する。

セクション表示内容
MODELVRMバージョン、タイトル、作者、ライセンス、ファイルサイズ
GEOMETRYポリゴン数、メッシュ数、マテリアル数
TEXTURES全テクスチャの名前と解像度の一覧
BONES必須/推奨ボーンの充足率、欠落ボーン名
EXPRESSIONSブレンドシェイプ名の一覧
PHYSICSSpring Bone Joints数
VRM Validator - 3. DETAILS タブ — モデル統計の確認

4. REPORT タブ — テキストレポートの出力

バリデーション結果をテキスト形式のレポートとして出力する。

  • COPY — クリップボードにコピー(SNSやチャットに貼り付け可能)
  • DOWNLOAD .TXT — テキストファイルとしてダウンロード

レポートにはモデル統計、テクスチャ一覧、プラットフォーム互換性、問題点と修正ガイドが含まれる。

VRM Validator - 4. REPORT タブ — テキストレポートの出力

プラットフォーム互換性チェック

VRM Validatorは以下のプラットフォームのアップロード制限と自動照合を行う。

プラットフォームファイルサイズポリゴン数マテリアル数テクスチャメッシュ数
VRoid Hub100MB200,000
VRChat (Quest)10,00041024px4
VRChat (PC Excellent)32,00082048px8
VRChat (PC Good)70,000162048px16

制限を超過している項目がある場合、VALIDATIONタブのPLATFORMカテゴリに具体的な超過内容が表示される。

VRM Validator - 4. REPORT タブ — テキストレポートの出力(プラットフォーム互換性チェック)

必須ボーン・推奨ボーン一覧

必須ボーン(15個)

VRM仕様で必須とされるヒューマノイドボーン。1つでも欠落するとエラーになる。

hips, spine, head, leftUpperArm, leftLowerArm, leftHand, rightUpperArm, rightLowerArm, rightHand, leftUpperLeg, leftLowerLeg, leftFoot, rightUpperLeg, rightLowerLeg, rightFoot

推奨ボーン(31個)

欠落してもVRMとして成立するが、VRChatなどのアプリケーションでハンドジェスチャーや表現が制限される場合がある。

neck, chest, upperChest, leftShoulder, rightShoulder, leftToes, rightToes, leftEye, rightEye, jaw ほか指ボーン21個

技術仕様

項目内容
レンダリングThree.js (WebGL)
VRM パース@pixiv/three-vrm
フレームワークAstro + React (TSX)
データ処理全てブラウザ内、サーバー通信なし

対応ブラウザ

WebGL 対応のモダンブラウザ(Chrome / Edge / Firefox / Safari)。 VRMファイルのパースをブラウザ内で行うため、PC環境での利用を推奨。