「web」の検索結果

JavaのSpring Bootで、APIやデータ処理の実装・レビューを支援するスキル。処理の役割分担から入力検証、例外処理、キャッシュ、非同期処理、ログまで扱います。

• API設計と処理の役割分担
• データアクセスやトランザクションの確認
• 入力検証と共通の例外処理の追加

ReactとNext.jsの表示や操作の遅さを見直すための指針です。データ取得の待ち時間、配信するコード量、再描画などを優先度順に確認し、改善に役立てます。

• ページの読み込みの遅さを調べたいとき
• 配信するJavaScript量を見直したいとき
• 再描画と操作の遅延を減らしたいとき

発表用のメモやPowerPointから、ブラウザで動くHTMLスライドを作ります。見本でデザインを選び、画面に収まるレイアウトとアニメーションを整えます。

• 登壇や社内報告のスライド作成
• PowerPointをHTML化したいとき
• 見本から資料のデザインを選びたいとき

C#・.NETの単体テストやAPI・データベースの結合テストを、xUnitなどの実装例で作成・レビューし、テストデータや配置も整理するスキル。

• C#のサービスにテストを追加したいとき
• ASP.NET CoreのAPI検証
• データベースへの保存確認

調査テーマを複数の問いに分け、ウェブ情報の検索と本文の読み込みを通じて、出典・確信度・情報不足を明記したレポートにまとめるスキル。

• 競合や市場動向を調べたいとき
• 導入前に技術を比較したいとき
• 市場規模や成長予測の調査

メールやウェブサイト、ローカルファイルから進捗を集め、定期更新するダッシュボードを作成。要対応事項や変更履歴をまとめ、重要な変化があったときに通知します。

• メールとサイトで申請状況を追いたいとき
• 商談や配送の進捗を一か所で確認
• 重要な状況変化の通知を受けたいとき

複数の検索エンジンの結果をSearXNGでまとめて取得し、ニュースや期間で絞り込むスキル。公開インスタンスならAPIキーなしで検索できます。

• 複数の検索エンジンで資料を探したいとき
• 期間を絞って最新ニュースを探したいとき
• 通常の検索ツールの代替を使いたいとき

コード内の関数や呼び出し関係、処理の流れをつながりの図にし、ブラウザー上で探索できるようにします。Cloudflare経由で遠隔共有にも対応するスキルです。

• 初めて触るコードの構成把握
• 関数の呼び出しや実行の流れの確認
• 操作できるコードの図を遠隔共有したいとき

文章やMermaidから、システム構成や業務の流れを操作できるHTML図に変換します。検索や関係の追跡、画像・動画への書き出しに対応し、9項目の検証結果も添えます。

• 操作できるシステム構成図の共有
• 業務手順やデータの流れの可視化
• MermaidをHTML図にしたいとき

目標画像と実装した3Dシーンのスクリーンショットを比較し、構図・照明・質感を段階的に改善します。見た目の再現度を採点し、描画速度も確認しながら修正を重ねるスキルです。

• 目標画像に近い3Dシーンを作りたいとき
• ブラウザゲームの照明や質感を磨きたいとき
• 既存の3D作品の見た目を改善したいとき

ブラウザで動く生成アートや、操作・音に反応する映像を制作します。p5.jsで構想から実装、見た目の確認、画像・動画への書き出しまで進めるスキル。

• 規則や乱数からアートを作りたいとき
• マウス操作に反応する作品制作
• 音に反応するアニメーション制作

指定した企業の製品発表、価格変更、資金調達などを定期的に追い、重要な新情報を一次情報のリンク付きでまとめるスキル。同じ出来事の重複や情報源の取得漏れも整理します。

• 競合の重要ニュースを毎週追いたいとき
• 製品発表や価格変更の継続確認
• 資金調達・提携・経営陣の動向確認

既知のURLから本文やリンク、画像などを取得する機能を、Firecrawlの`/scrape`でアプリに組み込みます。単一ページの情報抽出と取得データの鮮度設定を支援します。

• 既知のページを要約用に取り込む
• 企業・製品ページからの情報補完
• 料金・更新履歴・文書の抽出

Reactやshadcn/uiで、状態管理や画面切り替えを伴う複雑な操作画面を制作します。初期設定から単一HTMLへの集約まで扱い、claude.aiで共有できます。

• 複数のUI部品を組み合わせた画面制作
• 状態管理や画面切り替えのある制作
• shadcn/uiを使った操作画面制作

Paperclip上のAIエージェント組織をチャットで管理します。会社の初期設定やエージェントの採用、承認、タスク進捗、費用、成果物の確認を支援します。

• 会社とCEOの初期設定
• 採用計画と指揮系統の整理
• 承認待ちや停滞タスクの確認

Three.jsを使い、ブラウザで表示する3D要素や操作できる体験の制作を支援します。シーン構成、素材の見た目、操作方法、描画後の視覚効果を扱います。

• ブラウザ用の3D要素を作りたいとき
• 操作できる3D体験の制作
• 素材の見た目や操作方法の調整

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

React、Tailwind CSS、shadcn/uiを使い、複数の部品を組み合わせたclaude.ai向けのHTMLアーティファクトを制作するスキル。

• claude.ai用のHTMLを作りたいとき
• 複数部品からなる画面の試作
• Reactとshadcn/uiでの制作

依頼内容の複雑さや必要な専門性を分析し、適したエージェントを編成するスキル。作業量に応じた増減やリソース配分、過去の実行結果に基づく調整も扱います。

• 決済システム改修の担当を編成したいとき
• 大量ファイル処理の担当数を調整したいとき
• 接続障害に合う専門担当を探したいとき

Webページの読み込みを調べ、画像やフォントの先読み、外部サービスへの事前接続を提案するスキル。計測した遅延の原因に合わせ、リソースヒントの使い分けと追加を支援します。

• 主要画像やフォントの先読み確認
• 外部サービスへの事前接続の調整
• 次の画面で使うファイルの先読み

ページの読み込み時間を測り、3秒未満を目指して遅延の原因を調べます。重い画像や通信、描画処理を実測で確認し、遅延読み込みやキャッシュなどの改善につなげます。

• ページ表示の遅さを調べたいとき
• 重いリソースや描画処理の特定
• 低速回線での表示性能の確認

問い合わせページやフッターの事業所住所を点検し、住所の不足や構造化データとの不一致を見つけ、利用者と検索エンジンに所在地を伝える表示へ整えます。

• 地域事業者サイトの住所点検
• ECサイトの住所掲載箇所の見直し
• 表示住所と構造化データの照合

Webページの画像が表示位置に合った読み込み設定になっているかを点検し、画面外の画像の遅延読み込みや、最初に見える重要画像の優先読み込みを整えるスキル。

• 画面外の画像の遅延読み込みを点検したいとき
• ヒーロー画像の読み込み優先度を確認したいとき
• 遅延読み込み画像の寸法を指定したいとき