Googleスプレッドシートを使うことで、Webサイトのコンテンツを管理できるというのはよくある手法です。個人的にもOnline MeetupやDevCle::Bookmark、DevRel/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.