- 2022年4月28日
【React】矩形や円、直線などの図形を描画できるライブラリ「react-shapes」
React のページに円や矩形などを描画する必要があり、使用したライブラリのご紹介です。 「react-shapes」というライブラリで、図形を SVG で生成してくれます。 Gi […]
React のページに円や矩形などを描画する必要があり、使用したライブラリのご紹介です。 「react-shapes」というライブラリで、図形を SVG で生成してくれます。 Gi […]
webpack の watch オプション的なことを手製のプログラムでする方法を紹介します。ファイルが変化する度、何かをしたい、という挙動は常に最新版のファイルを元にした変換後の […]
よく何かを入力すると自動で入力中の文字列から検索結果を表時する機能があります。例えば Amazon の検索のサジェスト(オートコンプリート)機能は次の様に動いています。 この機 […]
今回は、React プロジェクトで PDF を表示する方法についてです。 調べると、<iframe> を使ってページに埋め込む方法が出てくるのですが、こちらの方法だとダ […]
今回は、HTML の特定の要素を画像に変換する方法についてです。 私の場合は、先日投稿した「【React】手書きキャンバスを実装できるライブラリ「react-signature-c […]
React でペイントアプリなどのように、キャンバスに自由にお絵描きできる機能を実装したいときにおすすめのライブラリです。 JavaScript なら canvas を使うのが一般 […]
今回は、React で Leaflet の地図に矩形や円、マーカー等を描画できるライブラリ「react-leaflet-draw」で、描画する線の色や透明度等を変更する方法について […]
以前から、React で開発している Web ページを開いた、またはリロードしたタイミングで「Unchecked runtime.lastError: The message po […]
タイトルにある通り、React で画面サイズが変わった事をリアルタイムで検知し、かつ画面の幅・高さをその都度取得する方法についてです。 参考にさせていただいた…というか、コードをま […]
モバイルの Web デザインで、なるほど!と思ったので備忘録としてまとめ。 新規会員登録など、複数ステップある登録作業があるページを実装する際に、今なにをしていて、あとどのくらい作 […]
ワーニングなので、今のところ動作には問題は起こっていなかったのですが、今後変な挙動を引き起こしても嫌なので、今の内から対処することにしました。 エラーメッセージは、タイトルにもある […]
通常の video 要素は動画の見る分には十分な機能が備わっていますが。細かいことをするには不十分です。特にフレーム回りは標準機能が全くといいほどないです。この状況に対して Fi […]