はてなブックマーク

1. Charlesをインストール 2. Charlesを起動 試用版は起動30分後に落ちるので注意。 もし煩わしい場合はライセンス買う。 3. macOS Proxyを有効にする Proxy > macOS Proxy をクリック（チェックが入る） 4. Charles用SSL証明書をインストール Help > SSL Proxying > Install Charles Root Certificate をクリック Keychain Accessが起動する Name が Charles Proxy から始まる行をダブルクリック Trust をクリックして開く When using this certificate: プルダウンで Always Trust を選択 Keychain Accessを閉じる 5. https通信に対応する Proxy > SSL Proxying Setti

こういう人向けの記事 Amazon Cognitoを使いたい Webサイトにログイン機能を実装したい ES2015（ES6）で書きたい WebpackとかBabelとか使いたい ReactとかAngularとか使いたい Cognitoの素晴らしい点 機能がめちゃくちゃ充実（ユーザー認証まわりの機能ほぼ揃ってる） 開発コスト大幅削減（自分で作ろうとしたら数週間〜数ヶ月かかる） 運用コストゼロ（自動スケール、障害対応不要） 他社より安い（5万MAUまで無料、以降も比較的安い） AWSコンソール上でユーザー情報一覧を閲覧できる 何もしなくても日々進化してくれる Cognitoの残念な点 CognitoのJavaScript対応はまだまだ発展途上 不条理な仕様、ハマりどころが多々あることを覚悟する ES6、Promise等々を使うなら公式READMEに書かれてるコードはそのまま使えないので注意 日

概要 Reactを用いたWebアプリケーションにおけるアニメーションやインタラクションの実装について個人的なメモ。 これがベストプラクティスであるとは断言できないが、自分なりに試行錯誤した末の結論をまとめておく。 React/Redux特有のパフォーマンス的な問題を解決 React/Reduxは確かに便利で高パフォーマンスだが、リアルタイムなインタラクションには弱い リアルタイムなインタラクションとは onMouseMove や onDrag onScroll などのイベントで発火する動作 上記のようなイベントを扱うケースでは state や props を使ってはいけない（カクカクしたりぎこちない動きになる） 代わりに、状態管理にはJSの変数やプロパティなどを使うようにするとスムーズに動く とはいえオレオレフレームワーク化しがちなので、そういった実装は最小限に留める stateやprop

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?