可変可能なGoogleスライドを、Genspark × GASでリッチに再現する悪魔の「けいたろう式プロンプト」

genspark_keitaro_style_slide_prompt:
  description: >
    プロフェッショナルスライドをGensparkで自動生成するためのテンプレート。
    松上純一郎著『PowerPoint資料作成 プロフェッショナルの大原則【生成AI対応版】』に基づき、
    13ステップ・177原則の論理構成と視覚設計を完全実装。
    以下の設計ルールを厳守する：

    - スライド比率は16:9固定
    - 各スライドは1メッセージのみ
    - 図解・グラフは単体配置し視認性重視
    - 全体の構成は背景→課題→解決策→効果
    - フォントはすべてNoto Sans JP
    - 配色はユーザ指定またはデフォルト（赤＋白）
    - グラフはPre-attentive Attributesを活用し設計
    - 要素は全て静的で、インタラクティブな操作は不可

  version: "1.5 - Keitaro Roleplay Edition"

  roleplay_instructions:
    - 最初に必ず番号付きで質問を行い、ユーザが選択肢番号で答えられるようにすること
    - いきなりスライドを生成しないこと
    - 以下の順番で質問する：

    Q1: 「今日はどんなスライドを作りますか？」
      1: 新製品の営業提案資料
      2: 社内の業務改善提案
      3: 講演・セミナー用資料
      4: 研究発表用資料
      5: その他（自由入力）

    Q2: 「どのようなコーポレートカラーにしますか？」
      1: デフォルト（赤＋白）
      2: お任せ（自動で最適カラーを選択）
      3: ユーザ指定（カラーコードまたはキーワード入力）
      4: その他（自由入力）

    Q3: 「聴衆や利用シーンを教えてください」
      1: 社内共有用
      2: 営業提案用
      3: 講演用
      4: 投資家向けプレゼン用
      5: その他（自由入力）

    Q4: 「補足コンテキストがあれば入力してください」
      - 例: 「AI活用事例を紹介するイベント用。参加者は経営層中心」など自由記述可

    - 全ての回答を受けた後に、初めてスライド生成フェーズに進むこと

  critical_rules:
    slide_size: "16:9"
    font_family: "Noto Sans JP"
    one_topic_per_slide: true
    use_visual_single_slide: true
    large_font_for_visibility: true
    dynamic_color_palette: true
    enforce_preattentive_attributes_in_graphs: true
    prohibit_scroll_or_dynamic_elements: true

  layout:
    font:
      family: "Noto Sans JP"
      title_size_pt: 32
      body_size_pt: 20
      note_size_pt: 14
    spacing:
      margin_top_px: 40
      margin_bottom_px: 40
      margin_left_px: 60
      margin_right_px: 60
    reservation:
      text_block_area: "全体余白内に限定配置"
      diagram_area: "上60%に収める"
      note_area: "下20%にスピーカーノートを予約"

  color_policy:
    base_palette: "user-choice"
    fallback_palette:
      primary: "#d50000"   # default red
      secondary: "#ffffff" # white
      text: "#000000"

  graph_design_guidelines:
    preattentive_attributes:
      enable: true
      usage_guidelines:
        - メッセージを先に定義し、それに対応する視覚属性を1〜2個選定
        - 色相のみで意味を伝えず、長さ・位置・面積などと併用すること
        - ラベル・凡例に依存せず、視覚属性で8割以上伝達できること
        - Tableau分類に基づく32種のグラフ対応表を参照し選定
        - カラーユニバーサルデザインを意識した設計

  slide_templates:
    cover:
      elements: ["Title", "Subtitle", "Date"]
      layout_note: "タイトルは上半分に配置。ロゴは不要"
    agenda:
      elements: ["Agenda Title", "項目リスト"]
    content:
      elements: ["Heading", "Visual", "Main Message"]
    graph_slide:
      elements: ["Graph Object", "Caption with preattentive emphasis"]
    summary:
      elements: ["Key Takeaways", "Next Steps"]

  generation_constraints:
    enforce_one_slide_one_message: true
    follow_logical_flow: ["背景", "課題", "解決策", "効果"]
    optimize_for_readability_and_clarity: true
    allow_visual_diagrams_only_if_static: true

  required_user_input:
    - theme
    - main_message
    - audience
    - color_preference
    - context
    - visual_elements (if applicable)
    - expected_slide_count (optional)
    - key_data_points (optional)

  output_instructions:
    - generate_genspark_or_GAS_code_only
    - reserve_layout_areas as specified
    - auto-apply best-fit preattentive chart attributes
    - do not include explanation outside code block

  post_generation_checklist:
    description: >
      Genspark実行後、以下の評価基準を満たしているかを人または自動スクリプトでチェックする。

    items:
      - id: layout-16x9
        label: "スライドサイズが16:9になっているか"
      - id: layout-safety-margin
        label: "全要素が安全余白内に収まっているか"
      - id: layout-static
        label: "スライドが全て静的（スクロール・動的要素なし）"
      - id: graph-pre-attentive
        label: "グラフにPre-attentive Attributesが使われているか"
      - id: font-consistency
        label: "すべてのフォントがNoto Sans JPで統一されているか"
      - id: color-theme-fit
        label: "配色がユーザ指定またはデフォルトポリシーに沿っているか"
      - id: chart-message-fit
        label: "グラフの種類がメッセージに論理的に適合しているか"

# 必須ユーザ入力例
theme: "あなたのテーマ"
main_message: "伝えたいメッセージ"
audience: "想定聴衆"
color_preference: "1 / 2 / 3 / 4"
context: "自由入力"

user input == <ここにGensparkのエディタで生成されたHTMLにいれる>

====
# HTML→Google Slides GAS変換プロンプト v3（けいたろう式プロンプト）

## 基本方針
**エラーが発生しても処理を継続し、必ず最後まで完走する堅牢なコードを生成する。**

## 必須の実装要件

### 1. エラーハンドリング
```javascript
// 全ての処理をtry-catchで包む
try {
  // 処理
} catch(e) {
  console.log('エラー発生: ' + e.toString());
  // エラーをログに記録して処理継続
}
```

### 2. レイアウト設計
```javascript
// 余白定義（定量的に管理）
const MARGIN = {
  top: 40,
  bottom: 30,
  left: 40,
  right: 40,
  between: 20  // 要素間の間隔
};

// コンテンツエリアの計算
const CONTENT_WIDTH = WIDTH - MARGIN.left - MARGIN.right;
const CONTENT_HEIGHT = HEIGHT - MARGIN.top - MARGIN.bottom;
```

### 3. 複雑な要素の処理
グラフ・チャート・複雑な図形は以下の方法で処理：
1. 枠（プレースホルダー）を配置
2. 枠内にグラフの説明テキストを挿入
3. データプロパティを箇条書きで表示

```javascript
// グラフプレースホルダーの例
function createChartPlaceholder(slide, x, y, w, h, chartData) {
  // 枠を描画
  rect(slide, x, y, w, h, '#F3F4F6', {color: '#999999', weight: 1});
  
  // タイトル
  textbox(slide, x + 10, y + 10, w - 20, 20, 
    '[グラフ: ' + chartData.title + ']', {size: 12, bold: true});
  
  // データ説明
  const description = `
    種類: ${chartData.type}
    データ数: ${chartData.dataPoints}
    最大値: ${chartData.max}
    最小値: ${chartData.min}
  `;
  textbox(slide, x + 10, y + 35, w - 20, h - 45, 
    description, {size: 10, color: '#666666'});
}
```

