骨格診断（写真）

1. 「画像を選択／撮影」から顔写真を選びます。
2. プレビューに顔が表示されたら、顔がガイドの楕円の中心に収まるように撮影条件を整えます（正面、無表情寄り、明るい場所が推奨です）。
3. 「診断する」を押します。
4. 「上重心×目主役×余白多めタイプ」のような診断結果と、顔の重心・余白タイプのメーター、主役判定、パーツバランス（左右・大きさ・位置）の評価が表示されます。
5. 「メイクの重心」「写真写りのコツ」「前髪・分け目」タブを開き、表示されたアドバイスを参考にします。

ユーザーが自身の全身写真をアップロードすると、AIが関節の位置を読み取り、骨格タイプ（ストレート・ウェーブ・ナチュラルなど）や体型の特徴を自動で診断してくれるツールです。

これは、スマートフォンやPCのブラウザ上で動く「AI骨格診断シミュレーター」です。従来の3タイプ（ストレート・ウェーブ・ナチュラル）診断をさらに細分化し、ミックスタイプや体型のボリューム（華奢・グラマラス）を含めた16種類の詳細な分類を行います。

ユーザーができること・体験の流れ

1. 性別の選択
   「女性」「男性」のボタンで性別を切り替えます。性別ごとに診断基準（平均値）が調整されます。
2. 写真の撮影・アップロード
   「全身写真のアップロード」ボタンから、カメラを起動するか、保存されている写真を選択します。 ガイドにある通り、直立で足先まで写っている写真を使います。
3. AIによるリアルタイム解析
   プライバシー保護: 写真はサーバーに送信されず、あなたのスマホやPCの中（ブラウザ）だけで処理されます。外部に流出する心配がない安心設計です。
   可視化: 写真の上に、AIが認識した骨格の線（スケルトン）がプレビュー表示されます。
4. 詳細な診断結果の表示
   診断タイプ: 「ピュア・ストレート」「ナチュラル×ウェーブ」のように、メインのタイプとミックス要素を判定します。
   体型タイプ: 「スリム（華奢型）」「ボリューム（存在感あり）」「スタンダード」といった肉付きの傾向も加味されます。
   レーダーチャート: 7つの項目（首の長さ、なで肩度、重心など）をグラフで可視化します。
5. パーソナルアドバイス
   似合う服: おすすめのファッションスタイル。
   素材・柄: 似合う生地の質感や模様。
   苦手傾向: 避けたほうがよいアイテム（着太りしやすいものなど）。

診断の仕組み（コードの中身で何をしているか）

このプログラムは、非常に論理的な数値計算に基づいて診断を行っています。

• 1. 体の33箇所を計測
  鼻、肩、肘、手首、腰、膝、足首などの座標を精密に検出します。
• 2. 日本人の平均値と比較
  コード内には「日本人平均データ」が定義されており、これとあなたの数値を比較してスコア化します。
  ・首の長さ: 身長に対する首の比率
  ・肩の傾斜: なで肩か、いかり肩か（角度計算）
  ・胴と脚の比率: 重心が上にあるか下にあるか
  ・肩幅と腰幅: 逆三角形か、Aラインか
• 3. 独自の判定ロジック
  単純な長さだけでなく、「面積」を使った高度な計算を行っています。 上半身と下半身の面積比率を計算し、華奢なのか、ボリュームがあるタイプなのかを判定します。
• 4. 16タイプの決定プロセス
  以下の3つの要素を組み合わせて、最終的な「ID」を決定しています。
  1. ベース: ストレート / ウェーブ / ナチュラル
  2. ミックス: 純粋なタイプか、他の要素が混ざっているか（例：ストレート×ウェーブ）
  3. ボディボリューム: スリム / スタンダード / フル（ボリューム）

ユーザーへのアドバイス機能

診断結果に基づき、タブを切り替えて以下のような具体的なアドバイスが表示されるようになっています。

• ファッションタブ: 例：「Iライン重視のジャケット」「ウエストマークのワンピース」など、シルエットのアドバイス。
• 素材・柄タブ: 例：「ハリのある綿」「シフォンやレース」「麻やデニム」など、似合う質感。
• 苦手傾向（NG）タブ: 例：「オーバーサイズは着太りする」「チュニックは避ける」など、失敗しやすいポイント。

安全性について

このツールの大きな特徴は、「画像データがサーバーに送られない」点です。 全ての計算は JavaScript という技術を使ってユーザーの端末内で行われるため、プライベートな写真でも安心して試すことができる仕組みになっています。

このコードは、単なるお遊び診断ではなく、身体の比率や角度を数学的に計算しようと試みる、かなり本格的なロジックを持った診断ツールです。

このツールは無料でご利用いただけます。