- 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 […]
- 2023年1月10日
- 2023年1月10日
【Git】Gitで管理されていないファイルだけコピーする方法
しばしばアプリケーションを移行したり、運用中のモノ全体をまとめたりする必要があります。そういった時、プログラムのある場所によっては Git 管理されている範囲のソースコードは G […]
- 2023年1月9日
【PHP】ナンバープレートの数字を元に10を作るアレで PHP8.2 の乱数生成器クラスの使用例
4つの数字を自由に並び替えたり、演算子を加えたり、括弧を加えたりして10を作る問題があります。助手席に座っている時に前の車のナンバーで遊ぶ方法の一つです。この問題の名前ですがテン […]
- 2023年1月6日
【Docker】Dockerイメージ生成時のログを生成時点で全部表示する方法
Docker のイメージ生成時には次の様な少ない行数のログが同じ行を書き換えて流れていきます。 [+] Building 2.7s (2/3) => [internal] loa […]
- 2023年1月5日
【JavaScript】親要素の display:none の影響で非表示になりうる要素が表示状態か否か識別する方法
何かしらの機能を作る時、画面内の要素に関連した何かを表示することがあります。例えば、画像と画像の間を線で結んだりとかそういったものです。その様な機能を作る時、参照先が非表示だと画 […]
- 2022年12月23日
【TypeScript】複数のオブジェクトのユニオン型でいずれかのオブジェクトに存在しないプロパティを指定してもコンパイルエラーにならない方法
TypeScript は緩やかにも厳格にも設定次第の強さで型を JavaScript に付与してくれる AltJS です。なるべく厳格にする方が安全なプログラミングができますが、 […]
- 2022年12月20日
【Laravel】views の中にある blade ファイルをディレクトリ構成そのままのURLに自動でルーティングする方法
やんごとなき理由で静的ページっぽく扱う部分がある時に知っておくと便利な方法です。public 以下に置きたくない、拡張子抜きでのアクセスをwebサーバーの設定変更せずに実現したい […]
- 2022年12月19日
- 2022年12月20日
【JavaScriptl】サイトやページの中の各リンク先がアクセス可能か否かをテストできるライブラリ broken-link-checker の紹介
webサイトを作ったり、改修したりした結果のテストをする際、正常なリンクがあるように見えるけれどもアクセスするとエラーとなるページがあるかないかを探します。主要なリンクについては […]
