タグ

ブックマーク / www.yoheim.net (2)

  • [HTML5] LocalStorageで保存するデータを暗号化する - YoheiM .NET

    HTML5のLocalStorageとは、ブラウザ内に永続的にデータを保存する事が出来る技術です。 この技術Cookie以外の方法でブラウザ内のデータ永続化出来る点で、大変便利なものですが、 保存するデータは暗号化されません。 そのため、ブラウザのデベロッパコンソールなどで簡単に保存したデータを参照する事が可能です。 今回は、LocalStorageで保存するデータをクライアントで暗号化してみる方法をやってみました。 データ保存時に暗号化する 暗号化方式は色々ありますが、今回は比較的簡単なDESの方式を用いました。 まずは、暗号化する為の秘密鍵をユーザーに入力してもらいます。 そしてその秘密鍵を元に、LocalStorageでデータ保存を行う際に、暗号化を行います。 (データを暗号化した例) http://www.yoheim.net/labo/html5/localstorage/st

    [HTML5] LocalStorageで保存するデータを暗号化する - YoheiM .NET
  • [CSS] CSSで利用する画像をSpriteにするかBase64にするかを考察してみた - YoheiM .NET

    こんにちは、@yoheiMuneです。 Webページを作る際に、CSSに使う画像をSprite化するのが良いのか、Base64エンコーディングしてCSSに埋め込むのが良いのか、 最近良く議論になります。 今回は、その議論をじっくりと考えてみた結果をブログに書きたいと思います。 背景 仕事でWebベースのゲームSNSを作成することが多くあります。 HTML,JavaScript,CSS,画像を使って、画面を構成する仕組みです。 そんな仕事で、最近良く以下のような話題が聞かれます。 アプリケーションで利用するアイコンやボタン背景画像などを、Base64エンコーディングしてCSSに埋め込むべき? それとも、Sprite画像にして読み込むべき? この話題は、既に話しまくられている話題かもしれませんが、自分なりに考えて結論を出してみたかったので、今回考察しました。 考察した結論 結論から申し上げま

    [CSS] CSSで利用する画像をSpriteにするかBase64にするかを考察してみた - YoheiM .NET
  • 1