Redux Persistとは storeを永続化してくれるライブラリです。 メリットは、 簡単な設定でstoreの永続化ができる autoRehydrateという機能があり、localStorage/localForageなどのローカルDBに自動で永続化し、それをアプリ起動時に読み込んでくれる という感じで、storeの永続化をどうしようかと悩んでいる人にとって最高のライブラリだと思います! 使い方 ざっくり下のようにstore作成部分を書くと、 全てのreducerのstateが永続化される 自動でautoRehydrateアクションが実行される reducerが実行されるたび永続化され、アプリ起動時に永続化されたデータを読み込む ようになります。 import { createStore, combineReducers, applyMiddleware, compose } fro
localStorageにstateのスナップショットを保存するRedux middlewareを作りました。 インストール import {createStore, applyMiddleware} from "redux"; import saveState from "redux-save-state/localStorage"; // combineReducersされたreducer達 import reducers from "./reducers"; // 保存先キー名 const key = "app-state-snapshot"; const store = applyMiddleware(saveState(key))(createStore)(reducers); // React Componentでdispatchが呼ばれるたびに保存 store.dispatc
Chrome 53以上の環境で、起動オプションに下記のパラメータを追加することによって、async/awaitが使用可能となります。(2016/07/06現在) (async() => { await setLocalStorage({ aaa: 1, bbb: 2 }); let aaa = await getLocalStorage("aaa"); let bbb = await getLocalStorage("bbb"); let all = await getLocalStorage(); console.log(aaa);// 1 console.log(bbb);// 2 console.log(all);// {aaa: 1, bbb: 2} })(); function setLocalStorage(obj) { return new Promise( (resolve
JSDOM環境を使っていると、いくつか実装されていないAPIがある。もしそのAPIを使っている実装のテストを書きたい場合、そのAPIと近い動きをする仮のオブジェクトに置き換える、つまりfakeする必要がある。 localStorageもJSDOMでは現在動かないAPIなので、localStorageを使った機能をテストするにはfakeする必要がある。普通のJSの環境だと、https://github.com/tmpvar/jsdom/issues/1137#issuecomment-173039751 に書いてあるようなオブジェクトを代入すれば良いのだけど、TypeScriptだと型定義どおりに実装しないとうまくいかないので、今回はTypeScript環境でfakeするのをやってみた。 一番単純にfakeする 方法としては同じインターフェースを持った別のものをwindow.localSto
Holy procrastination, startup founders! Tomorrow’s your last chance to apply to the Startup Battlefield 200 at TechCrunch Disrupt 2024. Your last chance for a shot to stand on the Disrupt…
2016年に入ってから、大規模なデータセンターを運営する大手IT企業が立て続けにストレージ関係の「論文」や「提言」などを発表しています。中でも、ストレージ業界で注目を集めたのは以下の3つです。 1.「Disks for Data Centers(データセンター向けディスク)」 ・米Google社が発表した次世代のHDDに関する提言 ・2016年2月発表 2.「Flash Reliability in Production: The Expected and the Unexpected(現場環境でのフラッシュメモリの信頼性: 予想通りだったものと予想外であったもの)」 ・トロント大学とGoogle社が発表したSSDの信頼性に関する共同論文 ・2016年2月発表 3.「Environmental Conditions and Disk Reliability in Free-Cooled D
アマゾンジャパンは、容量無制限のフォトストレージサービス「プライム・フォト」を開始した。デジタルカメラや携帯端末で撮った写真を、同社のオンラインストレージサービス「Amazon Cloud Drive」に保存し、スマートフォンやPCなどから閲覧できる。年会費税込3900円の「Amazonプライム」会員向けの特典の1つであり、会員であれば追加料金なしで利用できる。 無料のAmazon Photosモバイルアプリを利用すれば、スマートフォン内の写真データを自動保存できるほか、撮ったその場でFacebookやTwitter、LINEを介して家族や友人と共有できるという。 これまでもAmazonプライムでは、お急ぎ便やお届け日時指定便による対象商品の無料配送、毎月好きな本を1冊無料で楽しめる「Kindle オーナーライブラリー」、会員先行タイムセール、100万曲以上が聴き放題となる「Prime M
See related links to what you are looking for.
localStorageだとオプションでunlimitedStorageを指定していても5MB以上は保存できないみたいで、App cacheやWebSQLを使う必要があるとか 調べてるとchrome.storageでもunlimitedStorageは使えるようなのでこれを使うことにしました データ形式はlocalStorage同様に単純ですが非同期で実行されるので扱いがめんどうです chrome.storageはchromeの拡張機能用のデータを保存する機能です データ保存用の機能はlocalStorage, sessionStoage, webSQL, IndexedDBなどがありますがlocalStorageに近いです 英語のマニュアル localStorageとの違い ○keyとvalueを保存できてlocalStorage自体を1つのオブジェクトのように扱えましたが、保存できるv
chrome.storage の API を使う localStorage を使うとこれはこれで動くのですが、もう少し扱いやすい方法がないか調べたところ、chrome.storage という localStorage に似た方法を見つけました。 chrome.storage – Google Chrome localStorage の場合、background.js を通して Message Passing でデータのやり取りを行う必要がある。 これに対し chrome.storage では background.js なしで、ダイレクトに content_scripts 等から chrome.storage のデータにアクセスできます。また、chrome.storage.onChanged.addListener の API で、データ変更に対するコールバックを簡単に登録できて便利。 以
Macアクセサリ最大128GB!MacBook Air/ProのSDカードスロットを拡張する「JetDrive Lite」が発売開始!2014年5月23日132 @JUNP_Nです。MacBook Air/Proに専用設計されたSDカードスロットに装着するフラッシュストレージ「JetDrive Lite」が発売開始されています。 MacBookシリーズ専用設計なので、本体にフィットしてはみ出さない!トランセンドがMacBookシリーズのために専用設計されたSDカード「JetDrive Lite」を発売開始しています。 関連:1000円台から!MacBookのSDスロットをぴったり収まるMicro SDカードアダプタが多数登場 今までにもMacBookシリーズのSDカードスロットを拡張する製品はありましたが、従来のものはMicroSDカードを利用するタイプで最大64GBの容量までしか利用する
Drive is a great place to store HTML, JavaScript and CSS files so they are safe, available from anywhere, and easy to work on with others. And now you can host and share this content too. How it works: Create a new folder in Drive and share it as "Public on the web." Upload your HTML, JS & CSS files to this folder. Open the HTML file & you will see "Preview" button in the toolbar. Share the URL t
Dropboxはここがダメ 自分はパソコンがよく壊れ、そのたびに初期化するので、データを失わないようにDropboxを使ってデータを同期し保守してきました。Dropboxを使い始めてからパソコンが壊れても助かることが多くなりましたが、DropBoxは利用者が多いこともあってか、やたらと転送速度が遅いです。 有料プランが100GBからとなっていますが、有料プランを契約し30GBほど転送していたところ同期に一週間ほどかかったこともありました。ましてやiMacやMacBookProでお互いにファイルを同期していたりするとせっかくの同期だというのにDropboxがデータをダウンロードするだけで時間が潰れる始末。これではDropboxを使ってる意味が無いです。 それに、データのやり取りは暗号化しているというものの、Dropboxの社内では生データが飛び交っているらしい・・。 いくらSSLで通信してる
Spaces is a revolutionary project folder concept designed to boost seamless digital collaboration for remote teams of all sizes, while ensuring compliance, data control and security. Spaces delivers an optimized user experience and significantly reduces admin workload. Web Office provides a suite of powerful integrations: OnlyOffice, Microsoft 365, Collabora Online and Microsoft Office Online. Th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く