[HTML5] LocalStorageで保存するデータを暗号化する - YoheiM .NET
HTML5のLocalStorageとは、ブラウザ内に永続的にデータを保存する事が出来る技術です。 この技術はCookie以外の方法でブラウザ内のデータ永続化出来る点で、大変便利なものですが、 保存するデータは暗号化されません。 そのため、ブラウザのデベロッパコンソールなどで簡単に保存したデータを参照する事が可能です。 今回は、LocalStorageで保存するデータをクライアントで暗号化してみる方法をやってみました。 データ保存時に暗号化する 暗号化方式は色々ありますが、今回は比較的簡単なDESの方式を用いました。 まずは、暗号化する為の秘密鍵をユーザーに入力してもらいます。 そしてその秘密鍵を元に、LocalStorageでデータ保存を行う際に、暗号化を行います。 （データを暗号化した例） http://www.yoheim.net/labo/html5/localstorage/st
![[HTML5] LocalStorageで保存するデータを暗号化する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbec39511484605c4f0be7445cdfbc5af43b3c85/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2Fme.jpg)
CSSファイルをJSから非同期読込する方法
CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); これに関しては以下のように別のiframeを作成して読みこめば非同期で読み込めるので、他のファイルの読み込みをブロックしない。 （iOS, Androidで動作を確認） (fun
[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形） あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
