ナレッジ

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

by

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

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

by

文字と背景色のコントラスト比を上げる事で解消できます。 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」の対処方法

by

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

【Nuxt+Vuetify】デフォルトでwebフォントが読み込まれるのを止める

by

nuxt.config.jsに以下の様に記述します。 デフォルトではRobotoフォントとマテリアルデザインアイコンが自動的に読み込まれる。fontプロパティとiconsプロパティをfalseにする事でそれぞれ停止できま … 続きを読む 【Nuxt+Vuetify】デフォルトでwebフォントが読み込まれるのを止める

Cloud Front経由の通信が502エラーになる

by

AWSのCloud Frontを噛ませたサーバに通信すると502エラーが発生していました。 調べた所、リクエストをCloudFrontから実際のサーバに転送する際にクエリストリングが捨てられる様です。以下の手順でクエリス … 続きを読む Cloud Front経由の通信が502エラーになる

「ロケール」の文字列表現を整理してみた

by

Linuxの環境変数LANGやHTMLのlang属性、PHPのsetlocaleなど、様々な所でロケールを指定できますが、以下の様にバリエーションがあり、混乱したので仕様を整理してみました。 ja jp ja-jp (ハ … 続きを読む 「ロケール」の文字列表現を整理してみた

LaravelとInertiaJSを使ってサービスを作ってみた

by

今回は、Laravel+InertiaJS+VuetifyでWebサービスを作ってみたので機能の紹介と採用する上での懸念事項(主にSEO周り)、導入時に遭遇したエラーなどの記録を残します。ちなみに作成したWebサービスは … 続きを読む LaravelとInertiaJSを使ってサービスを作ってみた

ECSのdocker composeのハマりポイントまとめ

by

AWSのECSにはdocker-compose.ymlを実行できる仕組みが用意されています。今回はそれを触ってみた所、細かい仕様の違いが多く、数々のエラーに遭遇したので記録として残しておきます。 前提 docker-co … 続きを読む ECSのdocker composeのハマりポイントまとめ

Lightsail(t2)がCPUクレジットを使い果たしてMySQLのCPU使用率が200%を超えてた件

by

LightsailにデプロイしているWebサービスのレスポンスが妙に遅くてサーバのメトリクスを確認したらMySQLのCPU使用率が200%超えてました。100%って超えられるもんなんですね。自分で限界を決めちゃ駄目だなと … 続きを読む Lightsail(t2)がCPUクレジットを使い果たしてMySQLのCPU使用率が200%を超えてた件