本文へ移動
cccskills

「then」の検索結果

5,095 件 ・ 関連度順

概要と使いどころ

quality

無料日本語概要

ブログ記事や商品説明、ランディングページの内容を検索意図や根拠、著者情報から点検し、説明の不足や古い情報を見つけて具体的な改善を支援します。

  • ブログ記事のSEO品質点検
  • 内容の薄い商品説明を補いたいとき
  • LPが検索意図に合うか確認したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

performance-resource-hints

無料日本語概要

ページ表示の遅さを実測で確認し、重要な画像やフォントの先読み、外部サーバーへの事前接続を適切に設定して、読み込みを早める改善を支援するスキル。

  • 主要画像やフォントの表示遅延の調査
  • 外部サービスへの事前接続の検討
  • 次の画面で使うファイルの先読み
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

mixed-content

無料日本語概要

HTTPSページに紛れたHTTPの画像やスクリプトを調べ、混在コンテンツを修正します。URLの置き換えとセキュリティヘッダーの設定を確認するスキルです。

  • HTTPSページの混在コンテンツ点検
  • HTTPS移行後のリソースURL確認
  • 古い記事に残るHTTP参照の修正
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

memory-leaks

無料日本語概要

JavaScriptのイベント処理やタイマー、不要になった通信などを点検し、画面を使い続けるとメモリ使用量が増える原因を調査・修正するスキル。

  • 長時間利用でメモリが増える原因の調査
  • 部品を破棄するときの後処理の確認
  • 画面変更後の不要な通信を止めたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

link-in-text-block

無料日本語概要

本文中のリンクが色だけに頼らず見分けられるかを点検します。下線、文字色のコントラスト、ホバーやフォーカス時の表示を確認し、CSSの修正案を示します。

  • 本文リンクの下線を外す際の確認
  • リンクと本文のコントラスト確認
  • ホバーやフォーカス表示の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

meta-refresh

無料日本語概要

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

  • HTMLの自動転送を探したいとき
  • サーバー側の転送に置き換えたいとき
  • 読み上げ利用時のページ移動の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

landmark-one-main

無料日本語概要

ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。

  • ページひな型のmain領域を確認
  • 組み合わせたレイアウトのmain重複を修正
  • スクリーンリーダーで本文への移動を確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

label-content-name-mismatch

無料日本語概要

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

  • ボタンの表示文字と名前を照合したいとき
  • 音声操作しにくいリンクの点検
  • アクセシビリティツールで修正を確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

nap-consistency

無料日本語概要

店舗や事業所のサイトに載る名称・住所・電話番号を照合し、表記ゆれを洗い出します。ページ本文から構造化データまで統一し、ローカルSEOの点検に役立てます。

  • 店舗サイトの連絡先を点検したいとき
  • 住所や電話番号の表記統一
  • 構造化データと本文の照合
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

llm-parsability

無料日本語概要

AIがウェブページの内容を読み取りやすいか、見出しやHTML構造、JavaScriptなしでの本文表示、構造化データを点検し、改善を支援するスキル。

  • AIの回答で参照されるページの点検
  • 見出しや各節を単独で伝わる文にしたいとき
  • JavaScriptなしの本文表示の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

navigation-landmark

無料日本語概要

Webページのナビゲーションを点検し、nav要素や識別ラベル、スキップリンクを使って、スクリーンリーダーで目的の領域へ移動しやすい構造に整えるスキル。

  • メインとフッターの操作性を見直したいとき
  • 複数のナビゲーションを区別したいとき
  • 共通部品が出力するHTMLの点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

link-text

無料日本語概要

リンク先が単独でも伝わる文言かを点検し、曖昧な表現や読み上げ用の名前を改善します。キーボード操作やダウンロードリンクの案内も確認するスキルです。

  • 曖昧なリンク文言を直したいとき
  • 読み上げ時のリンクを点検したいとき
  • ダウンロードリンクの案内確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

lowercase

無料日本語概要

