はじめに 以下の画像のようにgooglechartsで背景色を設定したい。 けれどgooglechartsってoptionの設定がいっぱいあってどう書けばどの範囲のbackground color…

SWRのfetch中のチラつきをなくすための方法です。 公式に書かれていました。 環境 React: 17.0.2 Next: 11.1.3 SWR: ^1.2.2 サンプルコード 公式から拝借 c…

はじめに こんにちは！この記事は、Reactを使っていてずっとモヤモヤしていた、配列からmapを使って要素を挿入する方法が動く理由についてモヤモヤが解消されたので、同じ快感を共有したいと思い執筆し…

はじめに Reactで map を用いて繰り返しDOMを生成したものに対して useRef を適用したいときのTipsです。 概要 例えば input要素をコンポーネント化してリストにし、その数が…

SolidJSとは https://www.solidjs.com/ 仮想DOMを使わない、Reactライクに書ける新しいフロントエンドのフレームワークです。 同じく仮想DOMを使わないフレームワ…

Three.jsとは、手軽に3Dコンテンツを制作できる商用利用可能なJavaScriptライブラリです。 って書いてありました。なんかすごそうです。 canvasの使い方すら知らない自分でも手軽にで…

概要 タイトルをクリックしたらコンテンツが開閉される。 Boxは配下は一つのページで複数表示されることを想定し、idでなくclassで制御している。 HTML <dl class="accordi…

概要 ブラウザで手軽に3Dコンテンツを作ってみたいと思い、最近話題のBabylon.js を触ってみた、という記事です。 この記事は業務の一環として執筆しているため、弊社(BAMV合同会社)のロゴ…

概要 ページを開いたらローディングが表示され、指定の秒数が経ったらページ（要素）が見えるようにする。 使用するアニメーション（プラグイン） Loaders.css https://connorat…

指定のスクロール位置がブラウザトップに到達したらバナー（要素）を出現させる。 HTML <div id="floatBnr-start">バナーイン位置</div> <!-- 中略 --> <div…

DOMとは Document Object Model のこと。 APIである（HTMLおよびXMLドキュメント制御のための）。 JavaScriptとDOMは分かれて扱われている。 DOMツリー…

概要 Ultimate MemberというWordPressのプラグインがあり、会員サイトを楽に構築が出来る様になります。 「フォーム」で入力するフォームを作成する際、繰り返しフィールドの様な仕様…

React-pdfで、文書全体に以下の設定を適用する方法 改行時にハイフンを入れないようにする 単語の途中で改行する こちらにスマートな解決法がありました。 https://github.com/…

OpenCV.js OpenCVはみなさんご存じの画像処理ライブラリですが、実は公式にJavaScriptバインディングがあります。 https://docs.opencv.org/4.6.0/d…

Googleアナリティクス4、ユニバーサルアナリティクスにおけるWebのユーザーを識別するIDのひとつである、【クライアントID】（client_id）を取得するシンプルなjavascriptのサン…

結論：公式ドキュメントをしっかり読みましょう（笑） Reactを復習していたとき、講座内のReact Routerがv5で大幅に記述が異なっていて、 甘えてググってしまい沼に陥ってしまいました。 ネ…

はじめに こんにちは。masakichiです。 今回は、useReducerについて簡単にまとめてみました。 useReducerの概要理解 useReducerとはstateを用意・管理するため…

はじめに みなさんWordleをご存知ですか？ フィードバックをもとに隠された５文字の英単語を当てるゲームです。 https://www.nytimes.com/games/wordle/inde…

はじめに 初めまして、英語を効率的に学べるサービスを自ら手掛けたいと思いプログラミング学習を約３ヶ月前から始めました。アプトプットをしたいと思い下手くそな説明または間違った内容の投稿にもなるかも知…