Nuxt axiosでunable to verify the first certificateが発生した時の対処方法

nuxt-axiosで通信を行った際に以下のエラーが発生した。 原因 通信先のサーバーが自己署名証明書を使用しているなどの理由で証明書に不整合があると発生するらしい。 自分のケースではローカル環境が自己署名証明書を使って … 続きを読む Nuxt axiosでunable to verify the first certificateが発生した時の対処方法

CloudFrontを経由したLambdaから別のCloudFrontに通信を行うとエラーになる

CloudFrontを経由したLambda(中身はNuxt)から、更に異なるCloudFront(またはLambda)にリクエストを送信しようとした所、以下のエラーに遭遇した。 原因 CloudFront(またはLamb … 続きを読む CloudFrontを経由したLambdaから別のCloudFrontに通信を行うとエラーになる

OGP画像をLambda+Vueで描画する

以下の画像のようにLambda+VueでOGP画像を生成してS3に保存する仕組みを作ったので記録を残します。 これはContentfulというヘッドレスCMSを使用してメディア(セリフデータベース)を作成した際の副産物に … 続きを読む OGP画像をLambda+Vueで描画する

Figmaで線と線を結合する

Figmaで線と線を結合する方法を説明します。 まずは線を2本用意します。Penツールを選択します。 2本の線を書きました。 Shiftを押しながら2つの線をクリック(選択)し、ctrl+Eを押します。2つの線が1つのグ … 続きを読む Figmaで線と線を結合する

Windows+Dockerの環境が重い問題を解決する

本記事はQiitaに移動しました https://qiita.com/t-kuni/items/71bc73429643ef727011 t-kuniWebエンジニアをやっています UX/UIデザインからプログラミング、 … 続きを読む Windows+Dockerの環境が重い問題を解決する

NuxtのローカルサーバをHTTPSに対応させる

NuxtのローカルサーバをHTTPSに対応させる方法を調べたので記録を残します。経緯としては、navigator.mediaDevices.getUserMediaでマイクにアクセスしようとした際にHTTPSでないとアク … 続きを読む NuxtのローカルサーバをHTTPSに対応させる

S3バケットにサブドメインを割り当てて外部からアクセス出来るようにする

S3バケットにサブドメインを割り当てて外部からアクセス出来るようにする方法をまとめました。ドメインをRoute53で管理しているのが前提になります。 バケットを作成します S3のバケット名をドメイン名と合わせる必要があり … 続きを読む S3バケットにサブドメインを割り当てて外部からアクセス出来るようにする

コード進行をディグリーネーム(度数表記)に変換するツールを作った

コード進行をディグリーネーム(度数表記)に変換するツールを作りました。コード進行の分析などに活用ください。 Key: CC#DD#EFF#GG#AA#B C C# D D# E F F# G G# A A# B m M7 … 続きを読む コード進行をディグリーネーム(度数表記)に変換するツールを作った

Lighthouseの「Background and foreground colors do not have a sufficient contrast ratio.」の対処方法

文字と背景色のコントラスト比を上げる事で解消できます。 chromeの開発者ツールを開いて、該当タグのstyleのcolorにある四角の色表示をクリックします。以下の様にコントラスト比が表示されます。ここでは、4.34と … 続きを読む Lighthouseの「Background and foreground colors do not have a sufficient contrast ratio.」の対処方法

Lighthouseの「Buttons do not have an accessible name」の対処方法

ボタンタグにaria-labelを追加すれば解消します。自身のケースではVuetifyを使用していたためv-btnタグにaria-labelを追加しました。 aria-labelとは? テキストラベルが画面に表示されない … 続きを読む Lighthouseの「Buttons do not have an accessible name」の対処方法