「framework」の検索結果

フォームの入力エラーや必須項目が支援技術にも伝わるかを点検し、説明文と入力欄の関連付け、エラー状態、選択肢のグループ化を改善するスキル。

• 読み上げでも伝わる入力エラーにしたいとき
• 必須項目と選択肢グループの点検
• Reactフォームの入力検証レビュー

アラビア語など右から左へ読む言語や、文字方向が混在する投稿を点検し、HTMLの方向指定と表示・読み上げ順、画面配置の確認や修正を支援するスキル。

• アラビア語・ヘブライ語ページの点検
• 文字方向が混在する名前や投稿への対応
• ナビゲーションやアイコンの左右反転確認

Webページのスクリプト読み込みを点検し、defer・async・type=moduleの使い分けと修正を支援します。ブラウザに届くHTMLまで確認します。

• ページ表示を遅らせるタグの点検
• スクリプトの読み込み方式を選びたいとき
• 共通部品が出力するHTMLのレビュー

ファイル選択欄やドラッグ＆ドロップ領域を点検し、ラベル、形式・容量の案内、進捗やエラー通知を改善します。読み上げやキーボードで使えるか確認するスキルです。

• アップロード欄のラベルと説明の確認
• ドラッグ操作の代替手段の点検
• 進捗やエラーの読み上げ改善

ドラッグ＆ドロップをキーボードやスクリーンリーダーでも使えるか点検し、実際に表示されるHTMLを基に、代替操作や操作状況の読み上げを整えるスキル。

• ドラッグ操作のキーボード対応確認
• スクリーンリーダーへの状態通知確認
• 出力されたHTMLの点検

ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。

• タブやブックマーク用アイコンの準備
• モバイルのホーム画面用アイコン設定
• PWAのアイコン設定を確認したいとき

ブラウザーに届くHTMLの文字コード宣言を点検し、UTF-8の指定漏れや配置の問題を見つけ、日本語や特殊文字の文字化けを防ぐために修正するスキル。

• 日本語や特殊文字の文字化け調査
• 公開前の文字コード宣言の確認
• 共通テンプレートのHTML出力点検

公開前のHTMLに残る開発用コメント、デバッグコード、ログ、仮の要素を点検して除去します。必要なコメントを残しながら、機密情報の露出も確認するスキルです。

• 本番公開前にHTMLを整理したいとき
• コメント内の機密情報を点検したいとき
• デバッグログや仮の要素の削除

パンくずリストのHTML構造と現在地の指定を点検し、サイトの階層を画面読み上げでも理解できるよう、適切な要素とARIA属性を整えるスキル。

• パンくずの読み上げ対応を点検したいとき
• 共通部品が出力するHTMLの確認
• 構造化データと表示内容の整合確認

画像や内容を切り替えるカルーセルを点検し、自動再生の停止、キーボード操作、読み上げ通知、動きを抑える設定への対応を確認・修正するスキル。

• 自動再生スライドの停止操作の点検
• キーボードだけでの操作確認
• スライド変更の読み上げ通知の確認

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき

フォームのエラーや完了通知、リアルタイム更新が読み上げでも伝わるよう、実際に表示されるHTMLの属性、表示時間、閉じる操作を点検するスキル。

• フォームエラーの読み上げ確認
• 完了通知の表示時間を見直したいとき
• リアルタイム通知の点検

存在しないページに訪れた人を検索や主要ページへ案内する、独自の404ページを作成・点検するスキル。表示内容に加え、HTTPステータスの正しさも確認します。

• 独自の404ページを作りたいとき
• リンク切れ時の検索・案内の整備
• 存在しないページの200応答の確認

折りたたみ式のアコーディオンをキーボードや読み上げで利用できるよう、ボタンと開閉状態の属性、見出し構造、実際に出力されたHTMLを点検・修正するスキル。

• 折りたたみ部分のキーボード操作確認
• 読み上げで開閉状態を伝えたいとき
• 共通のアコーディオン部品の見直し

補足説明を表示するツールチップを、キーボードや画面読み上げでも使えるよう点検し、HTML属性、表示・終了操作、コントラストを見直すスキル。

• ツールチップのキーボード操作の点検
• 補足説明の読み上げを確認したいとき
• 表示操作とEscapeキー終了の点検

ターミナル内で操作する画面をOpenTUIで作るスキル。基本API・React・Solidから実装方法を選び、部品配置、入力処理、アニメーション、テストを支援します。

• ReactやSolidでTUIを作りたいとき
• 入力フォームや選択メニューの実装
• 端末サイズに応じた画面配置

既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。

• Remotion動画をHyperFramesへ移植
• 移植を妨げるコードの事前確認
• 変換前後の映像を比較したいとき

商品紹介や解説、字幕追加などの依頼を、素材と目的に合うHyperFramesの制作手順へ振り分け、HTMLを使った動画制作の進め方を案内するスキル。

• 商品紹介動画の制作手順を選びたいとき
• 記事やメモを解説動画にしたいとき
• 人物動画に字幕や図版を加えたいとき

Remotion動画に、ツールキット付属の背景や比較画面、独自の場面転換を組み込む作業を支援します。30fpsでの時間配分や描画時の実装規約も扱います。

• グリッチや光漏れで場面を切り替える
• 2本の動画を並べて比較したいとき
• 解説者の小窓やロゴを重ねたいとき

d3.jsで独自のグラフや関係図、地図を作り、拡大・移動や詳細表示を加えるスキル。データに応じた描画から画面サイズへの対応、配色や操作性の調整まで扱います。

• 独自の配置や配色のグラフ制作
• 関係図や地図を作りたいとき
• 詳細表示や拡大・アニメーションの追加

動画やポッドキャスト、ゲーム向けに、ElevenLabsでナレーション・効果音・音楽を生成し、声の調整や音声クローン、Remotionとの同期も扱います。

• 動画やポッドキャストの音声制作
• 説明文から効果音を作りたいとき
• 歌声なしのBGMを作りたいとき

HTMLから動画を作るHyperFramesで、シーンの構造や表示時間、音声・動画の配置を整え、繰り返し同じ結果で描画できる構成を作成・検証するスキル。

• HTMLで動画の構成を作りたいとき
• クリップの表示時間とトラックの設定
• 再利用する子シーンの組み込み

Remotionを使った動画生成アプリの開発を支援します。入力フォームからの動画出力や編集画面を想定し、プレビューの埋め込みと動画の生成方式の選択を案内します。

• 入力フォームから動画を生成したいとき
• 動画編集アプリの開発
• Reactアプリへのプレビュー埋め込み

ライブラリや開発ツールの最新資料とコード例をContext7 CLIで検索し、バージョンやプログラミング言語に合うAPIの使い方や設定方法を調べるスキル。

• 最新のAPIや設定を確認したいとき
• 指定バージョンの資料を探したいとき
• 使う言語のコード例を優先したいとき