Claude 3.7を活用したインテリアフロアプラン設計

Claude 3.7はAnthropicの最新AIモデルで、優れたコード生成能力と卓越した美的センスを兼ね備えています。

これらの機能は様々な目的に活用できます。以下はインテリアフロアプラン設計の一例です。

プロンプト

Claude 3.7では、丁寧に作り込まれたプロンプトは必要ありません。単純に要件を直接伝えるだけで大丈夫です：

SVGコードを使って、美的センスに配慮した住宅のフロアプラン設計を手伝ってください。

表示

SVGコード

<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
  <!-- 背景 -->
  <rect width="800" height="600" fill="#f8f8f8"/>
  
  <!-- 住宅の外枠 -->
  <rect x="100" y="100" width="600" height="400" fill="#ffffff" stroke="#333333" stroke-width="3"/>
  
  <!-- 内部の壁 -->
  <!-- リビング/キッチン区切り -->
  <line x1="400" y1="100" x2="400" y2="300" stroke="#333333" stroke-width="2"/>
  
  <!-- ベッドルームエリア区切り -->
  <line x1="100" y1="300" x2="700" y2="300" stroke="#333333" stroke-width="2"/>
  
  <!-- ベッドルーム区切り -->
  <line x1="300" y1="300" x2="300" y2="500" stroke="#333333" stroke-width="2"/>
  <line x1="500" y1="300" x2="500" y2="500" stroke="#333333" stroke-width="2"/>
  
  <!-- バスルームの壁 -->
  <rect x="500" y="100" width="100" height="100" fill="#ffffff" stroke="#333333" stroke-width="2"/>
  <rect x="100" y="400" width="100" height="100" fill="#ffffff" stroke="#333333" stroke-width="2"/>
  
  <!-- ドア -->
  <!-- 玄関ドア -->
  <line x1="400" y1="100" x2="450" y2="100" stroke="#ffffff" stroke-width="3"/>
  <path d="M 400,100 A 50,50 0 0 1 450,100" fill="none" stroke="#333333" stroke-width="1"/>
  
  <!-- バスルームドア -->
  <line x1="550" y1="170" x2="550" y2="200" stroke="#ffffff" stroke-width="2"/>
  <path d="M 550,170 A 30,30 0 0 0 550,200" fill="none" stroke="#333333" stroke-width="1"/>
  
  <line x1="170" y1="400" x2="200" y2="400" stroke="#ffffff" stroke-width="2"/>
  <path d="M 170,400 A 30,30 0 0 1 200,400" fill="none" stroke="#333333" stroke-width="1"/>
  
  <!-- ベッドルームドア -->
  <line x1="200" y1="300" x2="230" y2="300" stroke="#ffffff" stroke-width="2"/>
  <path d="M 200,300 A 30,30 0 0 0 230,300" fill="none" stroke="#333333" stroke-width="1"/>
  
  <line x1="400" y1="300" x2="430" y2="300" stroke="#ffffff" stroke-width="2"/>
  <path d="M 400,300 A 30,30 0 0 0 430,300" fill="none" stroke="#333333" stroke-width="1"/>
  
  <line x1="600" y1="300" x2="630" y2="300" stroke="#ffffff" stroke-width="2"/>
  <path d="M 600,300 A 30,30 0 0 0 630,300" fill="none" stroke="#333333" stroke-width="1"/>
  
  <!-- パティオドア -->
  <line x1="700" y1="200" x2="700" y2="250" stroke="#ffffff" stroke-width="3"/>
  <line x1="695" y1="200" x2="695" y2="250" stroke="#333333" stroke-width="1"/>
  <line x1="705" y1="200" x2="705" y2="250" stroke="#333333" stroke-width="1"/>
  
  <!-- 窓 -->
  <rect x="150" y="100" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="250" y="100" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="600" y="100" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="100" y="150" width="5" height="80" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="100" y="350" width="5" height="80" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="700" y="350" width="5" height="80" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="200" y="500" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="400" y="500" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  <rect x="600" y="500" width="80" height="5" fill="#a8d3ff" stroke="#333333" stroke-width="1"/>
  
  <!-- 家具 -->
  <!-- リビングルーム -->
  <rect x="150" y="180" width="120" height="70" rx="5" fill="#d9c7b8" stroke="#333333" stroke-width="1"/>
  <rect x="300" y="180" width="60" height="60" rx="5" fill="#d9c7b8" stroke="#333333" stroke-width="1"/>
  <circle cx="250" cy="150" r="30" fill="#e6e6e6" stroke="#333333" stroke-width="1"/>
  
  <!-- キッチン -->
  <rect x="420" y="120" width="60" height="160" rx="0" fill="#d3d3d3" stroke="#333333" stroke-width="1"/>
  <rect x="420" y="120" width="60" height="40" rx="0" fill="#a0a0a0" stroke="#333333" stroke-width="1"/>
  <circle cx="450" cy="220" r="20" fill="#e6e6e6" stroke="#333333" stroke-width="1"/>
  
  <!-- ダイニングエリア -->
  <circle cx="620" cy="200" r="30" fill="#d9c7b8" stroke="#333333" stroke-width="1"/>
  <circle cx="620" cy="200" r="20" fill="#ffffff" stroke="#333333" stroke-width="1"/>
  
  <!-- ベッドルーム -->
  <!-- ベッド1 -->
  <rect x="150" y="330" width="100" height="60" rx="5" fill="#c6dcef" stroke="#333333" stroke-width="1"/>
  <rect x="150" y="330" width="20" height="60" rx="5" fill="#a8c8e6" stroke="#333333" stroke-width="1"/>
  
  <!-- ベッド2 -->
  <rect x="350" y="330" width="100" height="60" rx="5" fill="#c6dcef" stroke="#333333" stroke-width="1"/>
  <rect x="350" y="330" width="20" height="60" rx="5" fill="#a8c8e6" stroke="#333333" stroke-width="1"/>
  
  <!-- ベッド3（主寝室） -->
  <rect x="550" y="330" width="120" height="80" rx="5" fill="#c6dcef" stroke="#333333" stroke-width="1"/>
  <rect x="550" y="330" width="25" height="80" rx="5" fill="#a8c8e6" stroke="#333333" stroke-width="1"/>
  
  <!-- バスルーム設備 -->
  <!-- バスルーム1 -->
  <rect x="520" y="120" width="60" height="35" rx="3" fill="#ffffff" stroke="#333333" stroke-width="1"/>
  <circle cx="540" cy="170" r="15" fill="#ffffff" stroke="#333333" stroke-width="1"/>
  
  <!-- バスルーム2 -->
  <rect x="120" y="420" width="60" height="35" rx="3" fill="#ffffff" stroke="#333333" stroke-width="1"/>
  <circle cx="140" cy="470" r="15" fill="#ffffff" stroke="#333333" stroke-width="1"/>
  
  <!-- パティオ -->
  <rect x="700" y="150" width="80" height="150" fill="#e6f2e6" stroke="#333333" stroke-width="1" stroke-dasharray="5,5"/>
  <circle cx="740" cy="200" r="15" fill="#d9c7b8" stroke="#333333" stroke-width="1"/>
  <circle cx="740" cy="250" r="15" fill="#d9c7b8" stroke="#333333" stroke-width="1"/>
  
  <!-- ラベル -->
  <text x="250" y="200" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">リビング</text>
  <text x="450" y="170" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">キッチン</text>
  <text x="620" y="170" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">ダイニング</text>
  <text x="200" y="370" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">寝室1</text>
  <text x="400" y="370" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">寝室2</text>
  <text x="600" y="370" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">主寝室</text>
  <text x="550" y="150" font-family="Arial" font-size="12" text-anchor="middle" fill="#333333">浴室1</text>
  <text x="150" y="450" font-family="Arial" font-size="12" text-anchor="middle" fill="#333333">浴室2</text>
  <text x="740" y="225" font-family="Arial" font-size="14" text-anchor="middle" fill="#333333">パティオ</text>
  
  <!-- 北向き矢印 -->
  <polygon points="50,50 40,70 50,65 60,70" fill="#333333"/>
  <text x="50" y="40" font-family="Arial" font-size="12" text-anchor="middle" fill="#333333">N</text>
  
  <!-- スケール -->
  <line x1="100" y1="550" x2="300" y2="550" stroke="#333333" stroke-width="2"/>
  <line x1="100" y1="545" x2="100" y2="555" stroke="#333333" stroke-width="2"/>
  <line x1="300" y1="545" x2="300" y2="555" stroke="#333333" stroke-width="2"/>
  <text x="200" y="540" font-family="Arial" font-size="12" text-anchor="middle" fill="#333333">0 5 10 15 20 ft</text>
  
  <!-- タイトル -->
  <text x="400" y="580" font-family="Arial" font-size="18" font-weight="bold" text-anchor="middle" fill="#333333">モダンファミリーホーム - フロアプラン</text>
</svg>

まとめ

追加の要件がある場合は、Claudeとの対話を続けるだけで対応できます。SVGを画像として保存したい場合は、SVG画像変換ツールを使用すると、PNG、JPEG、またはWEBP形式で保存することができます。