本のバーコードを読み取ってNotionで読書録を作成するアプリを作ってみた

  function doGet() {
    var template = 'index';
    return HtmlService
      .createTemplateFromFile('index')
      .evaluate()
      //html側にメタタグを設定しても意味がなかったためこちらで設定
      .addMetaTag('viewport', 'width=device-width, initial-scale=1')
  }

  <form method="post" name="form" target="dummy" action="後述の8.でデプロイしたウェブアプリのURL">
    <fieldset>
      <div class="container">
        <div class="row">
          <div class="col-lg-8">
            <h3 class="mt-5">
              Send To Notion<br>
              <small class="text-muted">本のバーコードを読んでNotionに追加</small>
            </h3>
            <div><canvas id="preview"></canvas></div> <!--quaggaJSのカメラがここに表示される-->
            <label class="col-form-label" for="inputDefault">ISBN:</label> <!--quaggaJSでバーコードから読み取ったISBNがここに入力される-->
            <input type="text" name="isbn" id="ISBN" class="form-control"><br>
            <button type="submit" onclick="GetData();" class="btn btn-primary">データ取得</button><br>
            <img src="" id="imagePlace"><br> <!--画像URLを取得したらsrcを設定する-->
            <label class="col-form-label" for="inputDefault">画像URL</label>
            <input type="text" name="imageSrc" id="imageSrc" class="form-control"><br>
            <label class="col-form-label" for="inputDefault">タイトル</label>
            <input type="text" name="title" id="title" class="form-control"><br>
            <label class="col-form-label" for="inputDefault">サブタイトル</label>
            <input type="text" name="subtitle" id="subtitle" class="form-control"><br>
            <label class="col-form-label" for="inputDefault">著者</label>
            <input type="text" name="authors" id="authors" class="form-control"><br>
            <label class="col-form-label" for="inputDefault">発売日</label>
            <input type="text" name="publishedDate" id="publishedDate" class="form-control"><br>
            <label class="col-form-label" for="inputDefault">ページ数</label>
            <input type="text" name="pageCount" id="pageCount" class="form-control"><br>
            <button type="submit" class="btn btn-primary">Notionに送信</button><br>
          </div>
        </div>
      </div>
    </fieldset>
  </form>

  function GetData(){
    url = "https://www.googleapis.com/books/v1/volumes?q=isbn:"; //ISBNの手前まで
    isbn = document.getElementById("ISBN").value;

    let request = new XMLHttpRequest();
    request.open('GET', url+isbn);
    request.responseType = 'json';
    request.send();
    request.onload = function() {
      const result = request.response;
      document.getElementById("title").value = result["items"][0]["volumeInfo"]["title"];
      document.getElementById("subtitle").value = result["items"][0]["volumeInfo"]["subtitle"];
      document.getElementById("authors").value = result["items"][0]["volumeInfo"]["authors"];
      document.getElementById("publishedDate").value = result["items"][0]["volumeInfo"]["publishedDate"];
      document.getElementById("pageCount").value = result["items"][0]["volumeInfo"]["pageCount"];
      document.getElementById("imagePlace").src = "https://images-na.ssl-images-amazon.com/images/P/"+toISBN10(isbn)+".09.LZZZZZZZ.jpg";
      document.getElementById("imageSrc").value = "https://images-na.ssl-images-amazon.com/images/P/"+toISBN10(isbn)+".09.LZZZZZZZ.jpg";
    }
  }

  const toISBN10 = (isbn13) => {
    // 1. 先頭３文字と末尾１文字を除く
    const src = isbn13.slice(3, 12);

    // 2. 先頭の桁から順に10、9、8…2を掛けて合計する
    const sum = src.split('').map(s => parseInt(s))
      .reduce((p, c, i) => (i === 1 ? p * 10 : p) + c * (10 - i));

    // 3. 合計を11で割った余りを11から引く（※引き算の結果が11の場合は0、10の時はアルファベットのXにする）
    const rem = 11 - sum % 11;
    const checkdigit = rem === 11 ? 0 : (rem === 10 ? 'X' : rem);

    // 1.の末尾に3.の値を添えて出来上がり
    return `${src}${checkdigit}`;
  };

  function doPost(e){
    SendToNotion(e.parameter.title,e.parameter.subtitle,e.parameter.authors,e.parameter.publishedDate,
                    Number(e.parameter.pageCount),e.parameter.isbn,e.parameter.imageSrc);
  }

  // Notion API
  function SendToNotion(title,subtitle,authors,publishedDate,pageCount,isbn,imageSrc) {
    const notion_key = 'あなたのNotionキー';
    const database_id = 'あなたのデータベースid';

    json_data = {
      'parent': {'database_id': database_id},
      'properties': {
        //プロパティを記述する
        'Title': {
          'title': [
            {
              'text': {
                'content': title,
              }
            }
          ]
        },
        'Subtitle': {
          'rich_text': [
            {
              'text': {
                'content': subtitle,
              }
            }
          ]
        },
        'Author': {
          'rich_text': [
            {
              'text': {
                'content': authors,
              }
            }
          ]
        },
        'State': {
          'select': {
            'name': '興味あり',
            'color': 'yellow'
          }
        },
        'PublishedDate': {
          'rich_text': [
            {
              'text': {
                'content': publishedDate,
              }
            }
          ]
        },
        'PageCount': {
          'number': pageCount
        },
        'Cover':{   //本文からプロパティに移行
          "type": "files",
          "files": [
            {
              "name": "Cover",
              "type": "external",
              "external": {
                "url": imageSrc
              }
            }
          ]
        },
        'ISBN': {
          'rich_text': [
            {
              'text': {
                'content': isbn,
              }
            }
          ]
        }
      }
    //ここから本文だが、今回は使わない
      // 'children': [
      // ]
    };

    const response = UrlFetchApp.fetch( 'https://api.notion.com/v1/pages', {
      "method" : "post",
      "headers" : {
        'Content-Type' : 'application/json; charset=UTF-8',
        'Authorization': 'Bearer ' + notion_key,
        'Notion-Version': '2021-05-13',
      },
      "payload" : JSON.stringify( json_data ),
      'muteHttpExceptions': true
    });
  }