「design」の検索結果

MyBatisを使うJavaのデータ保存・取得処理を設計、レビューします。SQLと結果の対応付け、動的SQLの安全性、トランザクションや検索性能を扱います。

• マッパーとXMLの対応付けの設計
• 動的SQLと入力値の安全性確認
• 複数更新のトランザクション確認

REST APIのURL、応答形式、エラー処理を一貫したルールで設計・見直しします。ページ分割や認証、利用回数の制限、バージョン管理まで整理するスキルです。

• 新しいAPIの窓口を設計したいとき
• 既存APIの仕様を見直したいとき
• ページ分割や絞り込みを追加したいとき

ユーザーや状況に合う上位候補を選ぶ推薦・ランキング処理を、候補取得から採点、選択、記録までの6段階で設計し、動くコードのひな形にするスキル。

• 個人向けコンテンツ配信の設計
• 検索やRAGの結果を並べ替えたいとき
• タスクの優先順位付け

TypeScriptのバックエンドでPrismaを使う際の設計・実装を支援します。検索や一括更新、移行、接続管理のパターンと注意点を具体例で確認できます。

• Prismaのモデルと関連を設計したいとき
• 検索処理とページ分割の見直し
• トランザクションや一括更新の不具合調査

MySQLとMariaDBのテーブル設計や遅いSQLを見直し、インデックス、更新処理、接続管理、複製の遅延を点検して、修正案と検証手順をまとめるスキル。

• テーブルとインデックスの設計
• 遅いSQLやデッドロックの調査
• 大規模な本番テーブルの変更レビュー

アプリ開発を計画・実装・評価のエージェントに分け、動作中の画面を検証しながら、設定した品質基準に向けて修正を繰り返す開発支援スキル。

• 短い案からアプリ仕様を作りたいとき
• 別担当の評価で画面を改善したいとき
• フルスタックアプリの動作検証と修正

繰り返すエージェント作業に専用の実行手順を設計し、合否チェックや進捗記録、引き継ぎを整えるスキル。複数の場面で使う手順を共有スキルにまとめます。

• 反復作業の実行手順を設計したいとき
• 作業の合否チェックを追加したいとき
• 繰り返す手順を共有スキルにしたいとき

TypeScript、Python、Goのエラー処理を設計・見直すスキル。エラーの分類、再試行、APIの応答、利用者向けの案内文を整理します。

• 新しいサービスのエラー分類の設計
• 外部サービスの一時障害を再試行したいとき
• APIのエラー応答とログの見直し

技術や設計を選んだ理由を、背景・比較案・影響とともにMarkdownへ記録するスキル。連番と索引で整理し、既存の記録から過去の判断理由も確認します。

• フレームワークやDBの選定理由の記録
• 設計の比較案と利点・欠点の整理
• 過去の技術判断の理由を調べたいとき

ブランドの目的や顧客像、語り口を複数回の対話で掘り下げ、回答を保存しながらブランドブックにまとめます。創業者の考えを言語化し、制作担当者への共有に使えます。

• 新ブランドの方向性を決めたいとき
• ブランドの位置づけを見直したいとき
• デザイナーやライターへの依頼資料

テーマや写真から、１色または２色のインクで刷ったようなポスターや表紙の画像を作ります。余白、網点、文字の大小を組み合わせ、生成用プロンプトと配色情報もまとめます。

• テーマから単色ポスターを作りたいとき
• 写真を網点ポスターに仕上げたいとき
• ２色刷り風の小冊子の表紙制作

画面デザインの方向性を比べるため、操作できるHTMLの試作を2〜3案作ります。レイアウトや情報量の違いを見比べ、各案の長所と弱点から採用案を検討します。

• 実装前に画面レイアウトを比較
• 情報量と余白の違いを試したいとき
• フィルターやパネル操作の試作

新しい製品や個人開発のアイデアを対話で整理し、課題や需要、実現方法を検討して設計文書にまとめます。起業・社内企画と学習・趣味など、目的に合わせて問いを変えます。

• 起業アイデアの需要を確かめたいとき
• 社内プロジェクトの企画整理
• 学習や趣味の開発案を具体化したいとき

shadcn/uiとTailwind CSSを使い、操作しやすいフォームや表、画面幅に応じたレイアウトを実装。配色やダークモードも統一するスキル。

• キーボードで操作できるフォーム作成
• スマホとパソコンの表示を整えたいとき
• 配色とダークモードの統一

モーショングラフィックスの企画や改善で、伝える内容、文字の動き、場面のつながり、読む時間を整理し、一つの意図が伝わる映像やアニメーションの設計を支援します。

• 短い製品紹介映像を企画したいとき
• 動く文字の読みやすさを改善したいとき
• 共通のモチーフで場面をつなぎたいとき

シェーダーや3Dシーン、粒子の動きを全画面で描き、見出しを重ねたWebGL表現を制作。外部通信のない単一のHTMLファイルにまとめます。

• Webサイトのヒーロー動画表現
• 見出し付き生成アートの制作
• 3Dシーンや粒子表現の試作

新機能の課題・目標・対象範囲・成功指標を、一ページの製品要件書に整理します。利用者の要望や段階的な実施計画、未解決の質問もまとめ、HTMLで出力します。

• 新機能の要件書を作成したいとき
• 目標と対象外の範囲を共有したいとき
• 成功指標と測定方法の整理

画面構成を検討するための手描き風ワイヤーフレームをHTMLで作ります。方眼紙、付箋、ラフなグラフ、案を示すタブを使い、設計初期の考えを可視化します。

• ポータルやダッシュボードの初期構成を検討
• 複数案をタブラベルで示したいとき
• 画面の下書きにレビュー用の注釈を付ける

モバイルアプリの画面遷移を、横に並べた3〜4枚のスマートフォン枠で可視化するスキル。灰色の仮配置、操作を示す矢印、注釈で利用の流れを整理します。

• 導入からホームまでの流れを整理したいとき
• 商品詳細から確認までの導線を見たいとき
• デザイン前に画面遷移を検討したいとき

今週の成果、進行中の作業、障害、重要指標を週次報告用のHTMLスライドに整理。注目すべき数値や異常と、翌週に必要な判断・依頼をチームで共有する資料を作ります。

• チームの週次報告資料作成
• KPIの変化や異常を共有したいとき
• 作業の障害と支援依頼の整理

SNS向けの正方形カード3枚を、見出しがつながるシリーズとして作成します。ブランド表記や連番をそろえ、映画のような色調を持つHTMLにまとめます。

• Instagramの3枚投稿を作りたいとき
• LinkedInの連続投稿用デザイン
• Xのスレッド用カード制作

市場データを密に並べた取引分析ダッシュボードを、単一のHTMLで作成。明暗テーマの切り替えやチャートの詳細表示、コマンドパレットを備えた画面を用意します。

• 金融分析端末の画面を試作したいとき
• 市場情報を密に並べた画面の提示
• チャートの詳細表示や操作感の実演

粒子やフラクタル、データの動きを描く可視化画面を、重い計算をWeb Workerに分け、毎秒60フレームを目指す単一HTMLとして作るスキルです。

• 粒子や物理シミュレーションの試作
• フラクタルを可視化したいとき
• 音声やデータの可視化画面づくり

新聞や雑誌の特集ページ風に、長文を読ませる一枚のHTMLポスターを制作。大きな見出しと6つの番号付きセクションで、意見や発表内容を組み立てます。

• 発表内容をポスターにしたいとき
• 活動理念を一枚にまとめたいとき
• 新聞風のエッセイポスター制作