「image」の検索結果

Notionのページやデータベースを検索・更新し、Markdownでの読み書きやファイル添付を行います。外部データの定期同期やイベント連携を行うWorkersの作成も扱います。

• 会議メモをNotionに保存したいとき
• 状態を指定してデータを探したいとき
• 画像や資料のアップロード

SNSのヘッダーや広告、Web・印刷向けのバナーを用途とサイズに合わせて制作。支給素材やCSSの図形を使い、複数のデザイン案を比較できます。

• SNSのヘッダーやカバーを作りたいとき
• 広告バナーのデザイン案を比較したいとき
• Webのメインビジュアル制作

古典的なイラストとコバルトブルーを基調に、映画のようなスクロール演出を備えた制作スタジオの紹介サイトを、ブランドや事業内容に合わせて作るスキル。

• 建築スタジオのサイトを作りたいとき
• 古典美術風の作品紹介サイト制作
• サービスやFAQをまとめたいとき

新商品の魅力を伝えるHTMLメールを作成します。ブランドロゴ、商品ビジュアル、見出し、仕様一覧、行動を促すボタンを、中央配置の一列レイアウトにまとめます。

• 新商品の発売告知メールを作りたいとき
• ブランドのニュースレター制作
• 商品の仕様をメールで紹介したいとき

デスクトップ全体、アプリのウィンドウ、指定したピクセル領域を撮影し、宣伝素材やデザインレビュー、不具合報告に使うスクリーンショットを用意するスキル。

• 宣伝用のアプリ画面を撮影したいとき
• デザインレビュー用の画像を用意したいとき
• 不具合報告用に画面の一部を残したいとき

商品発表やSNS共有向けの縦長ポスターを作成。大きな見出し、鮮やかなグラデーション、要点カードを組み合わせ、伝えたい情報を一枚にまとめます。

• 新商品の縦長ポスターを作りたいとき
• SNSで共有する告知画像の作成
• 特徴3〜5点を一枚にまとめたいとき

Playwrightで宣伝用のスクリーンショットを作成するスキル。ランディングページのメイン画像、App Store掲載画像、更新情報のビジュアルに使えます。

• ランディングページのメイン画像作成
• App Store掲載画像を用意したいとき
• 更新情報に添える画面画像の作成

デスクトップ向けのランディングページを、注目から行動へ導く構成、大きな文字と余白、隙間のないグリッド、スクロールに連動する動きを組み合わせて設計するスキル。

• スクロール演出のあるLPを試作したいとき
• 冒頭の配置や文字組みを変えたいとき
• 空きのないカードグリッドの設計

文章で伝えた内容を手描き風のExcalidraw図にするスキル。アニメーション付きSVG、オンラインの編集リンク、PNG書き出しを用途に応じて利用できます。

• 文章から手描き風の図を作りたいとき
• 図をオンラインで編集したいとき
• 図をPNG画像で書き出したいとき

写真をもとに、Funko PopやPop Mart風の動くGIFステッカーを作るスキル。MiniMax APIを使い、チャット用スタンプやアバター集の制作に使えます。

• 写真から自分用のチャットスタンプ制作
• 玩具風の動くステッカーを作りたいとき
• 写真をもとにしたアバター集の制作

ポスターやイラストなどの静止画作品を、デザインの考え方や美的な原則に沿って制作するスキル。成果物をPNG画像やPDF文書として作成できます。

• ポスターを制作したいとき
• イラストを作りたいとき
• 静止画作品をPNGやPDFにしたいとき

1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。

• 個人の作品集を作りたいとき
• 美術やデザインの授業資料
• 問いや画像が主役の講演資料

雑誌の誌面と電子ペーパーを思わせる横長スライドを作ります。10種類のレイアウトと5種類の配色で、主張やデータを紙の印刷物のような見た目にまとめます。

• 主張を雑誌風の資料で伝えたいとき
• 研究結果や重要な数値の共有
• 章立てのある発表資料の作成

余白の広い見出しや隙間のないグリッド、スクロールに連動する動きを組み合わせ、Webページを実装します。注目から行動へ導く構成と、動きを抑える利用者設定への対応も扱います。

• 申し込みへ導くLPを作りたいとき
• スクロール連動のギャラリー制作
• 空きマスのない機能紹介グリッド設計

公開Webページの設計・実装・見直しを、題材に合う構図や書体の選定から進めます。実ブラウザーでの測定と3種類の画面幅のスクリーンショットで改善を重ねます。

• 定型的に見えるLPの再設計
• 独自の軸を持つポートフォリオ制作
• 3種類の画面幅で文字と配置を点検

請求書や領収書のPDF・画像から日付、取引先、金額などを読み取り、原本を残してファイル名と保存先を整理し、会計用のCSV一覧も作るスキル。

• 確定申告用に請求書や領収書を整理したいとき
• 毎月の事業経費を分類したいとき
• 会計担当者向けのCSV一覧作成

Slackのメッセージや絵文字に使うアニメーションGIFを作成します。揺れ・回転・跳ねる動きを組み合わせ、用途に合わせて容量や画像サイズを検証・調整するスキルです。

• リアクション用の動く絵文字を作成
• Slackのメッセージ用GIFを作成
• 用途に合わせてGIFを軽量化したいとき

Flow NexusとE2Bの隔離環境でニューラルネットワークを学習・配置し、予測の実行、分散学習の監視、性能評価やモデル共有まで進めるスキル。

• 画像分類モデルを学習したいとき
• LSTMで時系列を予測したいとき
• 感情分析テンプレートの配置

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

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

商品ページの価格や在庫、評価を検索エンジンに伝えるProduct構造化データを追加・点検し、必須項目の不足や画面表示との食い違いを確認するスキル。

• 商品ページへのJSON-LD追加
• 構造化データと表示価格の照合
• 在庫状況や評価項目の点検

JavaScriptが使えない環境でもページの重要な内容を読めるように、初期HTMLとnoscriptの代替表示を点検し、必要な修正を案内するスキル。

• JavaScript無効時の表示確認
• JavaScript依存機能の代替表示
• 初期HTMLの重要コンテンツの点検

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

• 主要画像やフォントの表示遅延の調査
• 外部サービスへの事前接続の検討
• 次の画面で使うファイルの先読み

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

• HTTPSページの混在コンテンツ点検
• HTTPS移行後のリソースURL確認
• 古い記事に残るHTTP参照の修正

Webページや画像などの配信時に、ファイルの種類とHTTPヘッダーが一致しているかを点検し、CSSやJavaScriptが読み込めない原因とサーバー設定の修正箇所を整理するスキル。

• CSSやスクリプトの読込不良を調べたいとき
• 静的ファイルの配信設定の監査
• 文字コードとnosniff設定の確認