JavaScriptで任意のHTML要素をPicture-in-Pictureする
2021/04/29
みなさんはPicture-in-Picture(PiP)という機能を使ったことがありますか。PiPは動画コンテンツなどを浮遊する小窓に表示する機能です。小窓はウィンドウの外側を自由に移動できます。…
JavaScriptのIntl.Segmenterで文章の意味分割を行う
2020/11/21
コンピュータ上で文字列を扱う時、データ上は単にコードユニットの羅列でしかなく、そこに単語や文としての意味合いはありません。しかし我々は人間であり、単なる文字列ではなく文章として処理したい場合がありま…
ReactのカスタムHooksをカジュアルに使ってコードの見通しを良くしよう
2020/08/21
もはやReactにHooksのない生活は考えられず、私たちのReactコードの中には多数のHooksが使われています。一方でその弊害として、使われているHooksが多すぎてコードが散らかり始めた人も…
WebTransportを用いてブラウザ上からUDP/QUICによるリアルタイム双方向通信を行う
2020/07/30
ウェブとリアルタイム通信は、もはや切り離せない関係となりました。ロングポーリングやそれを応用したComet、チャンク通信を利用したServer-Sent Event、新しくはWebSocketという…
Reactの実験的ステート管理ライブラリRecoilの基本的な使い方
2020/05/17
Reactにおける状態管理の方法論は、様々な道を辿ってきました。ある人はReduxを使い、またある人はMobXを、またある人はuseContextで物事を解決してきたでしょう。先日、また新しい選択肢…