プログラムメモ
Category
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
graphqlクエリ
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
node.js
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
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発(ASP.NET Core / C#)
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
Lighthouseのスコア上げ
Next.js のページが 「サーバー」/「クライアント」でどう動いているかを調べる
Redux のフック
npm で指定したパッケージだけupgradeしたい
Next.js で emotion
コンポーネント開発速度を加速させるStorybookをReact に 追加する
プロジェクト内の npm パッケージの更新手順
npm バージョンをマイナーで留めておく
React Hook Form + zod
widthの指定だけで レスポンシブな正方形を作成するcss
色々バージョン切り替え asdf
fzf で bash / zsh のコマンドを便利にする
ts-node より高速な tsx による typescript ファイルの実行
Next.js の App Router ざっくりまとめ
XSERVER で node.js を利用する
react + typescript で GoogleMap
Macに便利な node.js バージョン自動切り替え nodenv をインストールする
Google Map を css でモノクロ(白黒)にする
Next.js + Firebase で Googleログインのテスト
git の タグ打ち用 空コミット
プレーンなオブジェクトをクラスに変換する class-transformer
t3 stack (trpc) で Date型を扱う
Prisma orm で スコープをつけたい
nest.js で GraphQL Code Generatorを使うとき、Date関連の型をどうするか
next.js で class-transformer と class-validator を使用する
検索
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
トップに戻る
新規投稿
tags
W3C_Markup_Validation_Service
[1]
クイックリンク
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" を使用して外部アンカーを開く
Lighthouseのスコア上げ
● Lighthouseのスコア上げ
https://jpsern.com/lighthouse-score-attack/
https://originale.cc/css-customize/
No.2467
02/14 15:08
edit
edit
delete