【Vue3】Canvas要素に video タグ内の動画を表示する【TypeScript】
みなさん、こんにちは。どんぶラッコです。 今日は、canvas要素にvideoタグの中身を表示させるサンプルについて書いていこうと思います! やりたいこととしては↓↓こういうことです。 ちょっとわかりづらいですが、画面上 ...
【JS】getDisplayMediaを使って画面キャプチャ【サンプルはVue3】
皆さん、こんにちは。どんぶラッコです。 今日は、getDisplayMedia を活用して画面画面共有の機能をWebで実装する方法についてまとめていきます。 Google Meet や Zoom で実装されていますよね ...
【Haskell】カリー化と部分適用を図解しながら説明してみた 【JavaScriptも使いつつ】
カリー化と部分適用、原理を説明できますか? みなさん、こんにちは。どんぶラッコです。 今日は「カリー化と部分適用」というテーマを取り上げてみたいと思います。 前回、zipWith関数の仕組みについて (自分なりに) めっ ...
【Haskell】zipWith 関数を実装して徹底解説してみた 【初学者必見】
zipWith関数の中身を解説してみる みなさん、こんにちは。どんぶラッコです。 最近 すごいHaskell という本を使って、関数型プログラミングについての勉強会を開催しています。 その中の5章、高階関数について紹介さ ...
EC2(Amazon Linux2)単体でLEMP環境を構築し、Laravelを動かす方法!【ついでにHTTPS化】
Nginx, MariaDB を あえて EC2内部に作成してみる みなさん、こんにちは。どんぶラッコです。 AWSでサーバ環境を構築しようとすると、VPCを設定して、データベース設定はRDSに切り出して、ELBを設定し ...
プロジェクトでよくeslintを導入しているのですが、mysqlのカラム名をスネークケースで定義している都合で、 eslintで “キャメルケースじゃないよ!”と怒られるのが都合が悪い。 そんな場 ...
Nuxt.js と @nuxtjs/apollo 構成で @vue/apollo-composable を使えるようにする
apollo-composable を使えるようにしたい! みなさん、こんにちは。どんぶラッコです。 Nuxt.js に Apollo を導入して GraphQL形式の情報を取得するために @nuxtjs/apollo ...
【1行だけ】ボタンをクリックしたら文章をコピーしたい!【JavaScript】
execCommand や DOM要素を作らなくても実装できます! みなさん、こんにちは。どんぶラッコです。 今日はボタンをクリックしたら文章がコピーされる機能を作っていこうと思います。 検索すると execComman ...
[Laravel] Faker で 日本語の文章を入力してもらいたい
結論 でいける 補足 そもそも、Fakerのデフォルトは英語なので、日本語にするには config/app.php 内の faker_locale を変更すればOKです。 これで名前や会社名、メールアドレスは日本仕様のも ...
[JavaScript] 全角カタカナを半角カタカナに変換する方法を解説!
追記: Webアプリにしました! ぜひ使ってみてください♪ 全角←→半角 を変換! みなさん、こんにちは。どんぶラッコです。 今日は、全角カタカナを半角カタカナに変換する方法についてお話しします。 先日たまたま半角カタカ ...
TypeScript * Vuetify * Vue3 で フォームバリデーションするときのエラー
Vuetify で フォームのバリデーション処理を書こうとしたら以下のエラーが発生した Object は unefined の可能性があるよ、という内容だ。 ちなみにどのように設定してるかというと、 のように ref=" ...
Laravel で GraphQL を使えるようにする! LightHouseハンズオン
Laravel で GraphQL を使ってみよう! みなさん、こんにちは。どんぶラッコです。 今回は Laravel のパッケージの1つ、 Lighthouse の使い方をハンズオンしたので、その資料をまとめ直して公開 ...
Unable to locate adb, process killed … Android Studio でエミュレータを設定する時につまづいた2つのエラー
こんにちは、どんぶラッコです。 Android Studio を使ってアプリ開発する際、Android Studio に Emulatorを組み込んで使う方も多いと思います。 そもそも、EmulatorをEditor内で ...
Laravel で JWT 認証を実装してくれる jwt-auth 。 インストールしようとしたら失敗してしまいました。 あれ、 0.5.* 系がインストールされている…? ということで Packagistを ...
「ブログリーダー」を活用して、どんぶラッコさんをフォローしませんか?