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で子から親...
JavaScript

Vue.jsで配列・オブジェクトの変更がv-ifなどで検出できない場合の解決方法

Vue.jsで配列・オブジェクトを扱う場合、配列のデータは更新されているのに変更が検出できない、という現象でつまったので書きます。 僕がつまったケース mountedで配列に値をセットし、その後あるメソッドを実行した場合に変...
iziModal

iziModalにツイッターを埋め込む方法

こんにちは。 iziModalにツイッターを埋め込むと、モーダルウィンドウを開いた際に埋め込みタグがそのまま表示されてしまうという現象に悩んでいませんか? 本記事では、上記の原因と解決方法を紹介します。 iziModalにツイ...
CSS

CSSのdisplay:flex で幅(width)の指定が効かない時の対処法

こんにちは。 display:flex(flexbox)で要素を横に並べた際に、幅を指定してもその通りにならないと困っていませんか? 本記事では、CSSのdisplay:flexで幅(width)の指定が効かない時の対処法を解説して...