React

Typescriptを使用したサーバレスWebsocketチャットサーバーの構築

チャットサーバーの見積もり相談で、Websocket使った場合の実装を整理したので、メモっておきます。
Read more

Electron の CORS ブロックを回避する方法について

Electron で CORS エラー Electron の Render プロセスでクロスオリジンのリクエストを投げた際、通常の Web と同様 CORS エラーでブロックされます。通信先が自前の API サーバだったりした場合にはそちらの設定でAccess-Control-Allow-Originを許可すれば OK です。 この制約はセキュリティ上必要なものですが、どうしてもクロスオリジンのリクエストを投げたい場合もあるかと思います。私の場合は、ある markdow エディタに、貼り付けた URL から自動的にページのタイトルを fetch して挿入する機能を実装するときに遭遇しました。
Read more

Rust で Webassembly を書いて、Typescript で React を書くための環境構築

前提 この記事では、Rust(cargo)と npm は導入済みを前提としています。 知識的にはRust の公式 WebAssembly チュートリアルを一通り読んだくらいで、今回は Wasm と React どう組み合わせるのよってところを重点的に。
Read more

画像の diff を生成する rust ライブラリを書いた

Rust で画像の比較画像を生成 個人的に今取り組んでいるプロジェクトで、画像の差分を取得する必要があったのですが、いまいちそれっぽいライブラリが見つかりませんでした。 lcs-image-diffもありましたが、ちょっとイメージと違う。 イメージ的にはこう、差分があるピクセルだけピンポイントで検出してほしい。 元画像を比較画像で減算して、その後元画像を加算する感じかな。 ライブラリ作成 ということで、ライブラリを作成しました。依存ライブラリとして画像処理ライブラリのimageを使用しました。
Read more

Storybook に noarmalize.css を適用する

Storybook に normalize.css を適用する .storybook/config.jsに下記の通り import 文を記述します。 import '!style-loader!css-loader!sass-loader!../src/styles/normalize.css'; 現場からは以上です!!

はじめてのOSS contribute

最近、長らく使っていたエンジニア向けノートアプリ「Boostnote」がリニューアルされた。それによってリポジトリも新しくなったみたいで、ソースコードもほぼ別物になったっぽい。実際に使ってみると色々バグも多くて、これはプルリクチャンスか?と思い、解決できるissueが無いか探してみた。
Read more