bouzuya.hatenablog.com

ぼうずやのにっき

bouzuya/rally-qr-code-list を Cookie に対応した / 髪を切った

bouzuya/rally-qr-code-list 。初期状態をサーバー側から持ってきたのと、アクセストークンを Cookie に保存したのと、サインアウトをつけた。

initial state は <script>window.INITIAL_STATE = /* ... */;</script> みたく埋め込もうとしたのだけど、できなかった。 Text.Smolder.Markuptext"&quot; にしてしまう。 2018-06-18 と同様に <script data-initial-state="..."></script> とすることで回避した。

Cookie にアクセストークンを保存するようにした。 localStorage のほうが良い面ももちろんあるのだけど、従来型の Web アプリケーションとして振る舞う必要が出てきたときに自動でセッション情報を送ってもらえないと困るので。実装としては bouzuya/cookie-storage を使った。自画自賛ではあるけれど、 document.cookie を直で使うのはつらいが、これなら Storage っぽいので使いやすい。

サインアウトをつけた。↑の Cookie と State から消すようにしただけ。

残りのやりたいことは↓のとおり。

  • CSS を書く (purescript-css を試す)
  • URL / QR コードの表示を切り替える
  • QR コードの誤り訂正レベル (L/M/Q/H) を切り替える
  • History API への対応 (戻れるようにする)
  • 未認証時のリダイレクト

髪を切った。