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

【React】要素をドラッグ＆ドロップで移動できるライブラリ「react-draggable」

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

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

　ソースコードを外部公開する時はよくあります。これは特に隠すべきでないものであったり、Git を外部リポジトリとつないでいるから複数人で共用するためにとりあえずなどと理由は様々です […]

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