ヘルプセンター&ジグソー生成ガイド

JigsawDesignerを使用したプロフェッショナルなカットライン生成とデザインの完全ガイド。

1はじめに

最初のプロジェクトを作成

  1. 01
    JigsawDesignerを起動MacまたはiOSデバイスでアプリを開きます。
  2. 02
    ツールを選択ツールバーから8つの描画ツールを選択します。
  3. 03
    デザインを描画図形やパスを作成するか、既存のSVGファイルをインポートします。
  4. 04
    パズルを生成「パズルを生成」をクリックして、連動するピースを作成します。
  5. 05
    エクスポート製造や印刷のためにパズルをSVGとして保存します。

2プロジェクトライブラリ

プロジェクトライブラリは、すべてのパズルデザインを管理する中央ハブです。ウェルカム画面またはファイル→プロジェクトライブラリからアクセスします。

📁

マイプロジェクト

My Projects

iCloudに安全に保存されるすべてのパズルデザインの個人ワークスペース。

  • Mac、iPad、iPhone間の自動iCloud同期
  • +ボタンで新しいプロジェクトを作成
  • プロジェクト名と日付付きのサムネイルプレビュー
  • 赤いゴミ箱ボタンでプロジェクトを削除
  • クラウドアイコン付きのプロジェクトは同期状態を示します
💡 「新規プロジェクト」をクリックして空のパズルを作成するか、既存のプロジェクトサムネイルをクリックしてエディタで開きます。
🖱️

右クリックメニュー

プロジェクトを右クリック(またはiPad/iPhoneで長押し)すると、これらのオプションにアクセスできます:

Context Menu
📂プロジェクトを開く

エディタでプロジェクトを開く

✏️名前を変更

プロジェクト名を変更

🌐公開プロジェクトに公開

デザインを全JigsawDesignerユーザーと共有します。公開されたプロジェクトは公開プロジェクトライブラリに表示されます。

🔗共有リンクを作成

iCloud共有リンクを生成します。このリンクを同僚や友人に送信すると、開いた時にあなたのプロジェクトが共有プロジェクトセクションに表示されます。

🗑️削除

プロジェクトを完全に削除

🌐

公開プロジェクト

Public Projects

すべてのユーザーが利用できるコミュニティ共有テンプレート。公開ライブラリからデザインを閲覧、プレビュー、インポートできます。

  • JigsawDesignerチームが作成したテンプレートを閲覧
  • インポート前にピース数を確認
  • 「開く」をクリックしてデザインをプレビュー
  • 「インポート」をクリックしてマイプロジェクトにコピー
  • 学習とインスピレーションに最適
💡 任意の公開プロジェクトを選択し、「インポート」をクリックして個人ライブラリにコピーを追加します。その後、自由にカスタマイズできます。
👥

共有プロジェクト

Shared Projects

iCloud共有を通じて他のユーザーから共有されたプロジェクトのコラボレーションワークスペース。

  • 同僚や友人から共有されたプロジェクトを受信
  • 権限に基づく読み取り専用または編集アクセス
  • プロジェクトオーナーとのリアルタイム同期
  • 招待リンクで共有を承認
💡 誰かがプロジェクトを共有すると、ここに自動的に表示されます。クリックして開き、コラボレーションします。

3エディタ画面

JigsawDesignerのエディタは、高精度なカットラインとダイラインを設計するためのツールを提供します。

上部ツールバー

すべての描画ツールとファイル操作へのクイックアクセス。

Top Toolbar
🖱️選択
✏️ポイント編集
✒️ペン
📏直線
長方形
多角形
🎨ベジェ
🎨

無限キャンバス

Canvas Workspace

パズルデザインを作成するメインワークスペース。

  • 全方向に無限スクロール
  • ピクセル単位のルーラー
  • 正確な配置のためのグリッド
  • ホイールまたはピンチでズーム
  • スペースキーまたは2本指ドラッグでパン
  • 選択時にセレクションボックスを表示
💡 Tip: ⌘0でズームリセット、⌘1でウィンドウに合わせる。
🛠️

ツールパネル

Tools Panel

一般的な操作とツール情報へのクイックアクセス。

