1
基本フロー
- 1画像をアップロードし、枠で残す範囲を選ぶ（幅 × 高さを表示）か元画像を使います。白紙ボードも選べます。
- 2切り抜き確定後にグリッドの幅と高さ、色数、処理モードを設定します。比率を固定するか、各寸法を個別に設定できます。
- 3編集モードで局所修正と色置換を行う。
- 4色数統計を確認してからダウンロード/印刷/CSV出力。
作業台ガイド
草稿管理、パラメータ設定、キャンバス操作、編集ツール、参照画像、没入モード、書き出し手順に加え、作品広場・公開・アカウントログインもカバー。
1. 入口と草稿管理
アップロード/白紙または図案取り込みで作成し、草稿は手動保存で上書きを防ぎます。
2
草稿とAI入口
- 1キャンバス左側ツールバーの「草稿」ボタンで手動保存、続き編集、削除が可能。
- 2草稿は保存時のみスロットを消費し、現在上限は 5。
- 3草稿を開くと現在のキャンバスを置き換えるため、先に保存。
- 4「AI」パネルはテンプレート生成と履歴で、草稿とは別。
3
アップロードと白紙ボード
- 1アップロード：作業台で一度だけ切り抜き、確定結果だけを図案生成と参照画像に使用します。
- 2白紙：ゼロからピクセルアートを描く/描き直す時。
- 3白紙はグリッド幅を確定してから描き始める。
4
図案の取り込み
- 1キャンバス不要で「図案を取り込む」から外部図案をアップロード。
- 2整列ダイアログで微調整ボタンと透明度/グリッド倍率を調整して合わせる。
- 3確定するとマスごとに色番号を認識し、現在のキャンバスを置き換えます。
5
AI テンプレート生成
- 1「AI」パネルでテンプレートを選び画像をアップロードし、ポイントを消費して図案を生成します。
- 2生成結果は AI 履歴に保存され、ワンクリックで作業台に取り込めます。
- 3テンプレート・ポイント・1日の利用枠はバックエンド設定に従います。
2. 左パネル（全体設定）
細部密度、配色の階層、組み立て難易度を左右します。
グリッドサイズ
- 1値が大きいほど細部が増え、マス数も増えます。
- 2幅と高さを手動設定できます。固定時は比率を維持し、解除時は指定サイズに再サンプリングします。
- 3密度が高いほど時間と材料が必要です。
- 4完成サイズと許容時間で選びます。
色数
- 1最終的な色数を制限します。
- 2少ないほど組み立ては楽ですが細部が減ります。
- 3中間値から始め、統計を見て微調整。
色統合しきい値
- 1近い色を統合して細かな色を減らします。
- 2高いほど統一感、低いほど階調が増えます。
- 3ノイズが多い場合は少し上げます。
処理モード：Cartoon / Real
- 1Cartoon：輪郭が明確で色ブロックがまとまる。アニメやロゴ向き。
- 2Real：明暗の階調を保持。人物・風景向き。
- 3迷う場合はRealから。難しければCartoonへ。
見た目：四角 / 円柱
- 1プレビュー/書き出し画像の見た目に影響し、色数統計/CSVは変わりません。
- 2四角は境界が見やすく、円柱は実際のビーズに近いです。
ボードテーマとグリッド補助
- 1ボードテーマで背景・空きマス・グリッドの色味が変わります。
- 2グリッド補助は標準/5マス強調/10マス分割/5マス斜線を切替。
- 3書き出し画像の見た目には反映、色数統計/CSVは変わりません。
ブランドとパレット
- 1実際の材料ブランド/パレットに合わせてください。
- 2不一致だと実物の色味がずれます。
ウォーターマークと表示切替
- 1ウォーターマーク：書き出し図案に文字を追加。
- 2グリッド：格子線を表示（書き出し画像にも反映）。
- 3座標：行/列の目盛りを表示（書き出し画像にも反映）。
- 4色番号：マス内に色番号を表示。小さ過ぎると自動非表示。
- 5十字線：マウスホバーで行/列を強調（プレビューのみ）。
- 6図例：下部に色番号と数量を表示し、書き出しに含めるかを制御。
- 7ディザ：階調を滑らかにするが細かな色が増える可能性。
反転と背景削除
- 1左右反転：左右を鏡像にする。
- 2上下反転：上下を鏡像にする。
- 3背景削除：外周で最も多い色を背景とみなし、外周と連結した領域を空マスにする（白紙は対象外）。
設定の保存とリセット
- 1パラメータや表示設定は自動保存され、次回の作業台でも同じ状態が維持されます。
- 2「パラメータをリセット」で初期値にワンクリックで戻せます。
3. キャンバスと表示操作
素早い移動とクイック操作。
ズームと移動
- 1左のズームスライダー、ホイール、ピンチで拡大縮小。マス数は変わりません。
- 2Space を押しながら一時的に移動、H でハンドツールを固定。
- 3タッチ端末：1本指で移動、2本指で拡大縮小。
上部ツールバー
- 1ダウンロード/印刷/CSV出力：図案とリストを出力。
- 2画像アップロード/差替え：画像をアップロードして図案を生成、既存図案の場合は現在のソースを置き換え。
- 3新規白板：いつでも空白グリッドから新しい図案を開始。草稿や広場のリミックスから入った場合も利用可能。
- 4図案取り込み：外部図案を整列して取り込む（現在のキャンバスを置き換え）。
- 5色数統計：図例ドロワーを開く（図例ONが必要）。
- 6AI：テンプレート生成と履歴を開く。
- 7全画面/没入：詳細チェック。
クイックツールバーとヘルプ
- 1取り消し/やり直しはキャンバス左上、手のひらは右上に浮動表示され、下部ステータスバーで色・ブラシ・ボード寸法を確認し、その下で編集・ズーム・参照操作を直接切り替えます。
- 2新規ガイド：初回表示時に自動デモ、? メニューからいつでも再生できます。
- 3デスクトップは ? ヘルプでショートカットを表示。
- 4ワークスペースナビゲーションでパラメータ、編集、下書き、ガイドを切り替え、現在のブラシ色は下部ステータスバーに表示します。
4. 右パネル編集
局所的な色・形・ディテールを調整します。
編集モードとツール
- 1編集モード切替：ONでのみマスを変更可能。
- 2ブラシ（B / 1）、消しゴム（E / 2）、塗りつぶし（F / 6）、スポイト（I / 3）、参照スポイト、参照ブラシ、矩形塗り。
- 3参照スポイト/参照ブラシは参照画像が必要。
- 4ハンドツール（H）で移動し、誤描画を防止。
- 5ブラシサイズは 1–6 マスで調整可能。
色置換（重要）
- 1手順1：色置換を選び、キャンバスで元色をクリック。
- 2手順2：ダイアログで目標色を選び確定すると、同色が全体置換されます。
- 3全パレットを有効にすると全色から選択可能。
- 4「色置換を戻す」で置換前に戻せます。
カラー一覧と履歴
- 1使用色/全パレット切替でリスト範囲を変更。
- 2色番号/名称で検索し、クリックでブラシ色に設定。
- 3取り消し/やり直しで編集履歴を操作。
5. 参照画像機能
独立した参照画像を読み込み、図案に重ねて細部を確認できます。
読込と表示
- 1右パネルの「参照画像」エリアから画像をアップロード。
- 2表示/非表示スイッチ（ショートカット R）で切替。
- 3オーバーレイモード（ショートカット O）で図案の上に重ねて比較。
- 4不透明度スライダー（ショートカット [ / ]）で 0–100% の濃度を調整。
位置とスケール
- 1Shift + ドラッグで参照画像を移動。
- 2Shift + ホイールで参照画像を拡大縮小。
- 3パネルの矢印ボタンで微調整、+/− ボタンでスケール変更。
- 4「グリッドに合わせる」で図案サイズに自動フィット。
- 5グリッドスナップで格子の境界に吸着。
ロックと管理
- 1ロックすると位置がドラッグで動かなくなり、誤操作を防止。
- 2いつでも参照画像の差替え・削除が可能。
- 3Alt を押しながらクリックで参照画像から直接スポイト取色。
6. 没入モード
大きなキャンバスを集中チェック。
没入に入る
- 1上部ボタンまたは M で没入モードに入る/退出。
- 2没入モードは余計なUIを隠し、キャンバスに集中。
- 3Esc で素早く退出。
区画と色のナビ
- 1左右矢印で区画を移動し、現在の範囲を強調。
- 2上下矢印で色を切り替えて確認。
- 3モバイルは没入パネルを展開して詳細表示。
7. ショートカット一覧
ショートカットを使いこなすと編集効率が大幅にアップします（編集モード ON が必要）。
ツール切替
- 1B / 1 — ブラシ
- 2E / 2 — 消しゴム
- 3F / 6 — つながった領域を塗りつぶす
- 4I / 3 — スポイト
- 55 — 参照ブラシ
- 6H — ハンドツール（移動）
- 7Space（押しながら）— 一時的に移動
編集操作
- 1M — 没入切替
- 2Esc — 没入終了
- 3Ctrl + Z — 取り消し
- 4Ctrl + Y — やり直し
- 5Ctrl + S — 下書き保存
パネルと表示
- 1P — 編集パネルの展開/折りたたみ
- 2C / Shift + P — パレットの展開/折りたたみ
- 3ホイール — キャンバスの拡大縮小
参照画像ショートカット
- 1R — 参照画像の表示/非表示
- 2O — オーバーレイモード切替
- 3[ / ] — 参照画像の不透明度を調整
- 44 / Alt + クリック — 参照画像からスポイト
- 5Shift + ドラッグ — 参照画像を移動
- 6Shift + ホイール — 参照画像を拡大縮小
8. エクスポートと制作準備
制作前に図案とリストを確認。
図案の出力
- 1ダウンロードで図案画像を保存。
- 2印刷ビューは組み立て用の下絵に便利。
- 3全画面で細部と整列を確認。
色と数量リスト
- 1色数統計で色番号と数量を把握。
- 2CSV出力で材料準備と整理がしやすい。
- 3色番号は実際の色見本と照合してから制作。
9. 実物制作フロー
ビーズ選びから飾りまでの重要ポイント。
ビーズ選び
- 15mm は初心者・親子向け、2.6mm は上級者・高精細向け。
- 272 色は入門向け、168 色はグラデ/人物/複雑表現に有利。
ブランド・サイズ混用
- 1ブランド混在は非推奨。色番号や材質が異なることがあります。
- 25mm と 2.6mm はボード規格が違い、混用できません。
印刷と並べ
- 1印刷前に倍率確認、300 DPI 推奨。A4 で足りなければ分割印刷。
- 2大きい色面から置き、細部は後で。区画ごとに確認し、データも保存。
アイロンと冷却
- 1中温で動かし続け、クッキングシート/アイロンフィルム推奨。ワックスペーパーは不可。
- 2上級者はテープ法で裏返し。仕上げ後は 10–20 分重しで冷却。
額装・展示
- 1奥行きのあるボックスフレーム推奨。
- 2粘着ドットで固定し、暗めの背景で発色アップ。
10. 広場と作品公開
公開作品の閲覧・交流・リミックスと、「マイ作品」からの審査公開。
閲覧と交流
- 1作品広場は検索・カテゴリー・並び替え（最新 / おすすめ / いいね / 保存）に対応。
- 2ログインしていいね・保存が可能。未ログインでも閲覧できます。
- 3作品を開くと詳細・タグ・作者・図案仕様を確認できます。
リミックス
- 1リミックス可の作品は「この作品から作成」をクリック。
- 2作業台にその図案がソースとして読み込まれるので、続きを編集できます。
- 3新しい空白図案から始めたいときは、上部の「新規白板」をクリック。
公開と審査
- 1「マイ作品」でクラウド草稿を審査に出し、承認されると広場に表示されます。
- 2審査状態：審査中 → 承認 / 却下。進捗はいつでも確認できます。
- 3公開済み作品は再編集して新バージョンで更新でき、撤回や削除も可能です。
図案のダウンロード
- 1ミニプログラムでは図案ダウンロードがデフォルトで許可されています。
- 2Web の「図案をダウンロード」でミニプログラムコードを生成し、スキャン後にミニプログラム内でダウンロードします。
11. アカウントとログイン
Web アカウントは WeChat ミニプログラムと連携します。
ログイン方法
- 1メール認証コードでの登録 / ログインと、パスワードログインに対応。
- 2ログインページの QR コードを WeChat ミニプログラムでスキャンして確認するとログインできます。
- 3QR ログインの前にミニプログラムでメールをバインドしてください。
アカウント連携
- 1同じメールで Web とミニプログラムのログイン状態・作品データを共有できます。
- 2「マイ作品」でバインド案内が出たら、先にミニプログラムでメールをバインドしてください。
セキュリティのヒント
- 1パスワードを忘れた場合はメール認証コードでリセットします。
- 2ログアウトするとローカルのセッションとキャッシュがクリアされます。