React│株式会社シーポイントラボ

【React】スケジューラーを実装できるライブラリ「react-scheduler」

カレンダーを描画する際には「react-calendar」ライブラリを使用していたのですが、今回はカレンダーにスケジュールと登録する必要があるとのことで、別のライブラリを導入しまし […]

タイトルに React と付けましたが、一部を修正すれば HTML でももちろん動作します。 <svg> で描画した矩形を斜線で塗りつぶす方法についてです。ちなみに、 […]

先日紹介した、フリーハンドの線を描画できるライブラリ「react-signature-canvas」で、undo/redo 機能を実装したのでその方法についてまとめ。「react […]

先日から要素をドラッグして移動させる方法ばかりですが…性懲りもせず、今回もそれについてです。ただ、今回はドラッグでの移動とサイズ変更のみができるライブラリ「react-rnd」で […]

先日、「【React】要素をドラッグ＆ドロップで移動できるライブラリ「react-draggable」」で紹介したものとはまた別のライブラリです。「react-draggable […]

今回は、要素をドラッグ＆ドロップで移動させる方法についてです。 GitHub のページはこちらから。 GitHub – react-grid-layout/react- […]

昨日は、React で円や矩形などを描画できるライブラリ「react-shapes」について紹介しましたので、今日は矢印を描画できるライブラリのご紹介です。タイトルにある通り、「 […]

React のページに円や矩形などを描画する必要があり、使用したライブラリのご紹介です。「react-shapes」というライブラリで、図形を SVG で生成してくれます。 Gi […]

今回は、React プロジェクトで PDF を表示する方法についてです。調べると、<iframe> を使ってページに埋め込む方法が出てくるのですが、こちらの方法だとダ […]

React でペイントアプリなどのように、キャンバスに自由にお絵描きできる機能を実装したいときにおすすめのライブラリです。 JavaScript なら canvas を使うのが一般 […]

今回は、React で Leaflet の地図に矩形や円、マーカー等を描画できるライブラリ「react-leaflet-draw」で、描画する線の色や透明度等を変更する方法について […]

タイトルにある通り、React で画面サイズが変わった事をリアルタイムで検知し、かつ画面の幅・高さをその都度取得する方法についてです。参考にさせていただいた…というか、コードをま […]