初心者フロントエンドエンジニアでもできる！「jquery-cookie」か「js-cookie」で始めるcookie入門です！
通勤時に手袋を使うようになったyanagimachiです。
毎日寒いですね。冬眠したいです。
cookieといえば文字サイズの変更を保存したりや初回にイントロを出したりするのに使いますよね。
先日、プロジェクトでcookieが必要になったのでfujiharaさんにお願いしたら、「簡単にプラグインで導入できるから自分でやってみたら？」と言われてjquery-cookieで作ってみたら、「js-cookieのほうが軽いよ！」と言われて結局どちらとも触ったので違いについて簡単に比較してみようと思います。
対応ブラウザ
jquery-cookie
IE8以上、Android4.3以上、iOS7.1以上
js-cookie
IE6以上、Android5.1以上、iOS8.2以上
cookieを保存する
//jquery-cookie
$.cookie(KEY, VALUE);
//js-cookie
Cookies.set(KEY, VALUE);
cookieの内容を調べる
//jquery-cookie
$.cookie(KEY);
//js-cookie
Cookies.get(KEY);
cookieを削除する
//jquery-cookie
$.removeCookie(KEY);
//js-cookie
Cookies.remove(KEY);
デモ
そこまで差がなかったので、対応ブラウザによって使い分ければよさそうです。
これで簡単なcookie実装はできるようになりましたね！
追記
バシャログ。メンバーからjquery-cookieはもうメンテナンスされていない、との指摘を受けました。
なるべくjs-cookieのほうを使ってください。
また、iOSの対応バージョンが間違っていましたので修正しました。
