- 2023年2月3日
【React】ESLint と eslint-plugin-react-hooks で期待通りのタイミングで動かなそうな useEffect や useMemo などを見つける
React には useEffect、useMemo、useCallbackといった特定の値が変わった時、それを検知して動くフックが用意されています 副作用フックの利用法 – R […]
技術情報
- 2023年2月2日
【Laravel】定期実行時やコンソール実行時のエラーのみを Slack に投げる方法
2023-02-01 に内閣府が公開している祝日データCSVファイルの URL が変わりました。祝日を自前のストレージにダウンロードしてなんやかんやするプログラムの場合、定期的に […]
- 2023年2月1日
【JavaScript】Node.js で画像を辺の長さが長辺の正方形の画像になる様に加工する
要するに次の様に画像を加工するスクリプトです。 web ページで公開する場合、大体 CSS でどうにかすれば良いのですが目的によってはファイルそのものをあらかじめ加工しておいた […]
- 2023年2月1日
【React Native】ディープリンクからアプリを起動する
今回は、React Native で URL からアプリの特定のページを開くことができるディープリンクを設定する方法についてです。 参考にさせていただいた記事はこちらから。 [Re […]
- 2023年1月27日
【Laravel】CSRF対策の除外URL設定で関数を使う方法
この記事で紹介する Laravel の話は少なくとも 5.6～9.xのバージョンで共通です。 Laravel には CSRF という攻撃の対策がデフォルトで含まれています。CS […]
- 2023年1月24日
GIMPで編集した画像ファイルがアップロードできない時の解決方法
GIMP は無料の画像編集ソフトです。自分もしばしばお世話になります。 GIMP – GNU Image Manipulation Program GNOME / G […]
- 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月17日
- 2023年1月17日
【MySQL】【Laravel】主キーに ULID を使う方法
ULID とは Universally Unique Lexicographically Sortable Identifier の略で、世界中で重複する可能性が極めて低く辞書的 […]
- 2023年1月16日
【Laravel】マイグレーションの中で Eloquent を使うのを避けた方が良い理由
Laravel にはマイグレーションという DB（データベース）のバージョン管理的な機能があります。ソースコードに DB の変更を記述して、その差分を積み上げることによって再現性 […]
- 2023年1月13日
【CSS】【JavaScript】CSSの三角関数を使って任意の2要素を線で結ぶ
CSS の三角関数が主要ブラウザで実装されきる日が近づいてきたので、これの使用例として任意の2要素を直線で結ぶ方法を紹介します。 2023年はCSSで三角関数「sin(), co […]
