はてなブックマーク

この記事は React Advent Calendar 2021 21 日目の記事です。 はじめに 以前、とあるプロジェクトに react-window というライブラリの導入を検討したことがあり、 そのとき調査したことを Tips としてまとめた記事です。 記事中に登場するサンプルコードの完全版はこちらのリポジトリに置いてあるほか、 Storybook 上で動作するサンプルもこちらにあります。 https://61c1f9a280e634003a329ca6-nxwkgquwen.chromatic.com なお、react-window は一次元の List と二次元の Grid という 2 種類のコンポーネントを提供していますが、当時の調査対象が Grid だったため、ここでも Grid を扱います。 前提知識: Grid の基本的な使い方 react-window の Grid は

はじめに Lucet は Fastly が開発している WebAssembly のコンパイラ & ランタイムです。 公式ドキュメント： Lucet は WebAssembly を実行するための CLI に加え、Rust のプログラムから Lucet を利用できる lucet-runtime という ランタイム API も提供しています。 今回、この lucet-runtime を公式ドキュメントの通りに試したところ意外とハマるポイントが多かったことや、 公式ドキュメントには WebAssembly にコンパイルするサンプルコードがC 言語で書かれたものしかなく「Rust で書くには？」と試行錯誤したため、備忘録的に手順をまとめておきます。 Lucet のソースコードをコンパイルしたもので動作確認しましたが、記事執筆時点の最新コミットは 51fb1ed です。 前提：必要なものをインストール

はじめに OAuth 2.0 のフローをシーケンス図で説明したWeb上の記事や書籍を何度か見かけたことがありますが、 フローの概要に加え、クライアントや認可サーバー側でどういったパラメータを元に何を検証しているのかも一連のフローとして理解したかった RFC 7636 Proof Key for Code Exchange (PKCE) も含めた流れを整理したかった というモチベーションがあり、自分でシーケンス図を書きながら流れを整理してみた、という趣旨です。 記事の前提や注意事項 OAuth 2.0 の各種フローのうち、認可コードフローのみ取り上げています 認可コードフローとはなにか、PKCE とはなにかという説明は割愛しています 概要について、個人的にはこちらの動画が非常にわかりやすかったです: OAuth & OIDC 入門編 by #authlete - YouTube 認可コードフ