面倒なので更新が遅れがちだった記事リストをGoogle Driveと自動連動させてみました。jQueryとDataTablesを使っているので、サクサクと並び替えやフィルタ、ページ移動ができます。いろいろ応用ができそうなので、方法についてメモしておきます。 1. スプレッドシートを作成し公開まずGoogleドライブ上でスプレッドシートを作成します。実際に作ったシートを見る ※シートを分けたりVLOOKUPしたりしてますが、普通にべた書きでもokです。1行目はJSON中の項目名になるので、英数字にしておきます。 次に、「ファイル」メニューの「ウェブに公開」で公開します。「共有」ではなく「公開」です。 2. jQueryプラグイン「DataTables」をインストールjQueryとDataTablesをダウンロードし、ページにリンクします(headにscriptタグを追加)。 以下はGoogl
![サイトの表データをGoogleスプレッドシートで楽々更新](https://cdn-ak-scissors.b.st-hatena.com/image/square/5333142875e7b60614f2aa77d818a9a1f285ac76/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fmak00s%2Ff_auto%2Cw_auto%3A200%3A710%2Fgoogle-drive-as-cms.png)