Googleサイトで作るグループウェア（37）ーポートレートをつくろう③ー

2023年4月1日 13:45

この記事を読んで欲しい方

Googleワークスペースを企業DXに導入したが、上手く広げられていない方
Googleワークスペースを導入しようと考えてる中小企業の方
無料のGmailやクラウドアプリだけ使っているテレワーカー
GIGAスクールなどでGoogle for Educationを導入している学校

①ポートレートをランダムに表示させる

引き続き、ポートレートを定期的にランダムにシャッフルさせるプログラムをスライドに埋め込み、ポートレートの表示に飽きが来ないようにしてみましょう。
ポートレートはGoogleスライドで作っているので、GoogleAppsScript（GAS）が使えます。
GASの書類への埋め込みについては、稟議・承認の項で扱っていますが、再度説明します。

②スライドへのGAS（GoogleAppsScript）の貼り付け

スライドのポートレートファイルへ、GASプログラムを貼り付けます。
まず、拡張機能＞Apps ScriptでApps Scriptエディタを開きます。

AppsScriptエディタに、もともと入っている、function myFumction(){ } の部分は削除してから、プログラムをコピー＆ペーストしてください。

次に、プログラムの中の「 // グーグルスライドのURL」のコメントの前に'スライドURL'と書かれている部分がありますので、このスライドURL部分にスライドのURLをコピーして入れます。
注意することは、スライドは通常EDIT状態になっているので、そのまますべての部分のURL入れて貼り付けて下さい。

function onOpen() {
  var ui = SlidesApp.getUi();
  var menu = ui.createMenu('【シャッフル】');
  menu.addItem('①実行許可', 'permission');
  menu.addItem('②シャッフル実行', 'ShuffleSlides');
  menu.addToUi();
}

function permission() {
  var ui = SlidesApp.getUi();
  let message = 'プログラムの実行は許可済みです。\n';
  ui.alert(message, ui.ButtonSet.OK);
}

function ShuffleSlides() {
  // Get the current presentation to which this script is bound.
  // let presentation = SlidesApp.getActivePresentation();

  
  let url = 'スライドURL'; // グーグルスライドのURL

  let presentation = SlidesApp.openByUrl(url); 
  let slides = presentation.getSlides();

  // startIndex番からendIndex番までのスライドをシャッフルする。
  // ここのインデックスはGoogleスライドに表示されている番号と同じ。
  let startIndex = 1;
  let endIndex = slides.length;

  if(startIndex >= endIndex){
    console.error('インデックスを適切に入力してください。');
    return;
  }

  FisherYatesShuffle(slides, startIndex-1, endIndex-1);
}

/**
 * implement randomization algorithm.
 * referred : https://programming-place.net/ppp/contents/algorithm/other/002.html
 * @param {int} start - the zero-based slide index
 * @param {int} end - the zero-based slide intex
 */
function FisherYatesShuffle(slides, start, end){
  for(let i=end+1; i>start+1; --i){
    a = i-1;
    b = Math.floor(Math.random() * (i-start))+start; // start~i
    SwapSlides(slides, a, b);
  }
}

function SwapSlides(slides, a, b){
  min = Math.min(a, b);
  max = Math.max(a, b);

  slides[max].move(min+1);
  slides[min].move(max+1); // スライドのmoveはmove前の時点、moveするスライド自身も含んだindexを渡す必要がある。
}