【GASで時短】フローチャート記号を簡単に作る

フローチャートでよく使う記号を作成するGoogle Apps Scriptです。記号の挿入はクリック数が多いので少しでも短縮するために作ってみました。

こんな悩みを解決します

• スライドでフローチャートを書いてるけど、メニューから記号作ってダブルクリックしてテキスト入れて・・・めんどくさい！

用意するもの

特にありません。今お使いのGoogleスライドに組み込めます。

このスクリプトで出来ること

• クリック数少なめでフローチャート記号の挿入ができます。
• 記号に表示するテキストはプロンプトで入力できます。
• フォントサイズを小さめにし、文字は中央寄せにしてくれます。

使い方

1.スクリプトの実行

フローチャートでよく使う処理、判断、記憶装置、開始終了、データ・・・このあたりをGASで生成できるようにしてみます。

とりあえず「処理」を作ってみましょう。
上のメニューにある「スクリプト実行」から「フローチャート記号を挿入（処理）」を実行します。

2.名前の入力

プロンプトが表示されますので、記号の中に表示するテキストを入力します。

3.結果の確認

少し待つと、アクティブなスライド上に記号が生成されます。

用意したメニューすべてで記号を作ってみました。
データの記号は横に3文字すら入らないのですね・・・

記号の幅と高さはオリジナル（記号を作るときにドラッグせずにクリックして作ったときのサイズ）と（ほぼ）同じになっています。
GASで作りたい記号が他にもある場合は、条件分岐を追加するのと、メニューから呼び出す関数を追加してあげてください。

このスクリプトは「1個め」の記号を作るのは確かに早くなりますが、「2個め」以降はコピペしたりするのでそんなに時短にならない気もしてきました・・・。
記号のサイズやフォントサイズを揃えるという意味では誰かにフローを作らせるときに良いかもしれませんね。

スクリプト

/**
 * このスクリプトの説明、使い方はこちら。
 * https://myfunc.jp/items/00147/index.html
 */

function onOpen() {
  const ui = SlidesApp.getUi();

  // メニューの表示名
  const menu = ui.createMenu('スクリプト実行');

  // メニューに追加するボタン
  menu.addItem('フローチャート記号を挿入（処理）', 'insert_shape_process');
  menu.addItem('フローチャート記号を挿入（データ）', 'insert_shape_input_output');
  menu.addItem('フローチャート記号を挿入（判断）', 'insert_shape_decision');
  menu.addItem('フローチャート記号を挿入（記憶装置）', 'insert_shape_magnetic_disk');
  menu.addItem('フローチャート記号を挿入（端子）', 'insert_shape_terminator');

  // メニューを画面に追加する
  menu.addToUi();
}

// menu.addItemでは関数の引数を与えられないため、引数をセットするためだけの関数を用意する
function insert_shape_process() { insert_shape('処理'); }
function insert_shape_input_output() { insert_shape('データ'); }
function insert_shape_decision() { insert_shape('判断'); }
function insert_shape_magnetic_disk() { insert_shape('記憶装置'); }
function insert_shape_terminator() { insert_shape('端子'); }


function insert_shape(shape_type) {

  // 開いているプレゼンテーションを取得
  const presentation = SlidesApp.getActivePresentation();

  // アクティブなスライドを取得
  const active_slide = presentation.getSelection().getCurrentPage().asSlide();

  // プロンプトを表示するためのUIオブジェクトを取得
  const ui = SlidesApp.getUi();

  // プロンプトを表示して記号に表示するテキストを入力してもらう
  const response = ui.prompt('記号に表記するテキストを入力してください', ui.ButtonSet.OK_CANCEL);

  // キャンセルが押された場合は何もせず終了する
  if (response.getSelectedButton() == ui.Button.CANCEL) {
    return;
  }

  // 追加するシェイプの変数
  let shape;

  // 引数により追加するシェイプタイプを変更する
  switch (shape_type) {

    case "処理":
      shape = active_slide.insertShape(SlidesApp.ShapeType.FLOW_CHART_PROCESS, 10, 100, 71, 47.4);
      break;

    case "データ":
      shape = active_slide.insertShape(SlidesApp.ShapeType.FLOW_CHART_INPUT_OUTPUT, 10, 100, 71, 47.4);
      break;

    case "判断":
      shape = active_slide.insertShape(SlidesApp.ShapeType.FLOW_CHART_DECISION, 10, 100, 71, 47.4);
      break;

    case "記憶装置":
      shape = active_slide.insertShape(SlidesApp.ShapeType.FLOW_CHART_MAGNETIC_DISK, 10, 100, 71, 47.4);
      break;

    case "端子":
      shape = active_slide.insertShape(SlidesApp.ShapeType.FLOW_CHART_TERMINATOR, 10, 100, 71, 23.7);
      break;

    default:
      return;
  }

  // 入力されたテキストをシェイプに追加する
  shape.getText().insertText(0, response.getResponseText());

  // テキストのフォントサイズを変更する（デフォルト14）
  shape.getText().getTextStyle().setFontSize(10);

  // テキストを中央寄せする
  shape.getText().getParagraphs()[0].getRange().getParagraphStyle().setParagraphAlignment(SlidesApp.ParagraphAlignment.CENTER);

}

関連するアプリ