-
v-data-tableテーブルのヘッダーで改行をする方法
Vuetifyのv-data-tableで、テーブルのヘッダーで改行する方法をご紹介します。通常のhtmlでは、thタグの中で<br />を使えば済みますがv-data-tableでは、標準的にはpropsに配列（またはオブジェクト）を渡すためこの方法が使えません。 【結論：header... -
Vue.js devtools – Chrome (6.0.12)新しいレイアウトでイベントを確認する
最近あまりVue.js devtools - Chromeを使う機会がなかったのですが、気づいたらレイアウトが変わっていました。Inspectorは、なんとなく分かるのですが、イベントはどこで確認できるんだろう...かなり見つけるのに時間がかかってしまったため、メモしてお... -
【npm】最新版8.5.3にアップデート
ふと最新版かどうか気になったので、試してみました。こちらのQiitaの記事の通りです。現在のバージョンを確認します。 npm --version 8.3.2 2022年3月7日の最新版をGitHubで確認したところ、8.3.5でした。意外に最近更新していたようです。でもせっかくな... -
【Xserver GitHub連携時のエラー】Permission denied (publickey). fatal: Could not read from remote repository.
昔作ったアプリを更新するさいに起こったエラーです。Xseverにsshでログインするところまではできました。続いてgitのコマンドを打ったところで、以下のエラーになりました。 git push origin master Permission denied (publickey). fatal: Could not rea... -
【npm】Laravel, Vue.js環境でのパッケージの脆弱性対応
かなり前に作ったアプリをGitHubに公開しています。時間が経過すると、This automated pull request fixes a security vulnerability (moderate severity).というメールがたくさん届きます。「vulnerability」は、脆弱性という意味です。面倒でずっと放置... -
【Dockerエラー解決】Bind for 0.0.0.0:5434 failed: port is already allocated
久しぶりにDockerをdocker-compose up -dで起動したところ、以下エラーメッセージが出てしまいました。 ERROR: for XXX_database Cannot start service match_database: driver failed programming external connectivity on endpoint XXX_database_1 (XXX... -
JavaScript splice() メソッドの基本を分かりやすく解説
JavaScriptでよく見かけるsplice() メソッドですが、見かける度にリファレンスを確認していたので、一度きちんと理解しようと思いました。リファレンスだけだと分かりづらい、理解するのに時間がかかる方におすすめの記事です。ちなみにslice() メソッドで... -
JavaScript slice() メソッドの基本を分かりやすく解説
JavaScriptでよく見かけるslice() メソッドですが、見かける度にリファレンスを確認していたので、一度きちんと理解しようと思いました。リファレンスだけだと分かりづらい、理解するのに時間がかかる方におすすめの記事です。ちなみにsplice() メソッドで... -
【合格体験記】AWS 認定クラウドプラクティショナーを自宅でオンライン受験した感想と学び
2021/6/21、AWS 認定クラウドプラクティショナーを自宅で受験して、無事に合格することができました！仕事ではフロントエンドを担当しているので、インフラの知識は必要ないのですが、きっかけはぺんぎん村というSNSでこの資格を知ったことでした。公式の... -
EmailJS で JavaScript だけで確認のメールを送ろう
ポートフォリオなどを作るときに、問い合わせフォームを作ると思います。問い合わせフォームでは、メールを送る必要がありますよね。その機能のためだけにメールサーバーを契約して、PHPを書いて、環境構築をするのは面倒です。フロントエンドだけでメール...
12