現在のツール

選択中のツールを表示。

要素操作

選択要素のコピーまたは削除。

キャンバス操作

ビューのリセットとズーム調整。

クイック操作

キャンバス・クリア、全選択、選択解除。

📚

レイヤーパネル

Layers Panel

デザイン階層を管理します。

  • ツリー構造でグループと図形を表示
  • グループを展開してアイテムを表示
  • 図形をロック (鍵アイコン)
  • 表示切り替え (目アイコン)
  • 最上部に総レイヤー数を表示
🧩

テンプレートパネル

Templates Panel

テンプレートはピースの接続形状を定義します。

  • 組み込みテンプレート:標準凸型、標準凹型、直線
  • +ボタンをクリックしてカスタムテンプレートを作成
  • 名前でテンプレートを検索
  • パズル生成に使用するテンプレートを選択
  • カスタムテンプレートはプロジェクトに保存されます
組み込みテンプレート

JigsawDesignerが提供する事前設計済みのスロット形状。クラシックな凸型/凹型のパズルタブを含みます。

カスタムテンプレート

ベジェ描画ツールを使用して独自のスロット形状をデザインします。独特なパズルスタイルの作成に最適です。

⚙️

プロジェクトインスペクタ

Project Inspector

右側のインスペクタでプロジェクトの全設定を行えます。

プロジェクト情報

プロジェクト名、作成日、更新日の確認と編集。

キャンバス設定

ピクセル単位のサイズ設定や、プリセット(A4、A3等)からの選択。

パズル設定

グリッドサイズ、目標ピース数、接続距離の設定。

統計

図形数、テンプレート数、ズームレベルの表示。

操作

詳細設定とパズル生成ボタンへのアクセス。

📐

図形インスペクタ

Shape Inspector

図形やグループを選択すると、その要素の詳細が表示されます。

図形情報

名前、ID、タイプ(パス、グループ、円など)の確認。

変形

位置(X, Y)、スケール、回転の調整。

ジオメトリ

バウンディングボックスのサイズと位置の表示。

操作

選択した要素のコピーまたは削除。

⚙️

詳細設定

Advanced Settings

詳細設定ダイアログで包括的なアプリ設定にアクセスします。

言語設定

アプリの言語を変更。システムデフォルトまたは40以上の言語から選択。

サブスクリプション管理

サブスクリプション状態の確認とプレミアム会員の管理。

エディタ設定

グリッド、ルーラー、スナップ、グリッド間隔、ストローク幅などのキャンバス表示をカスタマイズ。

  • グリッド表示: グリッドオーバーレイの表示/非表示
  • ルーラー表示: ルーラーの表示/非表示
  • グリッドにスナップ: グリッドへのスナップの有効/無効
  • グリッド間隔: グリッド間隔の調整
  • ストローク幅: 図形のストローク幅を設定
✏️

テンプレートエディタ

Template Editor

内蔵のベジェ曲線ツールでカスタムスロットテンプレートを作成します。

  • テンプレートに名前を付ける
  • クリック&ドラッグでベジェ曲線を描画
  • ダブルクリックでパスを完成
  • 個別の制御点を編集
  • 既存のSVGテンプレートをインポート
  • バックアップ用にテンプレートをエクスポート
パスを消去

現在の描画をクリア

ポイント編集

ポイント編集モードに切替

SVGインポート

SVGファイルをテンプレートとしてインポート

SVGエクスポート

テンプレートをSVGとしてエクスポート

4カットライン生成

JigsawDesignerは高度なC++アルゴリズムを使用して、プロ仕様のカットラインを生成します。以下の4ステップに従ってください:

1

境界輪郭のインポート

SVGをインポートするかカスタムシェイプを描画して、パズルの外枠と内部の「Whimsy」パーツを定義します。

境界輪郭のインポート
2

スロットテンプレートの選択

ピースの結合方法を定義するスロットデザイン(標準凸、マルチポイントなど)を選択します。

スロットテンプレートの選択
3

パラメータの設定

インスペクターを使用して、グリッドサイズ、ピース数、スロット距離の範囲を設定します。

パラメータの設定
4

