ブラウザのローカルストレージにデータを保存する「Store.js」
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
Webを徘徊していると、JavaScriptを利用した様々なアニメーションやスムーススクロール等を見る機会も多いと思います。今回は、モダンなJavaScript開発環境において、アニメーションやスムーススクロールを実装するのに最適なライブラリ、「anime.js」を紹介…
Node.js(JavaScript)で一般的に利用されるパッケージ管理ツール「npm(Node Package Manager)」は、普通に使うと、パッケージのバージョンを固定しません。v5.0.0からはパッケージのバージョンを固定するためのpackage-lock.jsonがデフォルトで出力される…
JavaScriptのフレームワークである「Vue.js」、皆さんは使ってますでしょうか。学習コストの低さ、小規模案件での導入のしやすさ、大規模案件にも対応できる拡張性の高さから、最近はVue.jsばかりいじっています。今回は、そんなVue.js上で、すぐに高機能なU…
JavaScriptにおける便利な関数の詰め合わせであるライブラリ「Lodash」。JavaScript(Node.js)での開発をしている人の多くは利用したことがあるでしょう。今回はそのLodashを使う上で、ライブラリを導入後のファイルサイズを削減する方法を紹介します。なお…
JavaScriptで閲覧者のブラウザやOS等のプラットフォームを判定するのに、皆さんはどうしてますでしょうか。それぞれ独自にユーザーエージェントから推測するコードを実装している方も多いと思います。しかし、現在様々なプラットフォームが存在するため、正…
JavaScriptで正規表現を利用する際、生成したRegExpオブジェクトが思いどおりに動かない場合があります。それは、もしかしたら正規表現で利用する特別な文字列がエスケープされていないのが原因かもしれません。時々、正規表現へ動的な文字列を突っ込みたく…
JavaScriptにおいて、文字列の中に特定の文字列が含まれているかどうかを調べる方法はいくつかあります。時々、どの方法が最適か知りたくなるときがあったので、今回はそれらの方法のおさらいと、それぞれの方法におけるベンチマークを取ってみます。なお、…
現在JavaScriptは、ブラウザで使用されるのはもちろんのこと、サーバーサイドでWebサーバーとして動作したり、はたまた開発者のPCで各種開発ツールとして動作したりしており、様々な場面で利用されています。そこで今回は、そのどちらでも使える、Node.jsと…
最近、デザインされたQRコードを見る機会が多くなりました。QRコードの真ん中にアイコン等が配置してあるものを見たことがある人も多いと思います。LINE等でQRコードを生成すると、真ん中にアイコンが表示されますね。今回は、高度にQRコードに画像を埋め込…