- 2023年4月7日
【JavaScript】Enterキーを押すなどのキーボードイベントを発行する方法
JavaScriptでのイベント操作は、開発者がWebページを制御するための強力なツールです。例えばelement.click()でクリックイベントを発行できたりできます。しかし […]
JavaScriptでのイベント操作は、開発者がWebページを制御するための強力なツールです。例えばelement.click()でクリックイベントを発行できたりできます。しかし […]
ChatGPTは、OpenAIが開発した大規模な対話型AIで、自然かつ流暢な文章を生成することができます。ChatGPT は人間同様に誤りを起こすことがあり、できないこともあります […]
TypeScript ではよく関数の引数と返り値の型を定めます。こうしておくと、あるところの型の変更があった時や誤った型を使ってしまった時に問題があるか否か、あるならばどこが問題 […]
React のレンダリングアルゴリズムはざっくりいうと「コンポーネントの持つデータに差分があり次第、再レンダリングする」というものです。この差分ですが JavaScript にお […]
題の通りです。例えば960×960の範囲に収めるために1280×720の画像を960×540に、1080×1920の画像を540× […]
React には useEffect、useMemo、useCallbackといった特定の値が変わった時、それを検知して動くフックが用意されています 副作用フックの利用法 – R […]
要するに次の様に画像を加工するスクリプトです。 web ページで公開する場合、大体 CSS でどうにかすれば良いのですが目的によってはファイルそのものをあらかじめ加工しておいた […]
TypeScript は JavaScript に型の機能を加えた言語です。型を用いた静的解析によって開発を助けてくれます。この型の機能を活かしたま再帰的な機能を作るちょっとした […]
だいぶ久しぶりの投稿になりましたが、今回は「React Image Crop」ライブラリについてです。 現在開発中のプロジェクトで、画像の切り抜き機能を実装する必要があったので、そ […]
とりあえず↓の型を使えばいい感じに動いてくれます。 以下は上記の型とその型で何をしたかったのかの説明です。 React のコンポーネントを定義する時、次の様に子要素に透過的に […]
CSS の三角関数が主要ブラウザで実装されきる日が近づいてきたので、これの使用例として任意の2要素を直線で結ぶ方法を紹介します。 2023年はCSSで三角関数「sin(), co […]
何かしらの機能を作る時、画面内の要素に関連した何かを表示することがあります。例えば、画像と画像の間を線で結んだりとかそういったものです。その様な機能を作る時、参照先が非表示だと画 […]