カットラインの生成

「ジグソー生成」をクリックしてアルゴリズムを実行します。数秒でレーザーカット可能なデータが完成します。

カットラインの生成

5SVG描画ツール

🖱️

選択ツール

キャンバス上の図形を選択して移動します。Shift+クリックで複数選択、Ctrl+クリックでグループ内を選択。

✏️

編集ツール

図形の制御点を編集します。点をドラッグして図形の形状を正確に調整します。

✒️

ペンツール

フリーフォームのパス描画。クリックしてドラッグし、ベジェ曲線や有機的な形状を作成します。

📏

ラインツール

直線を描画します。幾何学的なデザインや正確な接続に最適です。

長方形ツール

長方形を描画します。角からドラッグして作成します。

円形ツール

円や楕円を描画します。中心からドラッグして半径を設定します。

多角形ツール

多角形を描画します。クリックして各頂点を配置し、ダブルクリックして終了します。

🎨

ベジェツール

アンカーポイントとコントロールハンドルを使用して正確なベジェ曲線を描画します。

6エレメント操作

選択

  • 単一選択:任意の図形をクリック
  • 複数選択:複数の図形をShift+クリック
  • すべて選択:⌘Aを押してすべての図形を選択
  • 詳細選択:Ctrl+クリックでグループ内の子要素を選択

グループ化

  • 図形をグループ化:複数の図形を選択してGを押す
  • グループ解除:グループを選択して⌘Gを押す
  • ネストされたグループ:複雑な階層を作成

編集

  • コピー:⌘Cを押して選択した要素を複製
  • 削除:DeleteまたはBackspaceを押して削除
  • 変形:インスペクターパネルを使用して位置、スケール、回転を調整

7SVGインポート&エクスポート

📥 SVGインポート

既存のSVGファイルをインポートして、パズルの境界やデザイン要素として使用します。

ショートカット: ⌘I

  • パス、長方形、円
  • グループと変換
  • ViewBoxと座標

📤 SVGエクスポート

デザインと生成されたパズルを標準SVGファイルとしてエクスポートします。

ショートカット: ⌘E

  • 標準SVG 1.1形式
  • すべての変換を保持
  • グループ階層を維持
⚡️

プレミアム機能

生成されたパズルのエクスポートにはプレミアムサブスクリプションが必要です。無料ユーザーはデザインと生成が可能ですが、エクスポートは制限されています。

8キーボードショートカット

ファイル操作

新規プロジェクト⌘N
SVGインポート⌘I
SVGエクスポート⌘E

編集操作

コピー⌘C
削除Delete
すべて選択⌘A
グループ化G
グループ解除⌘G

選択

複数選択Shift+Click
ドリルダウンCtrl+Click
ドリルアップEsc

トラブルシューティング

図形が表示されない

正しい描画モードにいることを確認してください。キャンバスサイズに図形のためのスペースがあるか確認してください。図形の塗りつぶし/ストロークの色が透明でないことを確認してください。

図形を選択できない

選択ツール(カーソルアイコン)に切り替えてください。図形が他の図形の後ろに隠れていないことを確認してください。Ctrl+クリックを使用してグループ内を選択してみてください。

パズル生成が失敗する

境界形状が閉じたパスであることを確認してください。複雑な形状の場合はピース数を減らしてください。スロットテンプレートが有効であることを確認してください。

エクスポートが無効

生成されたパズルのエクスポートにはプレミアムサブスクリプションが必要です。無料層ではデザインが可能ですが、エクスポート機能は制限されています。

なぜJigsawDesignerなのか?

レーザーカット用SVG

GlowforgeやCricut、CO2レーザーに最適化された、クリーンで精密なSVGパスを生成します。

カスタムダイライン

Voronoiパターンを使用して、すべてのピースが唯一無二となるユニークなダイラインを作成。

製造準備完了

量産や手切り加工にそのまま使用できるプロ仕様のベクトル形式(SVG、PDF)でエクスポート。

さらにヘルプが必要ですか?

サポートページにアクセスするか、直接お問い合わせください

ヘルプセンター - プロフェッショナルなジグソーカットライン生成&SVGデザイン