ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Googleスプレッドシートを使うことで、Webサイトのコンテンツを管理できるというのはよくある手法です。個人的にもOnline MeetupDevCle::BookmarkDevRel/Asia 2020などで利用しています。定期的にシート内のデータをJSONとしてダウンロードし、それをベースにWebサイトを構築しています。

同様の方法、かつさらに大掛かりにGoogleスプレッドシートをCMSとして利用するのがWebSheetsになります。

WebSheetsの使い方

まずは管理側から。

Webサイトの構造や、そのデータをすべてスプレッドシート内で管理しています。

実際の表示です。

一覧と、クリック時の詳細という2構成になっています。

WebSheetsはGatsbyと組み合わせて構築します。Googleスプレッドシート内のデータを使ってリンクなども含めて構築する仕組みです。覚えてしまえば、Webサイトの量産が簡単にできそうです。

WebSheetsはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

WebSheets | Home

tengkuhafidz/WebSheets-Listing-Page: This is a Gatsby template for creating a catalogue websites based on Google Sheets data.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2