URLに含まれる大文字を調べ、小文字への統一と301リダイレクトの設定を支援するスキル。内部リンクやサイトマップも確認し、重複URLを整理します。

  • URL内の大文字を点検したいとき
  • 新規サイトのURL統一方針を決めるとき
  • 301リダイレクトを検証したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

naming-conventions

無料日本語概要

CSSの曖昧なクラス名や命名のばらつきを調べ、部品・要素・状態を表すBEM形式に整理するスキル。画面幅や操作状態ごとの実際の表示も確認します。

  • CSSクラス名のばらつきの点検
  • コンポーネントの命名をBEMに統一
  • 補助クラスとJavaScript用クラスの区別
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

legacy-js

無料日本語概要

モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。

  • ページ読み込みの遅さを調べたいとき
  • 不要な互換コードの点検
  • モダンブラウザ向けビルド設定の見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

largest-contentful-paint

無料日本語概要

ページの主要コンテンツが表示されるまでの時間を計測し、画像やサーバー応答、描画処理のボトルネックを特定して、根拠に基づく改善を支援するスキル。

  • 主要コンテンツの表示遅延を調べたいとき
  • メイン画像の読み込みを見直したいとき
  • 計測結果から改善の優先順位を決めたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

js-libraries

無料日本語概要

JavaScriptライブラリの古いバージョンや既知の脆弱性、容量の重さを点検し、実測した問題を根拠に、安全な更新や軽量な代替への置き換えを検討するスキル。

  • 依存ライブラリの脆弱性を調べたいとき
  • 読み込みを遅くする原因を調べたいとき
  • 軽量な代替ライブラリを検討したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

lazy-above-fold

無料日本語概要

ページを開いて最初に見える画像の遅延読み込みを点検し、実測で表示の遅れを確認したうえで、属性の削除や読み込み優先度の見直しを案内するスキル。

  • メイン画像の読み込み設定点検
  • LCPに影響する画像の遅れを調べたいとき
  • 最初に見える画像の読み込み属性の調整
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

json-ld-valid

無料日本語概要

記事・商品・FAQなどの情報を検索エンジンに伝えるJSON-LDを作成・点検し、構文エラーや必須項目の不足を修正して、リッチリザルト向けの検証を進めるスキル。

  • 記事や商品の構造化データを作成したいとき
  • FAQやパンくずリストの構造化データの点検
  • JSONの構文エラーや必須項目不足の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

nofollow-internal

無料日本語概要

同じドメイン内のリンクに付いたnofollowを調べ、掲載元・リンク文言・移動先を一覧化し、属性の削除や目的に応じた設定の見直しを支援するスキル。

  • 内部リンクのnofollowを点検
  • ナビゲーションやヘッダーのリンクを確認
  • テンプレートによる一括付与を調べたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

heading-hierarchy

無料日本語概要

Webページの見出しを点検し、階層の飛びや内容に合わない見出しを洗い出します。画面読み上げでページ構成をたどりやすいよう、HTMLの構造を整えます。

  • ページの見出し階層を点検したいとき
  • 画面読み上げでの移動しやすさ改善
  • デザインシステムの見出し確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

gtm-present

無料日本語概要

Google Tag Managerがページの表示速度に与える影響を実測し、不要なタグやトリガー、読み込み方法を点検して改善案を示すスキル。

  • GTM導入ページの遅さを調べたいとき
  • 不要なタグやトリガーの見直し
  • 非同期読み込みの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

frontend-checklist-global

無料日本語概要

フロントエンドのコードや公開ページを386のルールで点検します。アクセシビリティや表示速度、SEOなどを横断し、根拠のある問題と具体的な修正方法を整理します。

  • 公開前のページを点検したいとき
  • フォームや操作部品のコードレビュー
  • 表示速度とセキュリティの点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

frame-title

無料日本語概要

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

  • 埋め込み広告やSNSのタイトル確認
  • iframeのtitle欠落や空欄を調べたいとき
  • スクリーンリーダーでのフレーム識別確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新