ブラウザのローカルストレージにデータを保存する「Store.js」
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
Webを徘徊していると、JavaScriptを利用した様々なアニメーションやスムーススクロール等を見る機会も多いと思います。今回は、モダンなJavaScript開発環境において、アニメーションやスムーススクロールを実装するのに最適なライブラリ、「anime.js」を紹介…
jQueryを使っていて、.text()メソッドを用いる際、改行を含んだ文字列をそのまま入力して、表示上も改行させたい場合がままあります。しかし、実際にはそれは.text()メソッドでは実現できません。なぜなら、HTML上で改行するには<br>タグが必要であり、タグ…
JavaScriptでは、フォント関連の操作が上手くできないことが多いです。インストールされているフォントの一覧の取得など、現在実用的な方法がないような場合も多いです。今回はその中でも数少ない、フォント関連でJavaScriptができることの一つ、特定のフォ…
タイトル、日本語にすると少しわかりにくいですが。普段よく使う関数の一つなので、簡単に導入できるようにシェアしておきます。具体的には、オブジェクトや配列から、指定したキーの名称にあたる値だけを取り出して返却する関数です。PHPで言うところのarra…
JavaScriptのフレームワークである「Vue.js」、皆さんは使ってますでしょうか。学習コストの低さ、小規模案件での導入のしやすさ、大規模案件にも対応できる拡張性の高さから、最近はVue.jsばかりいじっています。今回は、そんなVue.js上で、すぐに高機能なU…
JavaScriptにおける便利な関数の詰め合わせであるライブラリ「Lodash」。JavaScript(Node.js)での開発をしている人の多くは利用したことがあるでしょう。今回はそのLodashを使う上で、ライブラリを導入後のファイルサイズを削減する方法を紹介します。なお…
JavaScriptで閲覧者のブラウザやOS等のプラットフォームを判定するのに、皆さんはどうしてますでしょうか。それぞれ独自にユーザーエージェントから推測するコードを実装している方も多いと思います。しかし、現在様々なプラットフォームが存在するため、正…
JavaScriptで正規表現を利用する際、生成したRegExpオブジェクトが思いどおりに動かない場合があります。それは、もしかしたら正規表現で利用する特別な文字列がエスケープされていないのが原因かもしれません。時々、正規表現へ動的な文字列を突っ込みたく…
JavaScriptにおいて、文字列の中に特定の文字列が含まれているかどうかを調べる方法はいくつかあります。時々、どの方法が最適か知りたくなるときがあったので、今回はそれらの方法のおさらいと、それぞれの方法におけるベンチマークを取ってみます。なお、…