リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: PrintReady - 印刷物レイアウトチェッカー
カスタム塗り足し・安全圏サイズの手動入力機能追加
## 1. 目的
現在、塗り足しは固定3mm・安全圏は固定5mmで計算されているが、印刷会社によって指定値が異なる(例:塗り足し2mm・安全圏3mm、または塗り足し5mm・安全圏10mmなど)。ユーザーが入稿先の仕様に合わせて数値を自由に変更できるようにすることで、より実用的なチェックが可能になる。
## 2. 具体的な仕様
### UI配置
- 既存の「用紙サイズ選択」ドロップダウンの直下に、「ガイド設定」セクションを追加する。
- セクション内に以下の2つの数値入力フィールドを横並び(スマホでは縦並び)で配置する。
- 「塗り足し (mm)」: `<input type="number" min="0" max="20" step="0.5" value="3">`
- 「安全圏 (mm)」: `<input type="number" min="0" max="30" step="0.5" value="5">`
- 各フィールドの右側に小さな「?」アイコンを置き、クリックで既存の解説ポップアップを呼び出す(既存機能を流用)。
- 「デフォルトに戻す」ボタンを1つ設け、押すと塗り足し3mm・安全圏5mmに即座にリセットされる。
### 動作仕様
- 数値変更のたびに(inputイベント)、キャンバス上のオーバーレイライン(塗り足し枠・安全圏枠)をリアルタイムで再描画する。
- 自動診断(塗り足し不足・安全圏空白過多・縦横比ズレ)の判定閾値も入力値に追従して再計算する。
- 入力値が0の場合、対応するガイドラインは非表示にする(チェックボックスのトグルと同等の挙動)。
- 既存のガイドライン表示トグルチェックボックス(塗り足し・安全圏のオン/オフ)は現状通り機能させ、チェックボックスがOFFの場合は数値変更しても再描画しない。
- 既存のPNGエクスポート機能にもカスタム値が反映された状態で出力される(エクスポート処理はキャンバス内容をそのまま使うため、追加実装不要)。
### バリデーション
- 入力値が範囲外(塗り足し: 0〜20mm、安全圏: 0〜30mm)の場合、フィールドを赤枠にしてエラーメッセージ「0〜XX mmの範囲で入力してください」を表示し、再描画は行わない。
- 安全圏が塗り足しより小さい値になった場合、黄色の警告メッセージ「安全圏は塗り足しより大きい値を推奨します」を表示する(描画は行う)。
### チェックリスト連動
- 既存の「印刷前チェックリスト」HTML生成時に、使用した塗り足し・安全圏の値を「設定値: 塗り足し●mm / 安全圏●mm」として冒頭に記載する。
## 3. 既存機能との整合
- デフォルト値(塗り足し3mm・安全圏5mm)を初期値とするため、初回表示時の見た目・動作は現行v1.1.0と完全に同一。
- 既存のガイドライン描画ロジック内で、固定値「3」「5」をJavaScript変数に置き換えるだけで対応可能。既存の描画関数・診断関数のインターフェースは変えない。
- DB・サーバー通信なし。入力値はページリロードでリセット(セッション保持は対象外)。
- スマホでは縦並びレイアウトにし、既存のレスポンシブ構造を崩さない。
現在、塗り足しは固定3mm・安全圏は固定5mmで計算されているが、印刷会社によって指定値が異なる(例:塗り足し2mm・安全圏3mm、または塗り足し5mm・安全圏10mmなど)。ユーザーが入稿先の仕様に合わせて数値を自由に変更できるようにすることで、より実用的なチェックが可能になる。
## 2. 具体的な仕様
### UI配置
- 既存の「用紙サイズ選択」ドロップダウンの直下に、「ガイド設定」セクションを追加する。
- セクション内に以下の2つの数値入力フィールドを横並び(スマホでは縦並び)で配置する。
- 「塗り足し (mm)」: `<input type="number" min="0" max="20" step="0.5" value="3">`
- 「安全圏 (mm)」: `<input type="number" min="0" max="30" step="0.5" value="5">`
- 各フィールドの右側に小さな「?」アイコンを置き、クリックで既存の解説ポップアップを呼び出す(既存機能を流用)。
- 「デフォルトに戻す」ボタンを1つ設け、押すと塗り足し3mm・安全圏5mmに即座にリセットされる。
### 動作仕様
- 数値変更のたびに(inputイベント)、キャンバス上のオーバーレイライン(塗り足し枠・安全圏枠)をリアルタイムで再描画する。
- 自動診断(塗り足し不足・安全圏空白過多・縦横比ズレ)の判定閾値も入力値に追従して再計算する。
- 入力値が0の場合、対応するガイドラインは非表示にする(チェックボックスのトグルと同等の挙動)。
- 既存のガイドライン表示トグルチェックボックス(塗り足し・安全圏のオン/オフ)は現状通り機能させ、チェックボックスがOFFの場合は数値変更しても再描画しない。
- 既存のPNGエクスポート機能にもカスタム値が反映された状態で出力される(エクスポート処理はキャンバス内容をそのまま使うため、追加実装不要)。
### バリデーション
- 入力値が範囲外(塗り足し: 0〜20mm、安全圏: 0〜30mm)の場合、フィールドを赤枠にしてエラーメッセージ「0〜XX mmの範囲で入力してください」を表示し、再描画は行わない。
- 安全圏が塗り足しより小さい値になった場合、黄色の警告メッセージ「安全圏は塗り足しより大きい値を推奨します」を表示する(描画は行う)。
### チェックリスト連動
- 既存の「印刷前チェックリスト」HTML生成時に、使用した塗り足し・安全圏の値を「設定値: 塗り足し●mm / 安全圏●mm」として冒頭に記載する。
## 3. 既存機能との整合
- デフォルト値(塗り足し3mm・安全圏5mm)を初期値とするため、初回表示時の見た目・動作は現行v1.1.0と完全に同一。
- 既存のガイドライン描画ロジック内で、固定値「3」「5」をJavaScript変数に置き換えるだけで対応可能。既存の描画関数・診断関数のインターフェースは変えない。
- DB・サーバー通信なし。入力値はページリロードでリセット(セッション保持は対象外)。
- スマホでは縦並びレイアウトにし、既存のレスポンシブ構造を崩さない。
💬 返信 (3)
🛠 開発を開始しました (機能追加 (printready))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「PrintReady - 印刷物レイアウトチェッカー」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=printready
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/printready/
ご利用ありがとうございます!
ご要望いただいた「PrintReady - 印刷物レイアウトチェッカー」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=printready
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/printready/
ご利用ありがとうございます!
Echo
Iris