## 完全なコードテンプレート

```javascript
function onOpen() {
  try {
    SlidesApp.getUi().createMenu('Build')
      .addItem('ビルド実行', 'buildSlides')
      .addToUi();
  } catch(e) {
    console.log('メニュー作成エラー: ' + e.toString());
  }
}

function buildSlides() {
  let completedSlides = 0;
  const errors = [];
  
  try {
    const pres = SlidesApp.getActivePresentation();
    const font = 'Noto Sans JP';
    const WIDTH = 720, HEIGHT = 405;
    const SCALE = WIDTH / 1280;
    const px = (n) => n * SCALE;
    const pt = (p) => p * 0.75;
    
    // 余白定義
    const MARGIN = {
      top: 40,
      bottom: 30,
      left: 40,
      right: 40,
      between: 20
    };
    
    // カラー定義
    const RED = '#d50000';
    const DARK = '#1a1a1a';
    const MID = '#555555';
    const GRAY100 = '#F3F4F6';
    const GRAY600 = '#4B5563';
    const WHITE = '#FFFFFF';
    
    // カラー変換（エラー耐性付き）
    function toHexColor(color) {
      try {
        if (!color) return WHITE;
        if (color.startsWith('#')) return color;
        
        // rgba/rgb処理
        if (color.includes('rgb')) {
          const values = color.match(/\d+/g);
          if (values && values.length >= 3) {
            const r = Math.min(255, parseInt(values[0])).toString(16).padStart(2, '0');
            const g = Math.min(255, parseInt(values[1])).toString(16).padStart(2, '0');
            const b = Math.min(255, parseInt(values[2])).toString(16).padStart(2, '0');
            return '#' + r + g + b;
          }
        }
        
        // 名前付きカラーの変換
        const namedColors = {
          'red': '#FF0000',
          'blue': '#0000FF',
          'green': '#008000',
          'transparent': WHITE
        };
        
        return namedColors[color.toLowerCase()] || WHITE;
      } catch(e) {
        console.log('カラー変換エラー: ' + color);
        return WHITE;
      }
    }
    
    // rect（エラー耐性付き）
    function rect(slide, x, y, w, h, fill, border) {
      try {
        const r = slide.insertShape(SlidesApp.ShapeType.RECTANGLE, x, y, w, h);
        r.getFill().setSolidFill(toHexColor(fill) || WHITE);
        const bd = r.getBorder();
        
        if (border && border.weight === 0) {
          bd.setTransparent();
        } else if (border) {
          if (border.color) {
            bd.getLineFill().setSolidFill(toHexColor(border.color));
          }
          if (border.weight != null && border.weight > 0) {
            bd.setWeight(border.weight);
          }
        } else {
          bd.setTransparent();
        }
        return r;
      } catch(e) {
        console.log('rect作成エラー: ' + e.toString());
        return null;
      }
    }
    
    // textbox（エラー耐性付き）
    function textbox(slide, x, y, w, h, text, opt = {}) {
      try {
        const box = slide.insertShape(SlidesApp.ShapeType.TEXT_BOX, x, y, w, h);
        const t = box.getText();
        t.setText(text || '');
        
        const ts = t.getTextStyle();
        ts.setFontFamily(opt.font || font);
        if (opt.size) ts.setFontSize(opt.size);
        if (opt.color) ts.setForegroundColor(toHexColor(opt.color));
        if (opt.bold) ts.setBold(true);
        
        const ps = t.getParagraphStyle();
        if (opt.align === 'center') {
          ps.setParagraphAlignment(SlidesApp.ParagraphAlignment.CENTER);
        } else if (opt.align === 'right') {
          ps.setParagraphAlignment(SlidesApp.ParagraphAlignment.END);
        }
        
        // 背景と枠線を透明化
        try {
          box.getFill().setTransparent();
          box.getBorder().setTransparent();
        } catch(e) {
          // 透明化エラーは無視
        }
        
        return box;
      } catch(e) {
        console.log('textbox作成エラー: ' + e.toString());
        return null;
      }
    }
    
    // グラフプレースホルダー
    function createChartPlaceholder(slide, x, y, w, h, chartInfo) {
      try {
        // 背景枠
        rect(slide, x, y, w, h, GRAY100, {color: GRAY600, weight: 1});
        
        // ヘッダー
        rect(slide, x, y, w, 30, GRAY600);
        textbox(slide, x + 10, y + 5, w - 20, 20, 
          '[グラフ] ' + (chartInfo.title || 'データ表示'), 
          {size: 12, color: WHITE, bold: true});
        
        // データ情報
        let info = '';
        if (chartInfo.type) info += '種類: ' + chartInfo.type + '\n';
        if (chartInfo.dataPoints) info += 'データ数: ' + chartInfo.dataPoints + '\n';
        if (chartInfo.description) info += chartInfo.description;
        
        textbox(slide, x + 10, y + 40, w - 20, h - 50, 
          info, {size: 10, color: DARK});
      } catch(e) {
        console.log('グラフプレースホルダーエラー: ' + e.toString());
      }
    }
    
    // 箇条書き処理
    function bulletsPlain(text) {
      if (!text) return '';
      const lines = text.toString().split('\n');
      return lines.map(line => line.trim() ? '• ' + line.trim() : '').join('\n');
    }
    
    // 共通要素
    function topBottomBars(slide) {
      try {
        rect(slide, 0, 0, WIDTH, 24, RED);
        rect(slide, 0, HEIGHT - 16, WIDTH, 16, RED);
      } catch(e) {
        console.log('バー作成エラー: ' + e.toString());
      }
    }
    
    function pageNumber(slide, num) {
      try {
        textbox(slide, WIDTH - 40, HEIGHT - 35, 30, 20, 
          String(num), {size: 12, color: MID, align: 'right'});
      } catch(e) {
        console.log('ページ番号エラー: ' + e.toString());
      }
    }
    
    function newSlide() {
      try {
        return pres.appendSlide(SlidesApp.PredefinedLayout.BLANK);
      } catch(e) {
        console.log('スライド追加エラー: ' + e.toString());
        return null;
      }
    }
    
    // グリッドレイアウトヘルパー
    function createGrid(slide, startX, startY, cols, rows, cellWidth, cellHeight, gap) {
      const positions = [];
      for (let row = 0; row < rows; row++) {
        for (let col = 0; col < cols; col++) {
          positions.push({
            x: startX + col * (cellWidth + gap),
            y: startY + row * (cellHeight + gap),
            w: cellWidth,
            h: cellHeight
          });
        }
      }
      return positions;
    }
    
    // =================
    // スライド作成（エラー耐性付き）
    // =================
    
    // スライド1
    try {
      const slide1 = newSlide();
      if (slide1) {
        // タイトルスライドの内容
        rect(slide1, 0, 0, WIDTH, 40, RED);
        rect(slide1, 0, HEIGHT - 20, WIDTH, 20, RED);
        
        const titleY = MARGIN.top + 80;
        textbox(slide1, MARGIN.left, titleY, CONTENT_WIDTH, 45, 
          'プレゼンテーションタイトル', 
          {size: 32, bold: true, align: 'center'});
        
        completedSlides++;
      }
    } catch(e) {
      errors.push('スライド1: ' + e.toString());
    }
    
    // スライド2
    try {
      const slide2 = newSlide();
      if (slide2) {
        topBottomBars(slide2);
        
        // コンテンツエリアを2カラムに分割
        const colWidth = (CONTENT_WIDTH - MARGIN.between) / 2;
        
        // 左カラム
        const leftX = MARGIN.left;
        const leftY = MARGIN.top;
        rect(slide2, leftX, leftY, colWidth, 200, GRAY100);
        textbox(slide2, leftX + 10, leftY + 10, colWidth - 20, 30, 
          '左側コンテンツ', {size: 18, bold: true});
        
        // 右カラム
        const rightX = MARGIN.left + colWidth + MARGIN.between;
        rect(slide2, rightX, leftY, colWidth, 200, GRAY100);
        textbox(slide2, rightX + 10, leftY + 10, colWidth - 20, 30, 
          '右側コンテンツ', {size: 18, bold: true});
        
        pageNumber(slide2, 2);
        completedSlides++;
      }
    } catch(e) {
      errors.push('スライド2: ' + e.toString());
    }
    
    // [ここに追加のスライドを実装]
    
  } catch(e) {
    errors.push('全体エラー: ' + e.toString());
  }
  
  // 完了通知（エラーがあっても表示）
  let message = `処理完了\n作成スライド数: ${completedSlides}`;
  if (errors.length > 0) {
    message += '\n\nエラー:\n' + errors.join('\n');
    console.log('エラー詳細:', errors);
  }
  
  SlidesApp.getUi().alert(message);
}
```

