HTML5を業務アプリで使うための勉強会 #8

taknb2nch @taknb2nch

先についた人はできれば電源が近くにある場所を確保してください。非常に助かります。 #gdgchugoku

前川 昌幸@maepon @maepon

参加ー。 #gdgchugoku

Ryuji Iwata @qt_luigi

HTML5勉強会、本日は「Webストレージ」です。 #gdgchugoku

きよくらならみ @kiyokura

はじまりました #gdgchugoku

Ryuji Iwata @qt_luigi

Web Storage は KeyValue です。 #gdgchugoku

前川 昌幸@maepon @maepon

Web Storage API の種類（Interface） #gdgchugoku

Ryuji Iwata @qt_luigi

localStorageは消さないと消えません。sessionStorageはセッション単位です。 #gdgchugoku

前川 昌幸@maepon @maepon

keyもvalueもstring #gdgchugoku

Ryuji Iwata @qt_luigi

Storage interface、lengthはキーの数、key(index)はインデックスで指定したキーがとれる。キーが主役ですかね。 #gdgchugoku

Ryuji Iwata @qt_luigi

キーもバリューも文字列扱いに。10を指定すると"10"で格納されます。 #gdgchugoku

Ryuji Iwata @qt_luigi

Storage interfaceのメソッドは同期メソッド。扱いやすいですね。 #gdgchugoku

前川 昌幸@maepon @maepon

すべて同期メソッド。コールバックは無い。 #gdgchugoku

Ryuji Iwata @qt_luigi

WindowSessionStorage interface と WindowLocalStorage interface。用途に合わせて使い分けましょう。 #gdgchugoku

Ryuji Iwata @qt_luigi

StorageEvent、発生するのはメソッド操作の前？後？ #gdgchugoku

Ryuji Iwata @qt_luigi

StorageEventは「他の人が変更したからね！」を通知（受け取る）イベントなのでは。 #gdgchugoku

Ryuji Iwata @qt_luigi

ストレージへの保存方法はJavaScriptらしく(?)メソッドやプロパティや配列など、いろいろな方法で記述できます。 #gdgchugoku

Ryuji Iwata @qt_luigi

あ、ストレージからの取得方法も、いろいろです。 #gdgchugoku

Ryuji Iwata @qt_luigi

いろいろの違いは空値の戻り値。getItemだとnull、それ以外だとundefined。 #gdgchugoku

Ryuji Iwata @qt_luigi

IEでの検証、きよくらさんが最後の砦です。 #gdgchugoku

taknb2nch @taknb2nch

今日のURL http://t.co/0lzycVo7Ta #gdgchugoku

前川 昌幸@maepon @maepon

これからサンプルを見ながら、もろもろの動作を見ていく #gdgchugoku

Ryuji Iwata @qt_luigi

はぎのさんの指示で、はぎのさんが動く。 #gdgchugoku

Ryuji Iwata @qt_luigi

最近のサンプルは、サーバー上で動作確認済。 #gdgchugoku

Ryuji Iwata @qt_luigi

サンプルソースの解説ターイム。 #gdgchugoku

Ryuji Iwata @qt_luigi

データ取得時にキーぐるぐる。めんどくさいけどシンプル。 #gdgchugoku