AIエージェント活用事例

今日の新着

10すべて 231件

全231件中 1〜20件

販促・制作

写真を筆描きの絵に変えるアプリを実装するツール

写真を読み込むと筆で描く過程を見せるアプリを、Claudeで作った事例です。

使い方

  1. Simon WillisonはClaude Opus 5.5 Highに、写真を開いて数秒で筆描きの絵に描き直すアプリを依頼しました。
  2. 公開されたQuick Studyはcanvasと模擬的な筆の動きを使い、Sobel方式で画像の輪郭を検出します。

結果

作者はサギの写真を油絵風に表現した結果とツールへのリンクを公開しました。

補足

Google Fonts以外の外部ライブラリは使っていないと説明しています。複数の写真での品質や処理時間の測定値は公開されていません。

出典

Simon Willison 原文 ↗

プロンプト例 · Claude

[対象ブラウザー]で[ユーザーが選んだ写真]を筆描きの絵として再現するアプリを実装してください。まず画像入力とcanvasが使えるかを確認し、写真をサーバーへ送信しないローカル処理を提案してください。ファイル選択後に原画像をcanvasへ読み込み、Sobelの輪郭検出結果を筆の向きや細部の表現に活用してください。完成した絵を一度に表示するのではなく、筆跡が積み重なる過程を見せてください。大きな画像の縮小基準と入力エラー処理も実装してください。実行可能なコード、開き方、試験用写真ごとの確認結果を提供してください。[風景写真]と[人物写真]で元の縦横比、輪郭表現、処理中の画面の応答を確認し、実測した時間だけを報告してください。すべての端末で速度や画質が同じだと保証しないでください。