API」を使用します。APIの有効化と認証情報の作成が必要になります。その後、作成した認証情報を使ってNuxt.jsからGoogleスプレッドシートのデータを読み書きします。したがって以下のような手順になります。APIを使ってGoogleスプレッドシートを読み書きするコード各手順について順番に載せます。Platformにログインします。ログイン後、以下のようにメニューから「APIとサービス」→「ライブラリ」をクリックします。適当なプロジェクトが選択されていることを確認します。プロジェクトを作成してい無い場合は、新規作成しておきます。API」をクリックします。以下のように表示されるので「有効化する」をクリックして完了です。Platformでは、Googleが提供しているAPIを使用するためのアカウントを作成し、そのアカウントが使用できるAPIや権限を設定できます。APIを使用するためのアカウント(サービスアカウント)を作成します。APIを有効化すると、以下のようなダッシュボードが表示され、そこに「認証情報を作成」と表示されているのでこれをクリックします。認証情報を以下のように設定して「必要な認証情報」というボタンをクリックします。続いて以下のように設定します。「サービスアカウント名」は任意の名前でOKです。「サービスアカウントID」は、サービスアカウント名に応じて決定されます。「役割」については、このサービスアカウントによってどのような権限を付与するかによって変更します。ここでは、Googleスプレッドシートの編集のみなので「編集者」としました。他のAPIをこのサービスアカウントで使用したい場合は、それに応じて役割を変更します。上記で「次へ」をクリックすると、以下のようにサービスアカウントとキーが作成されたとメッセージが表示されます。同時に以下のようにサービスアカウントのキーファイルのダウンロードダイアログが開くので保存しておきます。このダウンロードしたキーファイルを後ほどNuxt.jsで使用します。Googleスプレッドシートをサービスアカウントと共有する作成したサービスアカウントにGoogleスプレッドシートのデータへのアクセスを許可するために、Googleスプレッドシートの共有設定にサービスアカウントを追加する必要があります。Platformのメニューから「APIとサービス」→「サービスアカウント」をクリックします。以下のように作成済のサービスアカウント一覧が表示されます。そこに先程作成したサービスアカウントもあり、「メール」という欄にメールアドレスも表示されていますのでこれをコピーします。後はNuxt.jsからアクセスしたいスプレッドシートにて、以下のように共有設定にてコピーしたサービスアカウントのメールアドレスを追加します。以下のようになると思います。以上でGoogleスプレッドシートをサービスアカウントと共有することができました。API用のパッケージをnpmでインストールします。こちらの公式ドキュメントに従います。--saveまた、以下のようにnuxt.config.jsに設定を追記する必要があります。build時に以下のようなエラーが出てしまいます。fs上記の原因と対策について完全に理解はできていませんが、以下に参考になりそうな情報があります。APIを使ってGoogleスプレッドシートにアクセスするコードを記述します。APIを使ってGoogleスプレッドシートを読み書きするコード以下がコードになります。Googleスプレッドシートのデータを読み書きするのに必要な部分のみ記載します。色々な値を固定値として与えたり、冗長な部分を残したりしています。stateやmutationも利用せずに全てaction内に書いてしまっており、読み込んだデータもconsole.logに表示するなど実用性はないので、各自の用途に合わせて書き換えてください。以下は、store/sheet.jsと適当な名前で作成したストア用のファイルとします。サービスアカウントのキーファイル(JSON形式)。APIの関数が異なります。データの読み込みにはget、新規作成にappend、更新にupdate、削除にclearと別れています。これら以外にももっと大きなデータをまとめて処理したい場合やフィルタをかけて条件に合致したデータのみを更新するようなメソッドも用意されています。これらについては、全て以下の公式ドキュメントに記載されています。columns.developers.google.comまだ日本語対応していないため、Google翻訳などを合わせて使うといいかもしれません。後は、上記で定義したアクションを以下のように適当なコンポーネントでfetchなどで使用できます。}}</script>まとめNuxt.jsからGoogleスプレッドシートにアクセスできると、簡単なアプリならば簡易データベースとしてGoogleスプレッドシートを使用でき用途が広がりそうです。コメントをキャンセルメールアドレスが公開されることはありません。virtualiment。