【スプレッドシート】スプレッドシートをJSON化し、リアルタイムでウェブサイトに反映させる方法

jsonはカテゴリーがキーとなります。

{
 "key" : value,
 "key" : value,
 "key" : value
}

↓先ほどのテーブルをjsonにするとこうなる

[
{
: "t-skill",
category: "skill",
tool: "グラフィックデザイン",
years: "6年",
message: "web関連を主に携わってきました。web・lp・バナー・UIなど知見があります。紙媒体も可能。"
},
{
: "t-skill",
category: "skill",
tool: "UIデザイン",
years: "4年",
message: "要件定義から適したレイアウト・ナビゲーションデザインの制作が可能です。プロトタイプツールは一通り使用可能。"
},
{
: "t-skill",
category: "skill",
tool: "コーディング",
years: "5年",
message: "一般的なサイトのコーディングは可能です。動的サイトのテンプレートも作成は可能。"
},
{
: "t-skill",
category: "skill",
tool: "ディレクション",
years: "3年",
message: "上流から案件に携わることもあり、ディレクションからデザイン・サイト制作の一通りの流れ、工程など理解しています。"
}
]

function doGet() {
  const sheet = SpreadsheetApp.getActive().getSheetByName( 'skill-set' );
  const rows  = sheet.getDataRange().getValues();
  const keys  = rows.splice( 0, 1 )[0];
  let data = rows.map(
  row => {
    let obj = {};
    row.map( ( item, index ) => { obj[ String( keys[ index ] ) ] = String( item ); } );
    return obj;
  } );
  console.log( data );
  return ContentService.createTextOutput( JSON.stringify( data, null, 2 ) ).setMimeType( ContentService.MimeType.JSON );
}

<table id="skill-table">
  <thead>
    <tr>
      <th>category</th>
      <th>tool</th>
      <th>years</th>
      <th>message</th>
    </tr>
  </thead>
  <tbody>
    <?php
          $url="ここに先ほどのJSONのURLを貼る、囲ってる""は消さないで";
          $json=file_get_contents($url);
          $arr=json_decode($json,true);

          foreach($arr as $data){
            $category= '<tr class='.$data['status'].'><td data-label="category">'.$data['category'].'</td>'.PHP_EOL;
            $tool= '<td data-label="tool">'.$data['tool'].'</td>'.PHP_EOL;
            $years= '<td data-label="years">'.$data['years'].'</td>'.PHP_EOL;
            $message= '<td data-label="message">'.$data['message'].'</td></tr>'.PHP_EOL;
            $virusData= array(
            $status,$category,$tool,$years,$message,
          );
          echo implode('',$virusData);
          }
        ?>
  </tbody>
</table>



<!-- ただテキストだけ出したい時 --><br><br><br><br><br><br>



<?php
          $url="ここに先ほどのJSONのURLを貼る、囲ってる""は消さないで";
          $json=file_get_contents($url);
          $arr=json_decode($json,true);

          foreach($arr as $data){
            $category= $data['category']."<br>".PHP_EOL;
            $tool= $data['tool']."<br>".PHP_EOL;
            $years= $data['years']."<br>".PHP_EOL;
            $message= $data['message']."<br>".PHP_EOL;
            $virusData= array(
            $status,$category,$tool,$years,$message,
          );
          echo implode('',$virusData);
          }
        ?>