Spacesを使い始める
Spacesを使い始める
この記事は翻訳版です。英語版が参照用であり、疑義が生じた場合には英語版が適用されます。
キャンバスの操作方法、ノードの追加と接続、ワークフローの実行、そしてSpacesの管理方法を学びましょう。
このガイドでは、Spacesのインターフェースと最初のワークフローについて解説します。Spacesを初めてお使いになる場合は、まず概要から始めて基本概念を理解しましょう。
この記事の内容
Spacesのホーム画面
magnific.com/pikaso/spacesを開くか、メインナビゲーションバーのSpacesをクリックします。ダッシュボードが表示され、既存のすべてのSpacesとテンプレートを確認できます。
ゼロから始める — 新規スペースをクリックし、空白のスペースを選択して空のキャンバスを開きます。
テンプレートを使う — ダッシュボードのテンプレートギャラリーを閲覧します。任意のテンプレートをクリックしてプレビューし、「テンプレートを使用」をクリックすると、アカウント内にコピーが作成されます。
最近の作業に戻る — 保存済みのSpacesは「マイスペース」の下に表示されます。
キャンバスのインターフェース
Spacesに入ると、インターフェースには3つの主要なエリアがあります
エリア | 概要 |
|---|---|
キャンバス | ノードを配置して接続するための無限のワークスペース |
ノードパネル — 左サイドバー | 利用可能なノードの全リスト。メディア、テキスト、画像、動画、音声、ユーティリティ、Designerのカテゴリー別に整理されています |
ツールバー — トップバー | Spacesのタイトル、実行コントロール、共有オプション、ズームレベル |
キャンバスの操作
アクション | マウス | トラックパッド | キーボード |
|---|---|---|---|
PAN | ミドルクリック + ドラッグ | 2本指でドラッグ | — |
ズームイン | 上にスクロール | ピンチアウト | Cmd/Ctrl + = |
ズームアウト | 下にスクロール | ピンチイン | Cmd/Ctrl + - |
画面に合わせる | — | — | Cmd/Ctrl + 0 |
ミニマップ
キャンバスの右下にミニマップが表示されます。すべてのノードと現在のビューポートを俯瞰できます。ミニマップ上の任意の場所をクリックしてそのエリアにジャンプするか、ビューポートの長方形をドラッグして大きなワークフロー内をすばやくパンできます。
Spotlightを使う
Spotlightは、キャンバスにノードを追加するもっとも速い方法です。AIツール用のコマンドパレットと考えてください。
Spotlightを開く
キャンバス上のどこでもスペースキーまたは/を押してください。Spotlightが検索フィールドとカテゴリータブを備えたフローティングパネルとして開きます。
ノードを見つける
名前やキーワードで検索 — 画像のアップスケール、背景の削除、flux、または任意の用語を入力します。入力に合わせて結果が更新されます。
カテゴリーでブラウズ — Spotlightパネル上部のタブを使用して、画像、動画、音声、テキスト、ユーティリティなどで絞り込みます。
ベースノードとモデルバリアント
Spotlightをブラウズすると、2種類の項目が表示されます。
ベースノード — たとえば画像生成ツールなどです。これらを追加すると汎用的なノードが配置され、後からモデルを選択できます。
モデルのバリエーション — たとえば、Flux Ultraを使用した画像生成ツールなどです。これらを追加すると、特定のモデルで事前設定されたノードが配置されるため、モデル選択のステップを省略できます。
バリエーションは、使用したいモデルがすでに決まっている場合に時間を節約できます。
詳細なツールチップ
Spotlight内のアイテムにカーソルを合わせると、そのノードの機能、サポートされている機能、実行ごとの消費クレジットが記載された詳細なツールチップが表示されます。
ノードの配置
Enterを押す — 現在のビューポートの中央にノードが表示されます。
ドラッグ — Spotlightからアイテムをクリックしてキャンバス上に直接ドラッグすると、目的の場所に正確に配置できます。
ポート接続モード
これは強力なショートカットです。出力ポートからキャンバスの空いているスペースへドラッグしてください。Spotlightが自動的に開き、ドラッグ元のポートと互換性のある入力ポートを持つノードのみが表示されるようフィルタリングされます。ノードを選択すると、配置と接続が一度に行われます。
Spotlightのキーボードナビゲーション
キー | アクション |
|---|---|
上 / 下矢印 | 結果をナビゲート |
Enter | 選択したノードを配置 |
Tab | カテゴリータブを切り替え |
Esc | Spotlightを閉じる |
ノードの追加
キャンバスにノードを追加するには3つの方法があります。
Spotlightから — スペースキーまたは/を押してノードを検索し、Enterを押すか、キャンバスにドラッグします。
ノードパネルから — 左側のサイドバーにあるノードをクリックして配置します。
キャンバスから — +ボタンをクリックするか、任意の場所を右クリックしてノードピッカーを開きます。
配置されたノードは、キャンバス上にカードとして表示されます。各ノードには左側に1つ以上の入力ポート、右側に出力ポートがあり、これらを使って他のノードに接続します。
ノードの接続
接続の作成
出力ポートにホバーします
最初のノードの右側にある出力ポートがハイライトされるまでホバーします。
入力ポートまでドラッグします
クリックして、左側にある2番目のノードの入力ポートまでドラッグしてください。
離して接続
離すと接続が作成されます。ノード間に線が表示され、データの流れが示されます。
データ型と色分け
ポートはデータ型ごとに色分けされています。同じ型のポート同士のみ接続できます。
色 | データ型 |
|---|---|
青 | テキスト |
紫 | 画像 |
緑 | 動画 |
オレンジ | 音声 |
互換性のないポートを接続しようとすると、接続はスナップされません。マウスを離すと線は消えます。
接続ルール
1つの入力ポートにつき1つの接続。すでに接続されている入力に新しい接続をドラッグすると、古い接続は自動的に置き換えられます。
1つの出力ポートにつき複数の接続。1つの出力を、必要な数だけ下流のノードに供給できます。
自動接続。ノードを互換性のあるポートを持つ別のノードの近くにドラッグすると、接続が自動的にスナップされます。
接続を削除するには、それをクリックしてDeleteまたはBackspaceを押してください。接続を右クリックして「Delete」を選択することもできます。
ワークフローの実行
ノードを接続したら、いずれかのノードにある実行ボタンをクリックしてください。3つの実行モードが表示されます。
モード | 機能 |
|---|---|
ノード実行 | 選択したノードのみを実行します。既存の入力を使って単一のステップをテストする際に便利です。 |
ワークフロー実行 | 接続されたチェーン全体を最初から最後まで順番に実行します。 |
ダウンストリーム実行 | 選択したノードと、その後に接続されているすべてを実行します。チェーンの途中でプロンプトを変更し、その時点から先を再実行したい場合に便利です。 |
ワークフローの状態
各ノードは実行中の現在の状態を表示します。
状態 | 意味 |
|---|---|
アイドル | 実行待ち |
保留中 | 実行キューに追加済み |
実行中 | 処理中 |
一時停止中 | 実行を一時停止しました。再開またはキャンセルできます。 |
キャンセル済み | ユーザーによって実行が停止されました。完了したノードの出力は保持されます。 |
完了 | 正常に終了しました。結果はカードで確認できます。 |
失敗 | エラーが発生しました。ノードをクリックして詳細を確認してください。 |
結果を表示中
結果はノードカードに直接表示されます。画像ノードの場合はサムネイルが、テキストノードの場合は生成されたテキストが、動画ノードの場合は再生可能なプレビューが表示されます。
生成履歴
ノードカードの矢印ボタンを使って、過去の生成結果を閲覧できます。ノードを実行するたびに結果が履歴に保存されるため、出力結果を比較したり、以前のバージョンに戻したりすることが可能です。
最初のワークフロー:テキストからの画像生成からアップスケーリングツールまで
ゼロから3つのノードで構成される完全なワークフローを構築しましょう
ステップ 1 — テキストノードを追加する
Spotlightを開く
スペースキーを押してSpotlightを開きます
検索して配置する
検索フィールドに「テキスト」と入力してEnterを押します
プロンプトを入力
ノードカードのテキストエリアをクリックしてプロンプトを入力してください。例:ゴールデンアワーの未来的な都市のスカイライン、ボリューム感のある雲、超高精細
ステップ 2 — 画像生成ツールを追加
Spotlightを再度開く
Spaceキーを押す
ノードを検索
画像生成ツールと入力するか、Flux Ultraを使用した画像生成ツールのような特定のバリエーションを選択してください
配置して接続
Enterキーを押して配置し、テキストノードの出力ポートからドラッグして、画像生成ツールのプロンプト入力ポートへ右から左へ接続してください
ステップ 3 — 画像アップスケーリングツールを追加
Spotlightを開く
Space キーをもう一度押してください。
検索して配置する
「アップスケーリングツール」と入力してEnterを押してください。
接続
画像生成ツールの画像出力をアップスケーリングツールの画像入力に接続してください。
ステップ 4 — ワークフローを実行する
実行をクリック
アップスケーリングツールノードの実行ボタンをクリックしてください。
ワークフローの実行を選択
これで、最初から最後までチェーン全体が実行されます。
処理の様子を見る
テキストノードはプロンプトを画像生成ツールに渡し、画像が生成されます。その後、その画像がアップスケーリングツールに送られ、強化されます。
結果を見る
最終的なアップスケーリングされた画像は、アップスケーリングツールのノードカードに表示されます。
Spacesの管理
自動保存
行った変更はすべて、Magnificアカウントに自動的に保存されます。保存ボタンはありません。作業するだけで、スペースは常に最新の状態に保たれます。
名前の変更
キャンバス上部のスペースタイトルをクリックして名前を変更します。新しい名前はすぐに保存されます。
共有
右上隅にある共有ボタンをクリックすると、メールで共同作業者を招待したり、共有リンクを生成したりできます。閲覧や編集の権限を設定して管理することも可能です。詳細については、「コラボレーション」をご覧ください。
複製と削除
Spacesのホーム画面で、任意のスペースにカーソルを合わせ、3点メニューをクリックして複製または削除します。削除されたスペースは復元できません。
キーボードショートカット
アクション | ショートカット |
|---|---|
Spotlightを開く | スペースキーまたは / |
すべて選択 | Cmd/Ctrl + A |
選択した項目をDeleteする | Backspace または Delete |
元に戻す | Cmd/Ctrl + Z |
やり直し | Cmd/Ctrl + Shift + Z |
キャンバスを画面に合わせる | Cmd/Ctrl + 0 |
ズームイン | Cmd/Ctrl + = |
ズームアウト | Cmd/Ctrl + - |