- 2023年2月27日
- 2023年2月27日
【JavaScript】Node.js でアスペクト比を維持したまま特定の範囲内に画像が収まる様にリサイズする
題の通りです。例えば960×960の範囲に収めるために1280×720の画像を960×540に、1080×1920の画像を540× […]
CATEGORY
言語
- 2023年2月22日
【PHP】Enum を連想配列の様にキーから値を呼び出す処理を高速で汎用性が高い形で書く
結論として次の様に trait を書いて使うと便利です。 以下は説明です。 PHP8.1 から Enum というクラスや連想配列に似たオブジェクトを定義できる言語機能が増えま […]
- 2023年2月14日
【PHP】Windows上で手っ取り早くリリース前のPHPをビルドしてくれるツール php-builder-windows の紹介
PHPについてリリース前などの特定のバージョンをソースコードからビルドしたい時があります。これは手作業でもできないことはないのですが面倒です。php-builder-window […]
- 2023年2月3日
【React】ESLint と eslint-plugin-react-hooks で期待通りのタイミングで動かなそうな useEffect や useMemo などを見つける
React には useEffect、useMemo、useCallbackといった特定の値が変わった時、それを検知して動くフックが用意されています 副作用フックの利用法 – R […]
- 2023年2月1日
【JavaScript】Node.js で画像を辺の長さが長辺の正方形の画像になる様に加工する
要するに次の様に画像を加工するスクリプトです。 web ページで公開する場合、大体 CSS でどうにかすれば良いのですが目的によってはファイルそのものをあらかじめ加工しておいた […]
- 2023年1月23日
【TypeScript】配列を再帰的に逆順にする関数を無理な型を付けずに作る
TypeScript は JavaScript に型の機能を加えた言語です。型を用いた静的解析によって開発を助けてくれます。この型の機能を活かしたま再帰的な機能を作るちょっとした […]
- 2023年1月19日
【React】「React Image Crop」ライブラリを使って画像を切り抜く
だいぶ久しぶりの投稿になりましたが、今回は「React Image Crop」ライブラリについてです。 現在開発中のプロジェクトで、画像の切り抜き機能を実装する必要があったので、そ […]
- 2023年1月18日
- 2023年1月18日
【React】【TypeScript】データ属性を含めてHTML要素の属性の型を定義する
とりあえず↓の型を使えばいい感じに動いてくれます。 以下は上記の型とその型で何をしたかったのかの説明です。 React のコンポーネントを定義する時、次の様に子要素に透過的に […]
- 2023年1月13日
【CSS】【JavaScript】CSSの三角関数を使って任意の2要素を線で結ぶ
CSS の三角関数が主要ブラウザで実装されきる日が近づいてきたので、これの使用例として任意の2要素を直線で結ぶ方法を紹介します。 2023年はCSSで三角関数「sin(), co […]
- 2023年1月9日
【PHP】ナンバープレートの数字を元に10を作るアレで PHP8.2 の乱数生成器クラスの使用例
4つの数字を自由に並び替えたり、演算子を加えたり、括弧を加えたりして10を作る問題があります。助手席に座っている時に前の車のナンバーで遊ぶ方法の一つです。この問題の名前ですがテン […]
- 2023年1月5日
【JavaScript】親要素の display:none の影響で非表示になりうる要素が表示状態か否か識別する方法
何かしらの機能を作る時、画面内の要素に関連した何かを表示することがあります。例えば、画像と画像の間を線で結んだりとかそういったものです。その様な機能を作る時、参照先が非表示だと画 […]
- 2022年12月23日
【TypeScript】複数のオブジェクトのユニオン型でいずれかのオブジェクトに存在しないプロパティを指定してもコンパイルエラーにならない方法
TypeScript は緩やかにも厳格にも設定次第の強さで型を JavaScript に付与してくれる AltJS です。なるべく厳格にする方が安全なプログラミングができますが、 […]
