【CSS】ハイパースペース風アニメーションの実装方法と解説
光が中心から放射状に動いている、ハイパースペース風のアニメーションをCSSとJavaScriptで実装してみました。 仕様と完成形 光の線⋯600本、長さ⋯25〜65vmax、中心に半径 8vmax の空洞 円の中心から飛び出るようなアニメーション マウスオーバーまたは画面を押し続けていると、円の中心が追従する 完成形は以下になります。 ...
Laravelで多階層リレーションを安全かつ高速に扱う方法
Laravelでは、ユーザー → 購入履歴 → 商品のように、リレーションが2〜3階層以上にわたるデータ構造を扱う場面が多くあります。この構造に何も考えずアクセスすると、N+1問題によるパフォーマンス低下や、Nullアクセスによる実行時エラーが発生しやすくなります。本記事では、その対策として with() によるEager Loadingと、data_get() / Null Safe演算子によるNull安全なアクセス方法をまとめます。 ...
Apacheのアクセスログをコピー・圧縮してローカルに取得する手順
Apacheのアクセスログを、元ファイルはそのまま残した状態でホームディレクトリにコピー・圧縮し、ローカルPCへ転送するまでの手順をまとめます。 ...
フォルダの差分を比較・出力するbatファイルの作成と使い方
git diffのように「どちらかにしかないファイル」と「両方にあるが中身が違うファイル」を一覧表示してくれるツールが欲しかったので、バッチファイルで作りました。 Windows標準の機能だけで、2つのフォルダの中身を比較して差分を確認したいという限られた環境で使うことを想定しています。 ...
【Laravel】Laravel Eloquent::withExistsで追加したカラムが0やbooleanになる問題の解決
Laravel のwithExistsやwithCountを利用して「お気に入り済みフラグ」などの動的カラムを実装する際、期待した値(1 / 0)が返らず、true/falseになったり、データがあるはずなのに0に固定される問題が発生しました。 ...
git fetch エラー「index.lock 許可がありません」、「The requested URL returned error: 503」が発生した時の対応法
git fetchを実行した際に発生した「index.lock 許可がありません」、「The requested URL returned error: 503」のエラーについて対応したことをまとめました。権限の変更とconfigファイル内のURLの修正が必要でした。 ...
【React】ボタンの二重クリックを制御する
実務でよく使うダブルクリック制御をまとめます。二重送信によるデータの重複登録が懸念される案件が多かったので、設計時に仕様に含めることをおすすめします。特に、決済の二重登録は重大なインシデントになります。 今回は、React RouterとシンプルなReactを使った2パターンをまとめました。 ...
Laravelプロジェクトを複数人でgit操作できるようにするパーミッション設定
サーバー上の共有ディレクトリに配置したLaravelプロジェクトを、特定の1ユーザーだけでなく同じグループに所属する複数人でgit操作できるようにするための手順です ...
【React】ReactのJSXで数値の「0」が表示される理由
React（JSX）において、論理積演算子「&&」を用いた条件付きレンダリングを行う際、意図しない「0」が出力されてしまう事象が発生しました。 この記事では、その実際のコードと問題点・解決策をまとめています。 ...
【MySQL】SSH経由でのCSV出力とローカルへのファイル転送方法
リモートサーバー上のMySQLからデータを抽出し、ローカル環境へ安全に転送する手順の備忘録です。 INTO OUTFILE命令による権限エラーを回避し、データ内の改行を保持したまま出力する方法を紹介します。 ...