## プロンプトテンプレート

```
以下のHTMLをGoogle SlidesのGASコードに変換してください。

【絶対要件】
1. **エラーが発生しても処理を止めずに最後まで実行すること**
2. 全ての処理をtry-catchで包み、エラーログを記録
3. 複雑なグラフは枠とテキスト説明で代替
4. 余白を定量的に定義（MARGIN定数使用）
5. グリッドレイアウトで整列

【必須の対策】
- setLineSpacing()は使用禁止
- getBorder()のみ使用
- rgba値はtoHexColor()で変換
- 各スライドの処理を個別のtry-catchで包む

【レイアウト設計】
- 余白: top:40, bottom:30, left:40, right:40, between:20
- コンテンツエリアを計算して配置
- グリッドレイアウト関数を活用



【出力要件】
1. 完全なGASコード
2. エラーハンドリング完備
3. 処理完了後に結果レポート表示
```

function onOpen() {
  SlidesApp.getUi().createMenu('Build').addItem('ビルド実行', 'buildSlides').addToUi();
}

function buildSlides() {
  const pres = SlidesApp.getActivePresentation();
  const font = 'Noto Sans JP';
  const WIDTH = 720, HEIGHT = 405; // 16:9
  
  // カラー定義
  const RED = '#d50000';
  const DARK = '#1a1a1a';
  const MID = '#555555';
  const GRAY600 = '#4B5563';
  const GRAY100 = '#F3F4F6';
  const GRAY50 = '#F9FAFB';
  const WHITE = '#FFFFFF';

  // ヘルパー関数
  function rect(slide, x, y, w, h, fill, border) {
    const r = slide.insertShape(SlidesApp.ShapeType.RECTANGLE, x, y, w, h);
    r.getFill().setSolidFill(fill || WHITE);
    const bd = r.getBorder();
    if (border && border.weight === 0) {
      bd.setTransparent();
    } else if (border) {
      if (border.color) bd.getLineFill().setSolidFill(border.color);
      if (border.weight != null) bd.setWeight(border.weight);
    } else {
      bd.setTransparent();
    }
    return r;
  }

  function textbox(slide, x, y, w, h, text, opt = {}) {
    const box = slide.insertShape(SlidesApp.ShapeType.TEXT_BOX, x, y, w, h);
    const t = box.getText();
    t.setText(text || '');
    const ts = t.getTextStyle();
    ts.setFontFamily(opt.font || font);
    if (opt.size) ts.setFontSize(opt.size);
    if (opt.color) ts.setForegroundColor(opt.color);
    if (opt.bold) ts.setBold(true);
    
    const ps = t.getParagraphStyle();
    // lineSpacingは削除（Google Slidesでサポートされていない）
    if (opt.align === 'center') ps.setParagraphAlignment(SlidesApp.ParagraphAlignment.CENTER);
    if (opt.align === 'right') ps.setParagraphAlignment(SlidesApp.ParagraphAlignment.END);
    if (opt.align === 'justify') ps.setParagraphAlignment(SlidesApp.ParagraphAlignment.JUSTIFIED);
    
    // テキストボックスの背景と枠線を削除
    try {
      box.getFill().setTransparent();
      box.getBorder().setTransparent();
    } catch(e) {
      // エラーを無視
    }
    
    return box;
  }

  function topBottomBars(slide) {
    rect(slide, 0, 0, WIDTH, 24, RED);
    rect(slide, 0, HEIGHT - 16, WIDTH, 16, RED);
  }

  function pageNumber(slide, num) {
    textbox(slide, WIDTH - 40, HEIGHT - 35, 30, 20, String(num), {size: 12, color: MID, align: 'right'});
  }

  function newSlide() {
    return pres.appendSlide(SlidesApp.PredefinedLayout.BLANK);
  }

  // スライド1: タイトルスライド
  const slide1 = newSlide();
  rect(slide1, 0, 0, WIDTH, 40, RED);
  rect(slide1, 0, HEIGHT - 20, WIDTH, 20, RED);
  
  // NTT docomoロゴ部分
  textbox(slide1, WIDTH - 150, 60, 130, 25, 'NTT', {size: 16, color: DARK, align: 'right'});
  textbox(slide1, WIDTH - 150, 80, 130, 30, 'docomo', {size: 20, color: RED, bold: true, align: 'right'});
  
  // メインタイトル
  textbox(slide1, 60, 120, 600, 45, 'データ分析スキル向上研修', {size: 32, bold: true, align: 'center'});
  rect(slide1, 296, 170, 128, 3, RED);
  textbox(slide1, 60, 190, 600, 55, 'BYROW関数完全マスター', {size: 38, color: RED, bold: true, align: 'center'});
  
  // 説明文
  textbox(slide1, 80, 260, 560, 60, 
    '本研修は、NTT docomo社員を対象に、業務で即活用できる\nExcel/Google SheetsのBYROW関数の知識と実践力を\n習得するためのセッションです。', 
    {size: 14, color: MID, align: 'center', lineSpacing: 1.5});
  
  // 日付・講師情報
  textbox(slide1, 60, 340, 200, 20, '日時：[日付記載]', {size: 14});
  textbox(slide1, 60, 360, 200, 20, '講師：[講師名記載]', {size: 14});
  textbox(slide1, WIDTH - 160, 360, 140, 20, '社内研修資料', {size: 12, color: GRAY600, align: 'right'});

  // スライド2: 研修目的・対象者
  const slide2 = newSlide();
  topBottomBars(slide2);
  
  textbox(slide2, 40, 40, 300, 35, '研修目的・対象者', {size: 28, bold: true});
  rect(slide2, 40, 78, 80, 3, RED);
  
  // 目的ボックス
  rect(slide2, 40, 110, 320, 180, GRAY50);
  rect(slide2, 40, 110, 4, 180, RED);
  textbox(slide2, 55, 120, 150, 30, '【目的】', {size: 20, color: RED, bold: true});
  
  const objectives = [
    '業務効率向上に繋がるデータ分析スキルの習得',
    'BYROW関数の理解と実践スキル獲得',
    '日常業務での作業時間短縮と精度向上'
  ];
  
  let yPos = 155;
  objectives.forEach(obj => {
    textbox(slide2, 55, yPos, 290, 40, '• ' + obj, {size: 14, lineSpacing: 1.3});
    yPos += 40;
  });
  
  // 対象者ボックス
  rect(slide2, 380, 110, 320, 180, GRAY50);
  rect(slide2, 380, 110, 4, 180, RED);
  textbox(slide2, 395, 120, 150, 30, '【対象者】', {size: 20, color: RED, bold: true});
  
  const targets = [
    '営業/企画/管理部門のデータ担当者',
    '日常的にExcel/Google Sheetsを利用される全社員',
    'データ作業の効率化を図りたい方'
  ];
  
  yPos = 155;
  targets.forEach(target => {
    textbox(slide2, 395, yPos, 290, 40, '• ' + target, {size: 14, lineSpacing: 1.3});
    yPos += 40;
  });
  
  // 補足情報
  textbox(slide2, 40, 310, 660, 50, 
    '本研修では、特に営業データ分析・顧客データ集計・プロジェクト管理など、\n日常業務で頻繁に行うデータ処理の効率化に重点を置いています。', 
    {size: 12, color: GRAY600, lineSpacing: 1.5});
  
  pageNumber(slide2, 2);

  // スライド3: アジェンダ
  const slide3 = newSlide();
  topBottomBars(slide3);
  
  textbox(slide3, 40, 40, 200, 35, 'アジェンダ', {size: 28, bold: true});
  rect(slide3, 40, 78, 80, 3, RED);
  
  textbox(slide3, 40, 110, 250, 25, '本日の研修の流れ', {size: 18, bold: true});
  
  const agendaItems = [
    ['1', '研修の概要と進め方', '研修の目的と今日習得するスキルの確認'],
    ['2', 'BYROW関数の基礎', '定義・構文・特徴を理解する'],
    ['3', '従来手法との比較', '効率化効果とROIを検証する'],
    ['4', 'ビジネス現場での使い方実例', '実際の業務における活用事例']
  ];
  
  yPos = 145;
  agendaItems.forEach(item => {
    rect(slide3, 40, yPos, 32, 32, RED);
    textbox(slide3, 40, yPos, 32, 32, item[0], {size: 16, color: WHITE, bold: true, align: 'center'});
    textbox(slide3, 80, yPos, 250, 18, item[1], {size: 16, bold: true});
    textbox(slide3, 80, yPos + 18, 250, 14, item[2], {size: 12, color: GRAY600});
    yPos += 45;
  });
  
  const agendaItems2 = [
    ['5', '実践演習', '実際にBYROW関数を使ってみる'],
    ['6', '応用テクニック', 'さらに高度な使用方法'],
    ['7', '注意点・まとめ', '重要ポイントの復習と次回予告']
  ];
  
  yPos = 145;
  agendaItems2.forEach(item => {
    rect(slide3, 380, yPos, 32, 32, RED);
    textbox(slide3, 380, yPos, 32, 32, item[0], {size: 16, color: WHITE, bold: true, align: 'center'});
    textbox(slide3, 420, yPos, 250, 18, item[1], {size: 16, bold: true});
    textbox(slide3, 420, yPos + 18, 250, 14, item[2], {size: 12, color: GRAY600});
    yPos += 45;
  });
  
  // 研修資料情報
  rect(slide3, 380, 295, 320, 65, GRAY50);
  rect(slide3, 380, 295, 4, 65, RED);
  textbox(slide3, 395, 305, 200, 20, '研修資料について', {size: 14, bold: true});
  textbox(slide3, 395, 325, 290, 30, 
    '本日の資料はイントラネットからダウンロード可能です。\n実習用データも含まれています。', 
    {size: 11, color: GRAY600});
  
  pageNumber(slide3, 3);

  // スライド4: BYROW関数の基礎
  const slide4 = newSlide();
  topBottomBars(slide4);
  
  textbox(slide4, 40, 40, 300, 35, 'BYROW関数の基礎', {size: 28, bold: true});
  rect(slide4, 40, 78, 80, 3, RED);
  
  // 定義と構文
  rect(slide4, 40, 110, 320, 165, GRAY50);
  rect(slide4, 40, 110, 4, 165, RED);
  textbox(slide4, 55, 120, 200, 25, '定義と構文', {size: 20, color: RED, bold: true});
  textbox(slide4, 55, 150, 290, 35, 
    'BYROW関数とは、指定した範囲の各行に\n同じ処理を適用するための関数です。', 
    {size: 14, lineSpacing: 1.3});
  
  rect(slide4, 55, 195, 290, 65, WHITE, {color: GRAY600, weight: 1});
  textbox(slide4, 65, 200, 100, 20, '基本構文：', {size: 14, color: RED, bold: true});
  textbox(slide4, 65, 225, 270, 25, '=BYROW(配列, LAMBDA(行, 処理))', {size: 13, font: 'Courier New'});
  
  // 特徴とメリット
  rect(slide4, 380, 110, 320, 165, GRAY50);
  rect(slide4, 380, 110, 4, 165, RED);
  textbox(slide4, 395, 120, 200, 25, '主な特徴とメリット', {size: 20, color: RED, bold: true});
  
  const features = [
    '業務効率化：行ごとの計算を一括で自動処理',
    'エラー軽減：人的ミスを防止し、データ品質向上',
    '柔軟性：条件分岐や複雑な処理にも対応',
    'メンテナンス性：データ追加時も自動計算'
  ];
  
  yPos = 150;
  features.forEach(feature => {
    textbox(slide4, 395, yPos, 290, 25, '• ' + feature, {size: 13, lineSpacing: 1.2});
    yPos += 28;
  });
  
  // 実例
  rect(slide4, 40, 285, 660, 75, WHITE, {color: GRAY600, weight: 1});
  textbox(slide4, 55, 295, 200, 20, '実例：行ごとの合計を計算', {size: 16, color: RED, bold: true});
  textbox(slide4, 55, 320, 300, 30, 
    '入力データ：A1:C2（10,20,30 / 5,15,25）\n=BYROW(A1:C2, LAMBDA(row, SUM(row)))\n結果：60 / 45', 
    {size: 12, font: 'Courier New'});
  
  pageNumber(slide4, 4);

  // スライド5: 従来手法との比較
  const slide5 = newSlide();
  topBottomBars(slide5);
  
  textbox(slide5, 40, 40, 400, 35, '従来手法との比較・効率化効果', {size: 28, bold: true});
  rect(slide5, 40, 78, 80, 3, RED);
  
  // 従来手法
  rect(slide5, 40, 110, 320, 140, GRAY50);
  rect(slide5, 40, 110, 4, 140, RED);
  textbox(slide5, 55, 120, 200, 25, '従来手法', {size: 20, color: RED, bold: true});
  
  const oldMethods = [
    '手作業によるセルコピーと複雑な数式',
    '行ごとの処理を個別に作成',
    'データ更新時に手動で再計算が必要',
    '属人的なプロセスで引継ぎ困難'
  ];
  
  yPos = 150;
  oldMethods.forEach(method => {
    textbox(slide5, 55, yPos, 290, 20, '• ' + method, {size: 13});
    yPos += 22;
  });
  
  rect(slide5, 55, 220, 290, 25, '#FEE2E2', {color: RED, weight: 1});
  textbox(slide5, 65, 225, 270, 15, '課題：時間効率・正確性・継続性に問題', {size: 12, color: RED, bold: true});
  
  // BYROW関数
  rect(slide5, 380, 110, 320, 140, GRAY50);
  rect(slide5, 380, 110, 4, 140, RED);
  textbox(slide5, 395, 120, 200, 25, 'BYROW関数', {size: 20, color: RED, bold: true});
  
  const newMethods = [
    '1式で全行を動的自動処理',
    'データ追加時も自動展開・計算',
    '一貫したロジックで人的ミスを排除',
    '標準化されたプロセスで引継ぎ容易'
  ];
  
  yPos = 150;
  newMethods.forEach(method => {
    textbox(slide5, 395, yPos, 290, 20, '• ' + method, {size: 13});
    yPos += 22;
  });
  
  rect(slide5, 395, 220, 290, 25, '#DCFCE7', {color: '#16A34A', weight: 1});
  textbox(slide5, 405, 225, 270, 15, '利点：効率化・正確性向上・標準化を実現', {size: 12, color: '#16A34A', bold: true});
  
  // ROI効果
  rect(slide5, 40, 260, 660, 90, GRAY50, {color: RED, weight: 2});
  textbox(slide5, 230, 270, 280, 25, '【効果測定】業務効率化とROI', {size: 18, color: RED, bold: true, align: 'center'});
  
  const metrics = [
    {value: '70%', label: '作業時間削減'},
    {value: '99%', label: 'エラー削減'},
    {value: '85%', label: '再利用性向上'}
  ];
  
  let xPos = 110;
  metrics.forEach(metric => {
    rect(slide5, xPos, 300, 160, 40, WHITE, {color: GRAY600, weight: 1});
    textbox(slide5, xPos, 305, 160, 20, metric.value, {size: 24, color: RED, bold: true, align: 'center'});
    textbox(slide5, xPos, 325, 160, 12, metric.label, {size: 12, align: 'center'});
    xPos += 180;
  });
  
  pageNumber(slide5, 5);

  // スライド6: ビジネス実例① 営業データ分析
  const slide6 = newSlide();
  topBottomBars(slide6);
  
  textbox(slide6, 40, 40, 400, 35, 'ビジネス実例① 営業データ分析', {size: 28, bold: true});
  rect(slide6, 40, 78, 80, 3, RED);
  
  textbox(slide6, 40, 110, 350, 25, '実例：エリア×月別データの一括分析', {size: 18, color: RED, bold: true});
  
  rect(slide6, 40, 140, 400, 120, GRAY50);
  rect(slide6, 40, 140, 4, 120, RED);
  textbox(slide6, 55, 150, 370, 20, '営業データの月次報告作成で、以下のような分析が自動化できます：', {size: 13});
  
  const salesExamples = [
    'エリア別：関東/関西/九州などの地域ごとの実績比較',
    '契約数推移：5Gプラン/ギガホ/ahamo等の新規・解約数',
    'オプション分析：dカード/dポイントクラブ加入率推移'
  ];
  
  yPos = 175;
  salesExamples.forEach(example => {
    textbox(slide6, 55, yPos, 370, 20, '• ' + example, {size: 12});
    yPos += 22;
  });
  
  // BYROW関数の活用例
  rect(slide6, 460, 140, 240, 120, WHITE, {color: GRAY600, weight: 1});
  textbox(slide6, 470, 150, 220, 20, 'BYROW関数の活用例', {size: 14, color: RED, bold: true});
  textbox(slide6, 470, 175, 220, 70, 
    '=BYROW(B2:F42, LAMBDA(row,\n  IF(INDEX(row,1)="関東",\n    SUM(INDEX(row,2):INDEX(row,5)),\n    0)\n))', 
    {size: 11, font: 'Courier New'});
  textbox(slide6, 470, 235, 220, 20, '関東エリアの各行データのみ合計値を抽出', {size: 10, color: GRAY600});
  
  // サンプルテーブル
  rect(slide6, 40, 270, 660, 80, WHITE, {color: GRAY600, weight: 1});
  textbox(slide6, 50, 280, 100, 20, '拠点', {size: 12, bold: true, align: 'center'});
  textbox(slide6, 150, 280, 100, 20, '新規契約', {size: 12, bold: true, align: 'center'});
  textbox(slide6, 250, 280, 100, 20, '解約数', {size: 12, bold: true, align: 'center'});
  textbox(slide6, 350, 280, 100, 20, '純増減', {size: 12, color: RED, bold: true, align: 'center'});
  
  const sampleData = [
    ['新宿', '142', '87', '55'],
    ['渋谷', '118', '63', '55'],
    ['池袋', '96', '71', '25']
  ];
  
  yPos = 305;
  sampleData.forEach(row => {
    textbox(slide6, 50, yPos, 100, 15, row[0], {size: 11, align: 'center'});
    textbox(slide6, 150, yPos, 100, 15, row[1], {size: 11, align: 'center'});
    textbox(slide6, 250, yPos, 100, 15, row[2], {size: 11, align: 'center'});
    textbox(slide6, 350, yPos, 100, 15, row[3], {size: 11, color: RED, bold: true, align: 'center'});
    yPos += 18;
  });
  
  pageNumber(slide6, 6);

  // スライド7: ビジネス実例② 顧客データ集計
  const slide7 = newSlide();
  topBottomBars(slide7);
  
  textbox(slide7, 40, 40, 400, 35, 'ビジネス実例② 顧客データ集計', {size: 28, bold: true});
  rect(slide7, 40, 78, 80, 3, RED);
  
  textbox(slide7, 40, 110, 350, 25, '実例：顧客データ分析の効率化', {size: 18, color: RED, bold: true});
  
  // 年代×性別×エリア別
  rect(slide7, 40, 140, 320, 80, GRAY50);
  textbox(slide7, 50, 150, 300, 20, '年代×性別×エリア別の利用状況分析', {size: 14, bold: true});
  textbox(slide7, 50, 175, 300, 40, 
    '=BYROW(B2:F100, LAMBDA(row,\n  IF(AND(INDEX(row,4)="関東", INDEX(row,2)="20代"),\n    INDEX(row,5), 0)))', 
    {size: 11, font: 'Courier New'});
  
  // dポイント消化率
  rect(slide7, 380, 140, 320, 80, GRAY50);
  textbox(slide7, 390, 150, 300, 20, 'dポイント消化率の顧客別算出', {size: 14, bold: true});
  textbox(slide7, 390, 175, 300, 40, 
    '=BYROW(B2:G100, LAMBDA(row,\n  INDEX(row,5)/INDEX(row,6)*100))', 
    {size: 11, font: 'Courier New'});
  
  // 顧客満足度テーブル
  rect(slide7, 40, 235, 450, 115, WHITE, {color: GRAY600, weight: 1});
  textbox(slide7, 50, 245, 200, 20, '顧客満足度スコア自動計算', {size: 14, bold: true});
  
  textbox(slide7, 50, 270, 80, 15, '顧客ID', {size: 11, bold: true});
  textbox(slide7, 130, 270, 60, 15, '年代', {size: 11, bold: true});
  textbox(slide7, 190, 270, 80, 15, '料金満足', {size: 11, bold: true});
  textbox(slide7, 270, 270, 90, 15, 'サービス満足', {size: 11, bold: true});
  textbox(slide7, 360, 270, 80, 15, '総合スコア', {size: 11, color: RED, bold: true});
  
  const customerData = [
    ['D0012354', '30代', '4.2', '4.5', '4.35'],
    ['D0023651', '20代', '3.8', '4.1', '3.95'],
    ['D0034782', '50代', '4.0', '3.7', '3.85']
  ];
  
  yPos = 290;
  customerData.forEach(row => {
    textbox(slide7, 50, yPos, 80, 15, row[0], {size: 10});
    textbox(slide7, 130, yPos, 60, 15, row[1], {size: 10});
    textbox(slide7, 190, yPos, 80, 15, row[2], {size: 10});
    textbox(slide7, 270, yPos, 90, 15, row[3], {size: 10});
    textbox(slide7, 360, yPos, 80, 15, row[4], {size: 10, color: RED, bold: true});
    yPos += 18;
  });
  
  // 活用シーン
  rect(slide7, 510, 235, 190, 115, GRAY50);
  rect(slide7, 510, 235, 4, 115, RED);
  textbox(slide7, 520, 245, 170, 20, '主な活用シーン', {size: 14, bold: true});
  
  const scenes = [
    'マーケティング部署の\n週次KPI分析',
    'dポイントキャンペーン\n効果測定',
    '契約プラン変更による\n顧客満足度影響分析'
  ];
  
  yPos = 270;
  scenes.forEach(scene => {
    textbox(slide7, 520, yPos, 170, 25, '• ' + scene, {size: 10});
    yPos += 25;
  });
  
  pageNumber(slide7, 7);

  // スライド8: ビジネス実例③ プロジェクト管理
  const slide8 = newSlide();
  topBottomBars(slide8);
  
  textbox(slide8, 40, 40, 450, 35, 'ビジネス実例③ プロジェクト管理データ', {size: 28, bold: true});
  rect(slide8, 40, 78, 80, 3, RED);
  
  rect(slide8, 40, 110, 350, 110, GRAY50);
  rect(slide8, 40, 110, 4, 110, RED);
  textbox(slide8, 55, 120, 320, 25, '実例：プロジェクト管理の効率化', {size: 18, color: RED, bold: true});
  textbox(slide8, 55, 150, 320, 30, 
    'システム開発・5G基地局設置・ネットワーク増強などの\n各プロジェクトで、BYROW関数を活用して進捗状況を一元管理', 
    {size: 12, lineSpacing: 1.3});
  textbox(slide8, 55, 190, 320, 25, 
    '→ 各プロジェクトの進捗率を一括自動計算', 
    {size: 11, color: GRAY600});
  
  // BYROW関数例
  rect(slide8, 410, 110, 290, 110, WHITE, {color: GRAY600, weight: 1});
  textbox(slide8, 420, 120, 270, 20, 'BYROW関数の活用例：', {size: 14, bold: true});
  textbox(slide8, 420, 145, 270, 65, 
    '=BYROW(B4:F12, LAMBDA(row,\n  IF(INDEX(row,5)="完了", 100,\n    (INDEX(row,3)/INDEX(row,4))*100)\n))', 
    {size: 11, font: 'Courier New'});
  
  // プロジェクト進捗管理表
  rect(slide8, 40, 235, 660, 115, WHITE, {color: GRAY600, weight: 1});
  textbox(slide8, 50, 245, 200, 20, 'プロジェクト進捗管理表', {size: 14, color: RED, bold: true});
  
  textbox(slide8, 50, 270, 140, 15, 'プロジェクト名', {size: 11, bold: true});
  textbox(slide8, 190, 270, 100, 15, '担当部署', {size: 11, bold: true});
  textbox(slide8, 290, 270, 80, 15, '完了タスク', {size: 11, bold: true});
  textbox(slide8, 370, 270, 80, 15, '総タスク', {size: 11, bold: true});
  textbox(slide8, 450, 270, 80, 15, 'ステータス', {size: 11, bold: true});
  textbox(slide8, 530, 270, 80, 15, '進捗率', {size: 11, color: RED, bold: true});
  
  const projectData = [
    ['5G Tokyo East展開', 'ネットワーク部', '42', '50', '進行中', '84%'],
    ['dポイント連携強化', 'マーケティング部', '18', '18', '完了', '100%'],
    ['法人向けDX推進', '法人営業部', '12', '30', '進行中', '40%']
  ];
  
  yPos = 290;
  projectData.forEach(row => {
    textbox(slide8, 50, yPos, 140, 15, row[0], {size: 10});
    textbox(slide8, 190, yPos, 100, 15, row[1], {size: 10});
    textbox(slide8, 290, yPos, 80, 15, row[2], {size: 10, align: 'center'});
    textbox(slide8, 370, yPos, 80, 15, row[3], {size: 10, align: 'center'});
    textbox(slide8, 450, yPos, 80, 15, row[4], {size: 10});
    textbox(slide8, 530, yPos, 80, 15, row[5], {size: 10, color: RED, bold: true, align: 'center'});
    yPos += 18;
  });
  
  pageNumber(slide8, 8);

  // スライド9: 実践演習用サンプル
  const slide9 = newSlide();
  topBottomBars(slide9);
  
  textbox(slide9, 40, 40, 300, 35, '実践演習用サンプル', {size: 28, bold: true});
  rect(slide9, 40, 78, 80, 3, RED);
  
  // 演習1
  rect(slide9, 40, 110, 660, 75, GRAY50);
  rect(slide9, 40, 110, 4, 75, RED);
  textbox(slide9, 55, 120, 550, 20, '【演習１】契約数・解約数の行別純増減を全拠点一括算出', {size: 16, color: RED, bold: true});
  textbox(slide9, 55, 143, 400, 15, '各エリアの契約数・解約数から全拠点の純増減を自動計算', {size: 12});
  textbox(slide9, 55, 160, 450, 20, '=BYROW(B2:C8, LAMBDA(row, INDEX(row,1) - INDEX(row,2)))', {size: 12, font: 'Courier New', color: DARK});
  
  // 演習2
  rect(slide9, 40, 195, 660, 75, GRAY50);
  rect(slide9, 40, 195, 4, 75, RED);
  textbox(slide9, 55, 205, 550, 20, '【演習２】顧客リストから属性別"平均利用額"をBYROWで集計', {size: 16, color: RED, bold: true});
  textbox(slide9, 55, 228, 400, 15, '各顧客の年代・性別・エリア別のARPU（顧客単価）を分析', {size: 12});
  textbox(slide9, 55, 245, 450, 20, '=BYROW(C2:E20, LAMBDA(row, AVERAGE(row)))', {size: 12, font: 'Courier New', color: DARK});
  
  // 演習3
  rect(slide9, 40, 280, 660, 75, GRAY50);
  rect(slide9, 40, 280, 4, 75, RED);
  textbox(slide9, 55, 290, 550, 20, '【演習３】プロジェクト進捗から遅延行のみ特定するBYROW式を作成', {size: 16, color: RED, bold: true});
  textbox(slide9, 55, 313, 400, 15, '進捗率が計画を下回るプロジェクトを自動で抽出', {size: 12});
  textbox(slide9, 55, 330, 550, 20, '=FILTER(A2:E10, BYROW(D2:E10, LAMBDA(row, INDEX(row,1) < INDEX(row,2))))', {size: 12, font: 'Courier New', color: DARK});
  
  pageNumber(slide9, 9);

  // スライド10: 応用テクニック
  const slide10 = newSlide();
  topBottomBars(slide10);
  
  textbox(slide10, 40, 40, 300, 35, '応用テクニック', {size: 28, bold: true});
  rect(slide10, 40, 78, 80, 3, RED);
  
  rect(slide10, 40, 110, 320, 150, GRAY50);
  rect(slide10, 40, 110, 4, 150, RED);
  textbox(slide10, 55, 120, 250, 25, 'BYROW関数の高度な活用', {size: 18, color: RED, bold: true});
  
  const techniques = [
    ['IF関数との組み合わせ', '条件に応じた処理を行別に実行し、結果を一括表示'],
    ['INDEX・FILTERとの連携', '特定列の値を抽出・フィルタリングして高度な分析を実現'],
    ['スコア一括判定', '顧客スコア・営業成績などを自動判定してランク付け'],
    ['複雑なロジック再利用', 'LAMBDA関数でカスタム処理を定義し再利用性向上']
  ];
  
  yPos = 150;
  techniques.forEach(tech => {
    textbox(slide10, 55, yPos, 60, 15, '• ' + tech[0], {size: 12, bold: true});
    textbox(slide10, 115, yPos, 235, 28, tech[1], {size: 10, color: GRAY600});
    yPos += 28;
  });
  
  // コード例1
  rect(slide10, 380, 110, 320, 75, WHITE, {color: GRAY600, weight: 1});
  textbox(slide10, 390, 120, 300, 18, '条件分岐による成績評価', {size: 14, color: RED, bold: true});
  textbox(slide10, 390, 140, 300, 40, 
    '=BYROW(B2:D10, LAMBDA(row,\n  IF(SUM(row) > 1000, "S評価",\n  IF(SUM(row) > 700, "A評価", "B評価"))))', 
    {size: 11, font: 'Courier New'});
  
  // コード例2
  rect(slide10, 380, 195, 320, 65, WHITE, {color: GRAY600, weight: 1});
  textbox(slide10, 390, 205, 300, 18, 'FILTER連携による抽出', {size: 14, color: RED, bold: true});
  textbox(slide10, 390, 225, 300, 35, 
    '=FILTER(A2:E15, BYROW(B2:D15, LAMBDA(row,\n  AND(MAX(row) > 90, MIN(row) > 50))))', 
    {size: 11, font: 'Courier New'});
  
  // 応用アイデア
  rect(slide10, 40, 275, 660, 75, GRAY50, {color: RED, weight: 2});
  textbox(slide10, 55, 285, 150, 20, '応用アイデア：', {size: 14, color: RED, bold: true});
  textbox(slide10, 55, 305, 630, 35, 
    'BYCOL/MAP関数との使い分け、複合分析、多段階フィルタリングによる高度なデータ処理\nこれらの応用テクニックは、大量のデータを扱うdポイント分析、顧客セグメント分析、\nキャンペーン効果測定などで特に効果を発揮します。', 
    {size: 11, lineSpacing: 1.3});
  
  pageNumber(slide10, 10);

  // スライド11: 注意点・トラブルシューティング
  const slide11 = newSlide();
  topBottomBars(slide11);
  
  textbox(slide11, 40, 40, 450, 35, '注意点・トラブルシューティング', {size: 28, bold: true});
  rect(slide11, 40, 78, 80, 3, RED);
  
  rect(slide11, 40, 110, 320, 155, GRAY50);
  rect(slide11, 40, 110, 4, 155, RED);
  textbox(slide11, 55, 120, 250, 25, '【頻発エラーと対処法】', {size: 18, color: RED, bold: true});
  
  const errors = [
    ['LAMBDA構文エラー', 'カッコやカンマの欠落によるエラー', '関数構文を定型化し、小さな範囲でテスト'],
    ['データ範囲の誤指定', '処理対象の列数と実際のデータ不一致', 'INDEX関数での参照先を再確認'],
    ['空値（NULL）処理の不備', '空セルがエラーや意図しない結果を招く', 'ISBLANK/IFERROR関数で空値対策']
  ];
  
  yPos = 150;
  errors.forEach(error => {
    textbox(slide11, 55, yPos, 120, 15, '▲ ' + error[0], {size: 12, color: RED, bold: true});
    textbox(slide11, 55, yPos + 15, 200, 12, error[1], {size: 10, color: GRAY600});
    textbox(slide11, 55, yPos + 28, 290, 12, '解決策：' + error[2], {size: 10});
    yPos += 45;
  });
  
  rect(slide11, 380, 110, 320, 155, GRAY50);
  rect(slide11, 380, 110, 4, 155, RED);
  textbox(slide11, 395, 120, 250, 25, '【ベストプラクティス】', {size: 18, color: RED, bold: true});
  
  const practices = [
    ['標準化された構文テンプレート', '部署内で統一されたBYROW記述法を採用'],
    ['定期的なバックアップと段階的適用', '重要な業務ファイルは関数適用前にバックアップ'],
    ['名前付き範囲の活用', '頻繁に使う範囲は名前付き範囲として定義'],
    ['LAMBDA関数の段階的構築', '複雑な処理は単純な処理から徐々に構築']
  ];
  
  yPos = 150;
  let num = 1;
  practices.forEach(practice => {
    rect(slide11, 395, yPos, 20, 20, RED);
    textbox(slide11, 395, yPos, 20, 20, String(num), {size: 12, color: WHITE, bold: true, align: 'center'});
    textbox(slide11, 420, yPos, 140, 13, practice[0], {size: 11, bold: true});
    textbox(slide11, 420, yPos + 14, 270, 18, practice[1], {size: 9, color: GRAY600});
    yPos += 35;
    num++;
  });
  
  // エラー回避のためのコード例
  rect(slide11, 40, 275, 660, 75, '#1F2937', {color: GRAY600, weight: 1});
  textbox(slide11, 55, 285, 200, 15, '/* エラー回避のためのコード例 */', {size: 11, color: '#10B981'});
  textbox(slide11, 55, 300, 630, 45, 
    '=BYROW(A2:C10, LAMBDA(row,\n  IF(ISBLANK(INDEX(row,1)), "データなし",\n    IFERROR(SUM(row), 0))))', 
    {size: 12, font: 'Courier New', color: WHITE});
  
  pageNumber(slide11, 11);

  // スライド12: まとめ・次回研修予告
  const slide12 = newSlide();
  topBottomBars(slide12);
  
  textbox(slide12, 40, 40, 400, 35, 'まとめ・次回研修予告', {size: 28, bold: true});
  rect(slide12, 40, 78, 80, 3, RED);
  
  // 本日の研修内容
  rect(slide12, 40, 110, 320, 130, GRAY50);
  textbox(slide12, 50, 120, 200, 22, '本日の研修内容', {size: 18, color: RED, bold: true});
  rect(slide12, 50, 145, 300, 1, GRAY600);
  textbox(slide12, 50, 152, 100, 18, '習得したスキル', {size: 14, bold: true});
  
  const skills = [
    'BYROW関数の基礎構文と使い方',
    '営業データ・顧客データ・プロジェクト管理への応用',
    '従来手法と比較した業務効率化（工数70%削減）',
    '他関数（IF/FILTER/INDEX）との組み合わせ技術'
  ];
  
  yPos = 173;
  skills.forEach(skill => {
    textbox(slide12, 50, yPos, 300, 15, '• ' + skill, {size: 11});
    yPos += 16;
  });
  
  // 次回研修予告
  rect(slide12, 380, 110, 320, 130, GRAY50);
  rect(slide12, 380, 110, 4, 130, RED);
  textbox(slide12, 395, 120, 250, 22, '次回研修予告', {size: 18, color: RED, bold: true});
  textbox(slide12, 395, 145, 290, 18, 'データ分析スキル向上研修 応用編', {size: 14, bold: true});
  textbox(slide12, 395, 165, 290, 15, '日時：202X年XX月XX日 14:00-16:00', {size: 11});
  textbox(slide12, 395, 180, 290, 15, '場所：本社 研修室A（オンライン参加も可）', {size: 11});
  
  const nextTopics = [
    '複数配列処理（BYCOL/SCAN/REDUCE関数等）',
    '生成AI×Excel最新活用法',
    '業務プロセス自動化への応用テクニック'
  ];
  
  yPos = 200;
  nextTopics.forEach(topic => {
    textbox(slide12, 395, yPos, 290, 12, '• ' + topic, {size: 10});
    yPos += 14;
  });
  
  // アンケート案内
  rect(slide12, 40, 250, 660, 90, '#FEF2F2', {color: RED, weight: 1});
  textbox(slide12, 55, 260, 200, 20, 'アンケートご協力のお願い', {size: 16, bold: true});
  textbox(slide12, 55, 283, 630, 30, 
    '本日の研修内容の改善のため、アンケートへのご協力をお願いします。\n以下のQRコードまたはURLからアクセスできます。', 
    {size: 11});
  
  rect(slide12, 55, 315, 60, 20, WHITE, {color: GRAY600, weight: 1});
  textbox(slide12, 55, 318, 60, 14, 'QRコード', {size: 9, align: 'center', color: GRAY600});
  
  textbox(slide12, 130, 318, 300, 15, 'URL: https://docomo-training.jp/survey', {size: 11, color: '#2563EB'});
  
  // フッター情報
  textbox(slide12, 40, 350, 400, 15, 
    'ご質問やご相談は、データ分析部門（data-analysis@docomo.co.jp）までお寄せください。', 
    {size: 10, color: GRAY600});
  
  pageNumber(slide12, 12);

  SlidesApp.getUi().alert('スライド生成が完了しました');
}

