ドロップボックスにファイルをアップし、そのリンクURLを公開すればみんなが利用できる。HTML/CSS/JSなどのコードが見えるページではなく、ファイルそのもののURLを確認する方法。
はじめに
筆者は一発でファイルURLを取得できる方法を知らない。徒手空拳でたどり着いた方法なので、もっとスマートな方法がありそう。
パブリックリンク取得具体例
ファイルを指定する
ドロップボックスで共有している次のファイルを指定する場合で例示する。
最初の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を編集すれば、その変更がリアルタイムで反映されるので、ウェブサイトのデザインや機能調整時にかなり便利。おすすめ。