HTML でテーブルを動的に操作して、更新したい。

Question

前提・実現したいこと

ざっくりとした内容ですが

• HTML でテーブル上にリンクを表示させ、それらを個人ブックマークとして使いたい。
• リストスマホ、ブラウザでのクロス環境での利用を考えているので、ブラウザだけでブックマークの追加・削除などが完結するのが望ましい。
• GuthubPagesもしくは個人のVPS上に構築する。
• DB などは用いず簡素に構築したい。

調べたこと

• Tabulator という JS ライブラリがテーブルの動的追加をできる
• しかし、サーバを用意する必要がありそう?
• 直接 HTML のソースをいじりたい
• PWA を使えばローカルでキャッシュできそう
• でも PWA は同期ができないので、その端末のみになってしまう。

私は HTML などの分野は初心者のため、実現できるか確証を持てていません。
なにかスマートなアイデアがあればお教えください。

Comments

[m.ts10806]

各ブラウザのブックマーク機能以上にはならないような。AndroidとかだとGoogleアカウントで同期とればいいだけですし。

Answer 1

閲覧するブラウザに関連付ける形でデータを持つことはできますが、
複数端末（スマホ、PC）でデータを共有することは、HTMLだけではできません。
インターネット上のどこかにデータを共有する場所が必要となります。

ただ、サーバーを立てる必要はなく
Firebaseなど無料で使えるBaaSを使えば割と簡単に構築できますよ。
Firebaseの説明は割愛しますが、何かと便利なサービスなので
興味があれば勉強してみてください。