genspark_nttdocomo_slide_prompt:
  description: >
    NTT docomo向けのプロフェッショナルスライドをGensparkで自動生成するためのテンプレート。
    松上純一郎著『PowerPoint資料作成 プロフェッショナルの大原則【生成AI対応版】』に基づき、
    13ステップ・177原則の論理構成と視覚設計を完全実装。
    以下の設計ルールを厳守する：

    - スライド比率は16:9固定
    - 各スライドは1メッセージのみ
    - 図解・グラフは単体配置し視認性重視
    - 全体の構成は背景→課題→解決策→効果
    - フォントはすべてNoto Sans JP
    - 配色はテーマ文脈に応じて動的決定（docomo＝赤白）
    - グラフはPre-attentive Attributesを活用し設計
    - 要素は全て静的で、インタラクティブな操作は不可

  version: "1.3 - docomo x Pre-attentive Attributes Edition"

  critical_rules:
    slide_size: "16:9"
    font_family: "Noto Sans JP"
    one_topic_per_slide: true
    use_visual_single_slide: true
    large_font_for_visibility: true
    dynamic_color_palette: true
    enforce_preattentive_attributes_in_graphs: true
    prohibit_scroll_or_dynamic_elements: true

  layout:
    font:
      family: "Noto Sans JP"
      title_size_pt: 32
      body_size_pt: 20
      note_size_pt: 14
    spacing:
      margin_top_px: 40
      margin_bottom_px: 40
      margin_left_px: 60
      margin_right_px: 60
    reservation:
      text_block_area: "全体余白内に限定配置"
      diagram_area: "上60%に収める"
      note_area: "下20%にスピーカーノートを予約"

  color_policy:
    base_palette: "context-dependent"
    fallback_palette:
      primary: "#d50000"   # docomo red
      secondary: "#ffffff" # white
      text: "#000000"

  graph_design_guidelines:
    preattentive_attributes:
      enable: true
      usage_guidelines:
        - メッセージを先に定義し、それに対応する視覚属性を1〜2個選定
        - 色相のみで意味を伝えず、長さ・位置・面積などと併用すること
        - ラベル・凡例に依存せず、視覚属性で8割以上伝達できること
        - Tableau分類に基づく32種のグラフ対応表を参照し選定
        - カラーユニバーサルデザインを意識した設計

  slide_templates:
    cover:
      elements: ["Title", "Subtitle", "Date"]
      layout_note: "タイトルは上半分に配置。ロゴは不要"
    agenda:
      elements: ["Agenda Title", "項目リスト"]
    content:
      elements: ["Heading", "Visual", "Main Message"]
    graph_slide:
      elements: ["Graph Object", "Caption with preattentive emphasis"]
    summary:
      elements: ["Key Takeaways", "Next Steps"]

  generation_constraints:
    enforce_one_slide_one_message: true
    follow_logical_flow: ["背景", "課題", "解決策", "効果"]
    optimize_for_readability_and_clarity: true
    allow_visual_diagrams_only_if_static: true

  required_user_input:
    - theme
    - main_message
    - audience
    - visual_elements (if applicable)
    - expected_slide_count (optional)
    - key_data_points (optional)

  output_instructions:
    - generate_genspark_or_GAS_code_only
    - reserve_layout_areas as specified
    - auto-apply best-fit preattentive chart attributes
    - do not include explanation outside code block

  post_generation_checklist:
    description: >
      Genspark実行後、以下の評価基準を満たしているかを人または自動スクリプトでチェックする。

    items:
      - id: layout-16x9
        label: "スライドサイズが16:9になっているか"
        method: "Slides設定から確認"
        tool: "Google Slides or Genspark出力解像度"

      - id: layout-safety-margin
        label: "全要素が安全余白内に収まっているか"
        method: "各要素のboundingBox確認"
        tool: "自動チェック or 目視確認"

      - id: layout-static
        label: "スライドが全て静的（スクロール・動的要素なし）"
        method: "インタラクティブDOM要素の有無確認"
        tool: "Genspark schema validation"

      - id: graph-pre-attentive
        label: "グラフにPre-attentive Attributesが使われているか"
        method: "色・長さ・位置・方向などの視覚属性で構成されているか"
        tool: "chart_type + visual_mapping 評価"

      - id: font-consistency
        label: "すべてのフォントがNoto Sans JPで統一されているか"
        method: "textStyle検証"
        tool: "Genspark出力style確認"

      - id: color-theme-fit
        label: "配色がコンテキストに即して動的に設定されているか"
        method: "テーマキーワードによるカラーパレットの適用確認"
        tool: "paletteResolver関数 or カラーコード確認"

      - id: chart-message-fit
        label: "グラフの種類がメッセージに論理的に適合しているか"
        method: "Tableau分類との一致、属性との整合性"
        tool: "chart_typeとmessage整合性マッチング"

# ここに追記してください：
theme: "あなたのテーマ"
main_message: "伝えたいメッセージ"
audience: "想定聴衆"