How to use Google Sheets As Your Website Database

Setup Free Database with Google Sheets

Table of Contents:

  • イントロ – 記事はこちら
  • 無料ホスティングとドメインのセットアップ – 記事はこちら
  • Googleシートで無料データベースをセットアップ
  • Googleシートデータベースをウェブサイトにリンク
  • Javascriptを追加する のループにデータベースのデータを取得する 記事はこちら
  • ウェブサイトに検索機能を追加する 記事はこちら
  • 非PHP依存の問い合わせフォームを追加する 記事はこちら

CMSを持つには、データベースを持っていなければならないでしょう。 あなたは、Wordpressや他のCMSプラットフォームのようなものを使用して、データベースよりも使用したことがない場合は、学習曲線を持っており、それらを使用する方法を把握するために困難である可能性があります。 また、Wordpressなどのプラットフォームは、可動部分が多く、壊れやすいという欠点もあります。 その点、Google Sheetsのような非常に身近なもの、つまりスプレッドシートは、ほとんどの人がすでに使い方を知っており、Wordpressと比較して習得するのが大変です。

これから紹介する方法は無料で、お金を節約するのに役立ちますが、高度なセキュリティ保護を必要とするWebサイトには最適なソリューションではありません。 しかし、自分の作品やポートフォリオを表示したいデザイナーや開発者には最適です。

どのようにあなたのデータベースとして機能するようにGoogleスプレッドシートを使用しますか?

まず、Googleアカウントを持つ必要があり、新しいスプレッドシートを作成します。 参考までに以下の画像を表示します。

新しいシートを作成すると、このように表示されるはずです。

最初の行は重要でしょう。 3531>

例えば、B列に日付のデータを入れたい場合、B列の1行目には日付という単語が入ります。 次の行には、必要なさまざまな日付を入力します。

列のタイトルは、1つの単語のみで、大文字は使用しないでください。 列のタイトルに複数の単語を使用する必要がある場合は、単語と単語の間にハイフンを挿入してください。

さて、Googleシートの設定が終わったら、次はスプレッドシートをウェブサイトにリンクさせる必要がある。 これを行うには、Tabletopと呼ばれるオープンソースのJavaScriptを使用します。 3531>

Tabletop javascriptをダウンロードする必要があります。

ダウンロードページに詳細な設定方法がありますが、ここでは簡単に説明します。

  1. 以下のコードをコピーして、Web サイトの javascript ファイルに貼り付けます:

function init() {
Tabletop.init( { key: ‘https://docs.google.com/spreadsheets/d/0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE/pubhtml’,
callback: function(data, tabletop) {
console.log(data)
},
simpleSheet: true }。 )
}
window.addEventListener(‘DOMContentLoaded’, init)

2. ‘key’ と書いてあるリンクを Google スプレッドシートのキーに置き換えます。

スプレッドシートのキーを見つけるには、Google シートに戻ってください。

キーは URL の「https://docs.google.com/spreadsheets/d/」の後、最後の「/」の前にあります。

キーは文字と数字で、ハイフンやアンダースコアも含まれる場合があります。

これをWebサイトで実行すると、データの生成に問題が発生します。これは、スプレッドシートを公開する必要があるからです。

Googleシートに戻り、「ファイル > Webに公開」

すると、次のダイアログメニューが表示されます。

ドロップダウンオプションでドキュメント全体が選択されていることを確認します。 下部の機能をチェックすることで、変更を自動的に公開するように選択することができます。 これを行わない場合、変更を加えるたびにスプレッドシートを公開する必要があります。

Tabletop.js を使用すると、Google シートと Web サイトを接続することができます。 Google シートをデータベースとして使用することで、新しい CMS プラットフォームを学習する必要がなくなりますが、Wordpress のようなものをすでに知っている場合でも、Google シートを使用すれば、それほど多くのメンテナンスを必要としないため、使用することができます。 さらに、無料でホスティングする方法を紹介しましたが、この方法はお金を節約することができます。

つまり、これは他の方法に比べて簡単かつ無料でCMSを立ち上げることができる方法なのです。 来週は、データベース データをループするように Web サイトを取得する方法を紹介しますので、お楽しみに。

コメントを残す

メールアドレスが公開されることはありません。