読者です 読者をやめる 読者になる 読者になる

はぴらき合理化幻想

海外3年/西成ドヤ2年/沖縄2年/事故物件で寝袋3年目、ミニマリスト10年目でダンボール2箱の持ち物と保存食で大阪に定住中。

DropboxのファイルURLを公開できるパブリックリンクで他の人とHTML/CSS/JS/PDFを共有する

ドロップボックスのサムネイル

ドロップボックスにファイルをアップし、そのリンクURLを公開すればみんなが利用できる。HTML/CSS/JSなどのコードが見えるページではなく、ファイルそのもののURLを確認する方法。

はじめに

筆者は一発でファイルURLを取得できる方法を知らない。徒手空拳でたどり着いた方法なので、もっとスマートな方法がありそう。

パブリックリンク取得具体例

ファイルを指定する

ドロップボックスで共有している次のファイルを指定する場合で例示する。

チョマテヨ「ちょ待てよ!jQueryの2回読み込み、プラグインあるからさ」 - はぴらき合理化幻想

最初のURLを取得

ファイルをクリックで選択状態にし、「リンクを共有」をクリック。

新しく開かれたタブにあるモーダルウィンドウを☓で閉じる。

画面右上にある「ダウンロード」を右クリックし、出てきたリストから「リンク アドレスをコピー」をクリック(Chromeの場合)。

コピペされたURLは次の通り。このままだとファイルがダウンロードされてしまい、HTML内で読み込めない。

https://www.dropbox.com/meta_dl/eyJzdWJfcGF0aCI6ICIiLCAidGVzdF9saW5rIjogZmFsc2UsICJzZXJ2ZXIiOiAiZGwuZHJvcGJveHVzZXJjb250ZW50LmNvbSIsICJpdGVtX2lkIjogbnVsbCwgImlzX2RpciI6IGZhbHNlLCAidGtleSI6ICJoZDIxZW1mdm1iMTJhdWcifQ/AAJBqDmJgGvzdVYNAWpbjOfNlNmJ3ssWBNiBzW5L-hLB1g?dl=1

取得URLの一部を削除

新しいタブを開き、URLをコピペ。最後の?dl=1の部分を削除してからアクセスする。

ページがリダイレクトされてURLが変更される。リダイレクト後のURLは次のとおり。

https://dl.dropboxusercontent.com/s/hd21emfvmb12aug/jquery.chomateyo.min.js?token_hash=AAGx1BMtUjgJRatHAo81XLcZ635aoRxabjH3rQ-BmscxKw&expiry=1401371545

リダイレクト後のURLの一部も削除

リダイレクト後のURLの?以下の部分は不要なので削除する。次の部分がパブリックリンクとして使えるURLとなる。

https://dl.dropboxusercontent.com/s/hd21emfvmb12aug/jquery.chomateyo.min.js

まとめ

多少手間があるが、DropboxにファイルをアップロードしてCSSやJSを編集すれば、その変更がリアルタイムで反映されるので、ウェブサイトのデザインや機能調整時にかなり便利。おすすめ。

今からはじめる!Dropbox 超入門

追記:ルール改定の影響

2014-05-29、Falkyさんにコメントで教えていただきました。ありがとうございます。(追記:後述のとおり、この方法は2016年に使えなくなった。)

ファイルをクリックで選択状態にし、「リンクを共有」をクリックして別タブで新たにページを開くまでは同じ手順。

「リンクを共有」をクリックして開かれたページのURLは次のとおり。

https://www.dropbox.com/s/hd21emfvmb12aug/jquery.chomateyo.min.js

開かれるページのURLの最後に?dl=1を追加すればパブリックリンクになる。

最後に?dl=1を追加すると次のとおり。

https://www.dropbox.com/s/hd21emfvmb12aug/jquery.chomateyo.min.js?dl=1

Falkyさん、ありがとうございました!

2016-10-05、最後に?dl=1を追加する方法ではダウンロードされるようになっていた。おそらくドロップボックスが2016-10-03に次のようにルールを改定した影響だろう。

この影響で、単一のウェブページ代わりに公開してたHTMLファイルはウェブページとして表示されなくなりダウンロードされるようになった。

懸念していたJavaScriptファイルに関しては、今のところ外部参照で読み込めるままだ。

てすとてすと