チュートリアル

Claude Opus 5.5で保存されず開いてしまう商品リンクを直す

商品PDFや広告画像が保存されず開く場合、Claude Opus 5.5に最終オリジンとレスポンスヘッダーを追跡させます。リンクへ`download`を付けても任意の外部サーバーは制御できません。通常の移動、サーバーが指定する添付配信、許可されたfetch-to-Blobを分けて修正を選びます。

架空の商品 · 広告例

Panellyで形にする

アイデアを、あなたの商品広告に

商品画像とアイデアから、4コマ広告、統一感のある素材セット、動画をPanellyで制作。

Panellyで制作する 生成前に依頼内容を編集できます。
AI編集イメージ。青いボトルの写真をテラコッタ色の糸で結び、真鍮のルーペで確認。

商品PDFや広告画像が保存されず開く場合、Claude Opus 5.5に最終オリジンとレスポンスヘッダーを追跡させます。リンクへdownloadを付けても任意の外部サーバーは制御できません。通常の移動、サーバーが指定する添付配信、許可されたfetch-to-Blobを分けて修正を選びます。

配信方式を選ぶ

状況確認対象候補方式
ファイルがページと同一オリジンリンクとレスポンスの扱い通常のダウンロードリンクを対象ブラウザーで検証
管理下の素材ホストにある最終ヘッダー適切な名前を持つ添付レスポンス
JavaScriptが外部ファイルを読むCORS許可、容量、認可許可と必要性がある場合のみBlob取得

MDNのリンク要素リファレンスでは、downloadは同一オリジンURLとblob:、data:に限定されます。Content-Dispositionの説明は添付処理を扱います。CORSによる読み取り許可と、サーバーのダウンロード指定は別です。緩いCORSヘッダーを足しても外部リンクの万能修正にはなりません。

似た名前ではなくオリジンを比べる

架空サイトhttps://shop.exampleで、/files/spec.pdfは同一オリジンです。https://assets.shop.example/spec.pdfは親ドメインが同じでも異なります。https://shop.example:8443/spec.pdfもポートが違うため別です。https://shop.example:443/spec.pdfは同じHTTPSオリジンへ正規化されます。この四つの比較はローカルで計算し、外部ダウンロードは実行していません。

リダイレクト経路をすべて記録します。同一オリジンに見えても最後は別ホストの場合があり、期限切れ署名URLはエラー文書を返す場合があります。200でもPDFではなくHTMLかもしれません。共有報告から署名クエリを除き、最終ステータス、内容型、配信指定、ファイルの正体を確認します。何か保存できただけで成功にしないでください。

範囲を絞った修正プロンプト

リンクHTML、ページのオリジン、秘密情報を除いたリダイレクト経路、最終レスポンスヘッダーで商品ダウンロードを点検してください。通常移動、添付配信、fetch-to-Blobを別に分類してください。https://shop.exampleと/files/spec.pdf、https://assets.shop.example/spec.pdf、https://shop.example:8443/spec.pdf、https://shop.example:443/spec.pdfを比較して違いを説明してください。管理下のホストと付与済み権限だけで最小修正を提案してください。アクセス確認、署名URL期限、TLS、利用者の明示クリックを維持し、無制限プロキシやブラウザー保護の無効化を追加しないでください。必要なヘッダー、ファイル名、読み込み・失敗表示、本物のPDF・期限切れ・未認可応答の検証を返してください。拡張子だけでなく中身も確認し、未実施テストを明示して秘密トークンを伏せてください。

モデル資料は公式Opusガイドです。提案した確認工程であり、モデルやブラウザーダウンロードの実測ではありません。2015年のコミュニティ質問にも同じCORSの混乱がありますが、過去のブラウザー情報を現在の互換性として使ってはいません。

保存した実体を検証する

管理できるサーバーなら、候補ヘッダーはContent-Disposition: attachment; filename="product-spec.pdf"です。正しい内容型と認可された実体も必要です。転送後の最終応答を試してください。国際的な名前はサーバーが対応する符号化と実際のブラウザー挙動を確かめ、信頼できない文字列をヘッダーに連結しないでください。

Blob取得は多くのデータをメモリーに保持する場合があり、取得失敗、キャンセル、オブジェクトURLの後処理も必要です。大きいファイルの名前変更だけのために導入しないでください。完了表示はアプリが実際に観測した段階に合わせます。タブを開いたりヘッダーを受け取ったりしても、完全なファイル保存の証明にはなりません。設定で挙動が変わる場合の代替リンクを明確にします。

配信成功後の名前衝突はUnicodeファイル名ガイドへ。Panelly Studioで広告素材を作ったら、本当に保存したファイルで自分の配信経路を検証します。Opus統合やPanellyのダウンロード実装を実測したという意味ではありません。

ダウンロードの疑問

親ドメインが同じなら同一オリジンですか?

いいえ。スキーム、ホスト、実効ポートで決まります。サブドメインも違いになります。

添付ヘッダーで利用者設定をすべて上書きできますか?

いいえ。ブラウザーと設定が扱いに影響します。対象環境を検証し、使える代替手段を用意します。

公開プロキシで解決できますか?

保護された素材や署名URLを任意のプロキシへ送らないでください。認可と期限を保った管理下の配信口を修正します。

情報源と参考文献

4コマで、ひとつの広告。

次の広告はここから始まります。

製品、その利点、ターゲット層を説明してください。Panellyで4コマ広告を作成しましょう。

作成を開始 ↗クレジットパックを見る