MyCOS blog

,

今後のアップデート候補：ユニフォームのIllustratorデータ半自動生成機能

仲川舞
12〜18分
今後のアップデート候補：ユニフォームのIllustratorデータ半自動生成機能

現在、弊社で提供しているユニフォームのカスタムオーダーシステム「MyCOS Uniform」では、ユニフォームの型紙（テンプレート）とデザイン情報、注文情報をもとにIllustratorデータ（.ai）を半自動生成する機能の実装を構想中です。完全な自動化は技術的やコスト面でのハードルが高いため、今回は半自動化を目指す提案です。

背景・課題

現在、MyCOSを導入頂いている多くの企業では、カスタムオーダーシミュレーターで注文を受けた後、オーダーシートや注文情報を元に、実際に工場へ発注するためのプリント用のデータを手作業で作成しています。Illustrator（イラストレーター）で一人分ずつ配置をしていくため、時間がかかります。

  • Illustratorでの手動作業が発生
  • 人数分の展開に時間がかかる
  • ヒューマンエラーのリスク
  • デザインごとの工数増加

こうした課題を解決するため、MyCOS UniformではIllustratorデータ（.ai）を半自動生成する機能の実装を検討中です。

導入メリット

イラストレーターデータの作成を自動化することができれば、大幅にオペレーションコストを下げられる見込みがあります。また、修正や再出力も容易になるため、スピーディな顧客対応が可能となります。

  • 作業時間の大幅削減
  • 人数展開の自動化
  • 作業ミス削減
  • データの一貫性
  • デザイン変更・修正が容易

概要、データフロー

弊社のMyCOS Uniformは、管理画面でデザイン登録が可能ですが、新たにAIデータ生成用のテンプレート管理画面を設け、シミュレーターのデザインと紐づけられるようにする想定です。

システムの概要

シミュレーターで入力したチーム・メンバー情報をJSON形式で出力し、ExtendScriptをAdobe Illustratorで実行することで、ユニフォームAIデータを自動生成します。また、複数スポーツ種目・複数カラーバリエーションに対応します。

ユニフォームのIllustratorデータ半自動生成機能

必要となる機能

機能内容
テンプレート管理登録済みテンプレート一覧、プレースホルダー定義の確認
チーム管理チーム作成、カラー設定
メンバー管理CSV取込、手動入力、編集
生成設定テンプレート選択、出力形式選択
JSON出力ExtendScript用のデータファイル生成

データフロー

  • シミュレーターでチーム名・カラー・メンバー情報を入力
  • JSONファイルを出力（1チーム = 1ファイル）
  • JSONをフォルダに配置し、ExtendScriptを手動実行
  • Illustratorがテンプレートを複製・書き換え・保存（メンバー数分）
  • 出力: フォントアウトライン済み .ai ファイル

設計方針

  • カラー管理: Illustratorスウォッチ名による一括管理（MAIN_COLOR / SUB_COLOR / ACC_COLOR）
  • カラー値フォーマット: JSONでCMYK数値として渡す（HEX変換不要）
  • ロゴ: リンク配置（埋め込み禁止）。スクリプトがリンクパスを差し替える
  • 出力: フォントアウトライン化を自動実行後に保存

必要なデータ構成

Illustratorテンプレート（型入れデータ）

uniform_template.ai
├── レイヤー: 本体（ユニフォーム形状）
├── レイヤー: 前面デザインエリア
├── レイヤー: 背面デザインエリア
├── レイヤー: 番号プレースホルダー（前・後）
├── レイヤー: 名前プレースホルダー
└── レイヤー: ロゴ配置エリア

レイヤー命名規則

ExtendScriptはレイヤー名をキーとして各処理を行うため、テンプレートのレイヤーは以下のような命名規則に従って設計します。

レイヤー名役割種別ExtendScriptアクセス備考
[BASE] ユニフォーム本体デザインの核ロック— スキップ —触らない
[TXT_NAME] 選手名テキスト書換えテキストlayer.textFrames[0].contents大文字ローマ字
[TXT_NUM] 背番号テキスト書換えテキストlayer.textFrames[0].contents2桁ゼロ埋め
[CLR_MAIN] メインカラースウォッチ置換カラーswatches[‘MAIN_COLOR’]CMYK値で指定
[CLR_SUB] サブカラースウォッチ置換カラーswatches[‘SUB_COLOR’]CMYK値で指定
[CLR_ACC] アクセントスウォッチ置換カラーnullなら非表示省略可能
[LOGO_TEAM] チームロゴリンク画像差替え画像placedItems[0].fileリンク配置必須
[LOGO_SPON_01] スポンサーリンク画像差替え画像placedItems[0].filenull→非表示
[META_SIZE_S/M/L] サイズ表示切替表示制御layer.visible = (sz)3レイヤー用意
[LOCK] 裁断・トンボ印刷仕様ロック— スキップ —触らない

JSONのサンプル

{

  "templateFile": "soccer_home.ai",

  "outputFolder": "/Users/operator/output/teamA/",

  "colors": {

    "MAIN_COLOR": { "c": 0, "m": 100, "y": 100, "k": 0 },

    "SUB_COLOR":  { "c": 0, "m": 0,   "y": 0,   "k": 0 },

    "ACC_COLOR":  { "c": 0, "m": 0,   "y": 100, "k": 0 }

  },

  "logos": {

    "LOGO_TEAM":    "/logos/teamA_logo.ai",

    "LOGO_SPON_01": "/logos/sponsor_01.ai",

    "LOGO_SPON_02": null

  },

  "members": [

    { "number": "10", "name": "TANAKA", "size": "L" },

    { "number": "7",  "name": "SUZUKI", "size": "M" }

  ]

}

終わりに

ユニフォームづくりをもっと簡単に、もっと楽しく。

開発状況や進捗は、また本ブログで随時ご紹介していきます。
ぜひお気軽にご連絡ください！

▼ユニフォームに特化したカスタムオーダーシミュレーター
カスタムオーダーシミュレーター「MyCOS（マイコス）」

▼アイテムやグッズに特化したカスタムオーダーシミュレーター
カスタムオーダーシミュレーター「MyCOS GOODS（マイコスグッズ）」

▼3Dモデルを利用したカスタムオーダーシミュレーター
3Dシミュレーターシステム「MyCOS 3D（マイコススリーディー）」

Trending