Gemfile.lock の BUNDLED WITH のバージョンを上げる

下記のドキュメントの記述にある通り、下記のコマンドで上げることができる。

Bundler: How to Upgrade to Bundler 2

$ bundle update --bundler

新しいバージョンでの上げ方

上記のコマンドだと上がらないケースがあった。 --bundler オプションに明示的にバージョンを指定してやるとよい。

❯ bundle update --bundler=4.0.8
Updating bundler to 4.0.8.
Fetching gem metadata from https://rubygems.org/.........
Resolving dependencies...
Bundle updated!

ref. Bundler: bundle update

あるいは Gemfile.lock の BUNDLED WITH を消して以下のコマンドを実行するとよい。

$ bundle update --bundler

HTMLElement.dataset - Web API | MDN

dataset を使えば data attribute にアクセスが可能。

dataset は HTMLElement インターフェイスのプロパティで、要素に設定されたすべてのカスタムデータ属性 (data-*) への読み取り/書き込みアクセスを提供します。

<div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth>John Doe</div>

const el = document.querySelector('#user');

// el.id === 'user'
// el.dataset.id === '1234567890'
// el.dataset.user === 'johndoe'
// el.dataset.dateOfBirth === ''