2019-03-05

WebStorageの読み書きにBasil.jsがなかなかよかった

Wisembly/basil.js: The missing Javascript smart persistent layer

要件は以下の通り

以下のプラットフォームの両方で動くこと

  • Node.js
  • Browser

動作するストレージが以下に対応していること

  • WebStorage
  • Cookie
  • Memory

それとここものすごく重要なんだけど namespace に対応していること。Cookie も WebStorage も Same Origin の中で様々なコードが勝手気ままにデータを読み書きするので、ちゃんと自分の namespace を守っていく必要がある。

Memory対応は重要

なぜかというと Node.js には WebStorage も Cookie もないので、Node.js 上でテストを実行した際に死んでしまう。Memory で動けば少なくともロジックのテストは行える。もちろんより厳密には localStorgae や Cookie をエミュレートするライブラリを追加したり実ブラウザでのテストを行なってもよいが、最初からそこを目指すのはちょっとコストが大きすぎる感じがする。まず API を固めて中の処理を書くことをさっさと進めるために Memory 対応があるとすごく助かる。

意外とすべて満たすものがない

日本語でも情報の多い Store.js を使ってみたのだけど、これは v 2.12.0 の時点で namespace 対応が壊滅的にダメだった。set, get はできるけど、each で回すと namespace から外れたデータまで取得できるうえにご丁寧に namespace ( 実際には prefix ) を取り除いた key が返ってくるので、どれが自分の管轄のデータかさっぱり分からない。

もちろん contribute するのも手なんだけど、さすがに storage 系のライブラリを今から育てていくぞ、ってのはモチベーション的にはなかなか厳しいっすよねー。

まとめ

こんな感じでブラウザ独自 API はできるだけ直接叩かないのが大事だなーと思ってる昨今。

About

例によって個人のなんちゃらです

Recent Posts

Categories

Tool 日々 Web Biz Net Apple MS ことば News Unix howto Food PHP Movie Edu Community Book Security Text TV Perl Ruby Music Pdoc 生き方 RDoc ViewCVS CVS Rsync Disk Mail FreeBSD Cygwin PDF Photo Zebedee Debian OSX Comic Cron Sysadmin Font Analog iCal Sunbird DNS Linux Wiki Emacs Thunderbird Sitecopy Terminal Drawing tDiary AppleScript Life Money Omni PukiWiki Xen XREA Zsh Screen CASL Firefox Fink zsh haXe Ecmascript PATH_INFO SQLite PEAR Lighttpd FastCGI Subversion au prototype.js jsUnit Apache Trac Template Java Rhino Mochikit Feed Bloglines CSS del.icio.us SBS qwikWeb gettext Ajax JSDoc Rails HTML CHM EPWING NDTP EB IE CLI ck ThinkPad Toy WSH RFC readline rlwrap ImageMagick epeg Frenzy sysprep Ubuntu MeCab DTP ERD DBMS eclipse Eclipse Awk RD Diigo XAMPP RubyGems PHPDoc iCab DOM YAML Camino Geekmonkey w3m Scheme Gauche Lisp JSAN Google VMware DSL SLAX Safari Markdown Textile IRC Jabber Fastladder MacPorts LLSpirit CPAN Mozilla Twitter OpenFL Rswatch ITS NTP GUI Pragger Yapra XML Mobile Git Study JSON VirtualBox Samba Pear Growl Mercurial Rack Capistrano Rake Win RSS Mechanize Sitemaps Android JavaScript Python RTM OOo iPod Yahoo Unicode Github iTunes God SBM friendfeed Friendfeed HokuUn Sinatra TDD Test Project Evernote iPad Geohash Location Map Search Simplenote Image WebKit RSpec Phone CSV WiMAX USB Chrome RubyKaigi RubyKaigi2011 Space CoffeeScript Nokogiri Hpricot Rubygems jQuery Node GTD CI UX Design VCS Kanazawa.rb Kindle Amazon Agile Vagrant Chef Windows Composer Dotenv PaaS Itamae SaaS Docker Swagger Grape WebAPI Microservices OmniAuth HTTP 分析基盤 CDN Terraform IaaS HCL Webpack Vue.js BigQuery Middleman CMS AWS PNG Laravel Selenium OAuth OpenAPI GitHub UML GCP TypeScript SQL Hanami Document SVG AsciiDoc Pandoc DocBook Develop Jekyll macOS Node.js Vite Heroku Transformer AI Data Cloud Wasm