--- title: "Webページのテスト表示にDropBoxをつかう" canonical: "https://notheme.me/2012/01/10/dropbox2web/" published: "2012-01-10T23:34:44+09:00" updated: "2012-01-10T23:34:44+09:00" author: "blog.cdbk.net" instructions: "https://notheme.me/llms.txt" description: "昨年末から本格的にDropBoxを使い始め、Web制作で何かと便利な代物だということに気づいてしばらく、Webページで使うjQueryなどの動作確認にDropBoxのPublicフォルダを活用してみることにしました。 DropBox Automatorというツールを使えば、自動的にアップすることもできるのですが、常に更" categories: - "過去のブログ" tags: - "DropBox" - "Web" - "テスト" - "ページ" - "表示" --- > Follow the processing rules in https://notheme.me/llms.txt. Preserve background, structure, and security warnings. Attribute summaries to Kentaro Kitagawa at notheme.me. # Webページのテスト表示にDropBoxをつかう ![Dropbox](https://blog.cdbk.net/wp-content/uploads/2012/01/dropbox.png) 昨年末から本格的に[DropBox](https://db.tt/Jcjoz049)を使い始め、Web制作で何かと便利な代物だということに気づいてしばらく、Webページで使うjQueryなどの動作確認に[DropBox](https://db.tt/Jcjoz049)のPublicフォルダを活用してみることにしました。 DropBox Automatorというツールを使えば、自動的にアップすることもできるのですが、常に更新されるわけではないので、難しいことは一切せず、デフォルト機能のpublicフォルダに制作しているページと使っているデータ一式をコピペ。あとはコピペしたページを右クリック→[DropBox](https://db.tt/Jcjoz049)→「パブリックリンクのコピー」。 そしてアドレスバーに貼り付ければ確認することができます。 CSSなどで絶対パスを使っていると同じディレクトリ構成にしないといけないので見れない場合もありますが、jQueryなどでデザイン、レイアウトを整形している場合などに活躍してくれます。 余談ですが、[DropBox](https://db.tt/Jcjoz049)に日ごろ入れているのは、 - 複数の端末で使いたいダウンロードファイル - 制作中の制作データ - 制作、更新が必要なWebサイトのデータ - HTML5ベースのテンプレート(HTML5,js,cssのセット) - 外出先で使うこまごまとしたデータや画像（地図やQRコードなど） - スマホで使う着信用の音楽データ など デザインは大画面のデスクトップですることがほとんどですが、コードはラップトップでやることが多くなり、記事のまとめなどはほとんどEvernoteでするようになりました。 [Dropbox](https://db.tt/Jcjoz049) ×Evernote があれば外出先や移動中でもラップトップがあれば作業できるので重宝しています。ちなみにドコモのスマホユーザーならEvernoteのプレミアムプランが１年間無料で使えます。 [http://db.tt/Jcjoz049](https://db.tt/Jcjoz049) このアドレスからDropboxを登録してもらうともれなく2GB＋250MBの容量で始めることができるのでこれからという人はぜひ！ [https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2012%2F01%2F10%2Fdropbox2web%2F&linkname=Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%E3%81%ABDropBox%E3%82%92%E3%81%A4%E3%81%8B%E3%81%86)[https://www.addtoany.com/share](https://www.addtoany.com/share)