ファイルダウンロード完全マスター | フューチャー技術ブログ

Real World HTTPでも紹介したネタですが、お仕事で受けている技術コンサル中に質問をいただいた時に、微妙に本で紹介した内容では少し足りなかったので、改めて整理のためにブログ記事にしてみました。次回、本が改訂されることがあればこのブログエントリーの内容も入れて加筆したいと思います。 Real World HTTPだとGoを使っていましたが、フロントとサーバーを同時にいじるので、本エントリーではNext.jsをサンプルに使います。Next.jsでプロジェクトを作って（npx create-next-app@latest –ts)、適当なプロジェクト名を入れてアプリケーションの雛形を作っておいてください。 Next.jsでは、1つのスクリプトファイルを作成すると、それがサーバーAPI(/pages/api以下)と、フロントの画面(/pages/以下のapi以外)になります。Next.j

[kitamati]

本にするときは津田大介に帯書いてもらおう

[tyoko107]

ふと reget とか iria とかいう単語を思い出した

[punychan]

Content-DispositionでASCII以外のファイル名を指定したいときは、filenameじゃなくfilename*を使ってエンコーディングを明示すべし。

[timetrain]

IriaとかIrvineとかとりあえず同士がいて安心

[six13]

三才ブックス感ある

[mr_ozin]

いつかガッツリ調べておきたいと思ったやつが全部あって良かった

[onesplat]

content-typeに頼らず常にcontent-disposition使えって話だし、ブラウザのほうは結局ふたつとも同じだろ

[satoshi_hiraishi]

ダウンロード

[k_7016]

勉強になる

[richard_raw]

Irvineとか懐かしいなあ……ってそういう話じゃなかった。ぜんぶdownload属性でいいかなあ。/“GAFAのブラウザ” ってなんなんです？

[diveintounlimit]

“これでダウンロードしたいけどダウンロードしたくない、でもちょっとダウンロードしたい場合”

[ryousanngata]

購入した会員のみがDLできるようにするなら、認可処理を通過したらダウンロード用のSignedURLを短い有効期限で発行すればよい

[auto_chan]

JavaScrip即席Aタグ＋疑似クリック方式で複数ファイルダウンロードさせようとおもったら特定のデバイス＋特定のブラウザで動かない現象に遭遇したが未解決事件のまま普通にリンク明示する形に変えてしまった思い出。

[tettekete37564]

最近はフロントエンドでも制御できるんだ。知らなかった。これ CORS や CSRF 的な問題は出ないのだろうか。

[hdampty7]

サーバサイドの話なのかフロントの話なのかよく分からんね。まあ、昔はExcelだけ、SJISエンコードしないとシート名が文字化けるとか、いろいろバッドノウハウあったねぇ。

[yarumato]

“添付ファイル閲覧機能をつけたい。絶対にダウンロードさせたいときのサーバー/ブラウザの対応4種。ブラウザに直接AWS S3からダウンロードさせたい。”

[homarara]

ブラウザごとに挙動の違う部分。やだやだ。IEが卒業（婉曲表現）してくれたから、この手の事で悩まされる頻度も下がってくれるかな。

[trashcan]

ぶっこ抜き

[srng]

もっと低レイヤーの話かと思った

[tohokuaiki]

へぇ。いつも適当に作ってたやつだ。

[spark7]

iosのsafariがダウンロードさせる諸々の設定を無視したりしてほんと困る

[clubman023]

ありがたい

[sisya]

地味にたすかる。

[uunfo]

download属性、知らなかった…

[shior718]

これはありがたい

[cl-gaku]

JSONをテーブルで見せててCSVも落としたいときとか最近はクライアントサイドで全部やっちゃうな

[the-carp-play-the-harp257]

ダウンロード

[dh16t]

ネトランの特集記事みたいなタイトル

[mano-junki]

学びだった。"なお、hrefをいじればフロント側で動的に作ったコンテンツをダウンロードさせることも可能です。"