「image」の検索結果

狭い画面やブラウザ拡大時に生じる横スクロールを、CSSの幅指定や折り返し設定から点検し、本文や画像が画面内に収まる修正を支援するスキル。

• スマホ表示の横スクロールを直したいとき
• 400%拡大時の表示を確認したいとき
• 長いURLや画像のはみ出し点検

HTTPSサイトに残るHTTPのリンクや画像・スクリプトのURLを調べ、内部・外部・リソース別に整理し、リンク先の対応状況を確かめて修正するスキル。

• HTTPS移行時のリンク確認
• 直接書かれたHTTPのURLを探したいとき
• 画像やスクリプトの参照先確認

ページの読み込み時に発生するHTTPリクエストを数え、実測で遅延の原因を確認しながら、ファイル統合や重要な資源の埋め込みなどの削減案を示すスキル。

• ページの初期表示が遅い原因の調査
• 画像やCSSなどの不要な通信の確認
• ファイル統合やアイコン集約の検討

ページのHTML容量を調べ、埋め込みJSONや画像など肥大化の原因を確認します。検索エンジンの巡回を意識した軽量化や、インデックスされない内容の調査に使えます。

• 検索に出ないページ内容を調べたいとき
• HTML内の巨大なJSONの見直し
• ECサイトのHTML容量点検

ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。

• ページの初期表示が遅い原因を調べたいとき
• 描画を妨げるCSSやJavaScriptの確認
• 測定に基づく読み込み性能のレビュー

ブラウザのタブや検索結果に使うファビコンの設定を点検・整備します。HTMLの指定、画像の形式とサイズ、HTTPSでの取得やクロール制限まで確認します。

• 既存サイトのファビコン設定の点検
• 新規プロジェクトのアイコン整備
• 検索結果にアイコンが出ない原因調査

Webページの文字や入力欄の枠、アイコンなどの色のコントラストを点検し、操作中の状態も含めてWCAGの基準を満たす配色への修正を支援するスキル。

• 文字と背景の配色を点検したいとき
• 入力欄の枠やアイコンの視認性確認
• ホバーやフォーカス時の色の確認

広告ブロッカーで止まるリンクや外部リソースをHTMLとJavaScriptから点検し、遷移の不具合や読み込み失敗に対する修正案を示すスキル。

• 広告ブロッカー使用時のリンク不具合調査
• 外部スクリプトや画像の読み込み確認
• 追跡用リダイレクトの見直し

動画の動作・表情・画面内テキストなど、音声だけでは伝わらない情報を点検し、視覚障害のある利用者に向けた音声解説の追加方法や実装の確認点を整理するスキル。

• 商品デモで音声から伝わらない情報の確認
• 動作や画面内テキストの音声解説の検討
• 動画解説のHTMLと操作を点検したいとき

教材やREADME、マニュアル向けに、実際のシステム名やログを根拠とした静的SVG図を作るスキル。9種類の図と統一した色・矢印で仕組みを説明します。

• READMEにシステム間の通信図を載せたいとき
• マニュアルで状態遷移を説明したいとき
• ログや仕様からデータの流れを図示

Web画面・ターミナルUI・ページ文書の見た目と操作状態を検証。画面幅や明暗テーマを変えた画像を根拠に、項目ごとの合否を整理するスキル。

• UI変更後の表示確認
• デザイン見本との比較
• 日本語の文字切れ・改行の点検

Slides形式のプレゼン資料を作成・修正し、構成やページ順、文字・画像・図表を整えます。指定のデザインシステムを反映し、既存資料の必要なスライドだけを更新できます。

• 企画からプレゼン資料を作りたいとき
• 組織のデザインを資料に反映したいとき
• 既存資料の一部だけを修正したいとき

プレゼン資料を新規作成・修正し、標準でPPTXに書き出します。スライドごとのHTMLと共通テーマを管理し、組み立て時の検証と画像での確認まで行うスキルです。

• 新しいプレゼン資料の作成
• 既存スライドの修正
• 資料全体への共通テーマ適用

Threadsの投稿や保存済み投稿、通知、閲覧数などを確認し、話題の検索や運用の振り返りに使えます。フィードの調整や確認を経た投稿公開も扱うスキルです。

• 閲覧数やいいねの多い投稿を確認
• 保存済み投稿や通知の確認
• トレンドやキーワードで話題探し

受注生産サービスPrintifyの商品カタログを調べ、ショップの商品登録・更新・公開や注文の確認・作成、画像のアップロードを進めるスキルです。

• 商品候補と印刷事業者を比較したいとき
• ショップの商品を登録・更新・公開したいとき
• 注文の確認や新規作成をしたいとき

アップロード済みの写真や接続した端末のギャラリーを、内容・撮影日・場所などで検索し、候補の説明や撮影情報を確認しながら目的の一枚を探すスキル。

• 旅行やイベントの写真を探したいとき
• 特定の場所で撮った写真の検索
• 写真の詳細や撮影日を確認したいとき

指定した地域の飲食店やホテル、公園、店舗などを探し、条件に合う候補を比較するスキル。営業時間や写真などを確認し、情報がそろえば地図にも表示します。

• 地域や料理を指定して店を探したいとき
• 近隣のホテルやカフェの比較
• 施設の営業時間や写真の確認

発表時間やブランドの方向性に合わせ、話の構成から文字・図表の配置まで整えた、編集しやすくPDF印刷にも対応するHTML形式のスライドを作るスキル。

• 社内向けの発表資料を作りたいとき
• ブランドに沿ったスライド制作
• 数値を表・画像・引用で伝えたいとき

HTMLデザインを印刷向けのページ構成に整え、文字を選択できるPDFとして書き出す準備をします。文書やスライド、ポスターの用紙への配置に対応します。

• レポートやメモのPDF化
• スライドを1枚ずつ印刷したいとき
• 履歴書やチラシを指定枚数に収めたいとき

データの流れや構成の違い、状態の変化を伝える図をArtifactsで作るために、図解の設計と明暗両テーマで読みやすいSVGの描画方法を整えるスキルです。

• データの流れや構成要素の関係の図解
• システム構成案を並べて比較
• 移行前後の変化を説明したいとき

データの目的に合うグラフ形式を選び、配色の検証から凡例・ツールチップ・表表示まで整えます。明暗両モードで読みやすいグラフやダッシュボードを作るスキルです。

• データに合うグラフ形式を選びたいとき
• 色覚の違いに配慮した配色の検証
• 明暗両モードのグラフを作りたいとき

動画用BGMや歌入り楽曲をGoogle Lyria 3で生成するため、モデル選択と指示文作成から試聴、実際の尺の確認、指定尺への仕上げまで支援します。

• 動画の尺に合うBGMを作りたいとき
• 自作の歌詞で楽曲を生成したいとき
• 生成音源の長さと品質の確認

HyperFrames向けにナレーション、BGM、効果音を用意し、文字起こしや字幕の装飾、画像の背景除去まで、映像に必要な音声・メディア素材づくりを支援します。

• 映像用のナレーションを作りたいとき
• BGMと効果音を用意したいとき
• 単語に同期する字幕を付けたいとき

動画から場面の画像と音声の文字起こしをローカルで取り出し、内容確認の材料を時刻付きで整理します。APIキーを使わず、映像と発言を確認したいときに役立ちます。

• 手元の動画の映像と発言を確認
• APIキーなしで文字起こししたいとき
• 場面変化や一定間隔で画像を抽出