maco

JavaScript

【IE11】JavaScriptのfor文内でaddEventListenerを使うとインデックス番号が狂う件について

どれだけ技術が発展しても、いまだに足を引っ張り続ける問題児、IE11。 なんと2021年現在、そのシェアは国内で第4位なんだとか。 そんなIE11に今回も悩まされました。 起こったこと for (let i = 0; i &...
JavaScript

npm scriptでディレクトリごとコピーする方法【fs-extra】

npmで、あるファイル(ディレクトリ)を特定の場所にコピーする方法です。 使用するもの こちらをインストールしてください。 $ npm i fs-extra package.json 必要な部分のみ抜粋します。 // 以...
Laravel

S3のファイルをfseekすると「fseek(): stream does not support seeking」とエラーが出た話

経緯 Laravelで動画のストリーミング再生を実装する【Safariでも再生可能】 前回、こちらの記事でLaravelを使った動画のストリーミング再生のやり方を書きました。 デプロイ後も、リモート環境(S3とEC2の環境)で...
Laravel

Laravelで動画のストリーミング再生を実装する【Safariでも再生可能】

開発環境が整っている前提で進めていきます。 仕様は次のとおりです。 仕様 S3上にある非公開の動画を使用 指定のコントローラーにアクセスしたらS3から動画を表示する ヘルパーを作成する ヘルパーは、こちらのラ...
Laravel

LaravelのtextareaをtinyMCEエディターにする方法【画像アップロードあり】

今回はLaravel上でtinyMCEを適用する方法を紹介します! tinyMCEを設置と読み込み まずはtinyMCEの公式サイトで、本体をダウンロードします。 ① デフォルトで全てのチェックがついていますが、気にせずダ...
docker

Docker環境のLaravel6で[PDOException]SQLSTATE[HY000] [2002] No such file or directoryと出た時の対処法

こんにちは。 Dockerを使ったLaravelの開発環境を構築していて、 # php artisan migrate を実行すると、SQLSTATE No such file or directoryとエラーが出て困っていませ...
docker

Dockerをwindows10 homeにインストールする方法

windows10のhomeでもdockerをインストールして使いたのに、一筋縄ではいかずに困っていませんか? この記事では、windows10のhomeにdockerをインストールする工程を解説していきますので、是非最後まで読んでみ...
JavaScript

【Edge対応】スクロールの開始位置を常に一番下に設定する方法

こんにちは。 スクロールの開始位置を常に一番下に設定したい場合ってありますよね。 例えば、ラインのようなメッセージのやり取りができるプラットフォームを作る場合、 常に一番下に最新メッセージを表示させたい、とか。 そういった場...
CSS

Safari13.0.2でフォームのselectボックスを使うとクラッシュする

Safariでフォームのデバッグをしてたら、変なバグに遭遇しました。 「selectボックスが開かない!!」 開かないし、Safariがクラッシュするではないか。 ということで調べてみました。 調査結果 調べてみると、...
JavaScript

vue.jsで子から親コンポーネントにデータを渡す方法

こんにちは。 vue.jsで、子コンポーネントから親コンポーネントにデータを渡す方法があれば便利ですよね。 調べてみると、$emitというメソッドを使うと簡単にできるようなので、今回はその方法を紹介します。 vue.jsで子から親...