プログラムメモ
Category
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
Claude Code , Cursor , ChatGPT
AI
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun / pnpm / npm
WEB制作(html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
React
Vue3
Next.js
Vue.js
postgreSQL
Go
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発(ASP.NET Core / C#)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
現在のgitブランチのリモート(アップストリーム upstream)を確認する。
last , lastb , utmpdump コマンド
未使用のパッケージや未使用のインポートを調査する knip
git worktree とは
ReactのuseReducer を理解しやすくする
3000番ポートを開放する
プロセスマネージャー pm2で next.js を動作させる
Plesk で メールサーバのDKIM設定, DMARC設定
AWS をコマンドから操作する AWS CLI
Googleのクラウドサーバ Google Compute Engine を利用する
RTK Query
Next.js で viewport を設定する
Firebase Cloud Messaging (FCM)で通知を送る
Google Looker Studio (名称変更 → Google Data Studio)
Google Search Console MCP
Goコードレビューでよく指摘されるやつ
RTK Query mutation の Error型を判別する
pnpm を使う
nvm で nodejs のバージョンを管理する
css によるコンテナクエリ
Visual Studio Code (vs code)の拡張機能を公開する
Claude Code便利コマンド
画像をSVGに変換するオンラインウェブアプリ
cssで改行コードをそのまま表示する
Promise で 成功したものだけ、最初に実行完了したものを取得する
検索
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
トップに戻る
新規投稿
tags
W3C_Markup_Validation_Service
[1]
高速化
[1]
クイックリンク
png画像の最適化は結局何を使う
TTFB
Google Core Web Vitals とは
Lighthouseのスコア上げ
Google Lighthouseの「フォーム要素にはラベルが関連付けられていません」を修正する
W3C Lint / 記事に見出しがありません エラーの対処法
DiagnosticsMore information about the performance of your application. These numbers don't directly affect the Performance score.
[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5. の対応
100% appropriately sized tap targets (タップターゲットのサイズが適切ではありません)
# ● ボタンにアクセス可能な名前がありません(Buttons do not have an accessible name)
Aタグなどリンクするタグ に aria-label をつける
サイトで rel="noopener" を使用して外部アンカーを開く
Google PageSpeed Insights の速度アップ修正に対応する
Google Lighthouseの「フォーム要素にはラベルが関連付けられていません」を修正する
● 「フォーム要素にはラベルが関連付けられていません」Form elements do not have associated labels を修正する
aria-label をつけましょう
<select name="menu">
↓
<select name="menu" aria-label="クイックリンク">
No.1882
10/19 09:14
edit
edit
delete