Google Chromeの開発者ツールにあるLighthouseを使うと、ウェブページのパフォーマンス、アクセシビリティ（ユーザー補助）、SEO対策などウェブページの質を上げるための評価をしてくれます。
このサイトの場合、ユーザー補助はすぐに100点を目指せそうだったので改善してみました。
コントラストが低く、視認性が悪いようでした。色を変えればいいですね。
色を変えたら、コントラストが改善されて、ユーザー補助が100点になりました。100は気持ちがいいですね。よかった。
他の項目は気が向いたら改善してみます。
Google Chromeの開発者ツールにLighthouseがあるので、気になるページの点数を見てみてはいかがでしょうか。
動かなくなったので再度AstroにGoogleアナリティクス4を入れてみました。
v-cardの中にv-cardを入れたらmarginがはみ出てる？暫定的にdivで調整しました..
日向美術館で作成したmicroCMSのAPIスキーマの設定方法と設定した内容をご紹介します。
子供の作品を箱にしまい込むだけにせずにウェブに載せてみました。Headless CMSであるmicroCMSを使ってみたら使いやすかったです。
縦書き文字をflexboxを使って並べたときのレイアウト崩れが直りました。
本の情報をオープンにしてくれているOpenBDのAPIを使ってISBNの登録数を見てみました
AWS Lambda、API Gatewayを使ってLINE Botで愛を伝えてみました
Google Apps Scriptで勤怠管理システム風なものを作ってみました。
canvaを使ってアイキャッチ画像を作ることができます。
AstroにGoogleアナリティクス4を入れてみました。
VuePressからAstroにブログを移管してみました。
似顔絵メーカーさんで似顔絵を作ってみました。簡単な操作でできるのでおすすめ。