<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form.jpg" alt="フォームからアップロードしたファイルをDropboxに自動保存" title="dropbox-form" width="514" height="204" class="aligncenter size-full wp-image-17766" /></p>
<p>複数の人からファイルを受け取りたい時、個別に<a href="/tag/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E8%BB%A2%E9%80%81">ファイル転送サービス</a>を使ってもらっても良いのですが、一番効率が良いのは一箇所に設置されたファイルアップローダーから送ってもらうことですよね。</p>
<p>しかし、プログラムに詳しければ良いものの、ファイルアップローダーを使ってファイルを保管することは、あまりカンタンではありません。</p>
<p>今回は、そのようなファイルアップローダーをカンタンに構築でき、そのうえ使い勝手の良いDropboxに蓄積することができるサービスをご紹介します。</p><!--more-->
<h3 class='header-label'>フォームからアップロードしたファイルをDropboxに自動保存</h3>
<p>「<a class='web-site-link' href="http://www.jotform.com/dropbox/" target="_blank">Dropbox Forms</a>」は、<strong>ファイルアップローダーのフォームを作成、管理し、そのアップローダーから受け取ったファイルをDropboxへ自動保存できる</strong>サービス。</p>
<p>ファイルが保存されるフォルダ名は、フォームに入力された名前が自動的に付けられるので、受け取ったあとの整理も不要です。</p>

<h4 class='tips'>サンプルフォームの画像</h4>
<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form1.png" alt="アップローダー" title="dropbox-form1" width="500" height="464" class="aligncenter size-full wp-image-17765" /><br />↑フォームを設置すると本当に送ることができてしまうのでここでは画像になりますが、このように本格的なファイルアップローダーをカンタンに設置することができます。</p>
<p>ここからファイルをアップロードすると、アカウントを連携させたDropboxに、ファイルが蓄積されます。</p>

<h4 class='tips'>Dropboxに保存されたファイル</h4>
<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form2.png" alt="ファイルの保存場所１" title="dropbox-form2" width="500" height="162" class="aligncenter size-full wp-image-17764" /><br />↑ファイルが保存されるフォルダは、フォームに入力された氏名が反映されます。</p>
<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form3.png" alt="ファイルの保存場所２" title="dropbox-form3" width="500" height="189" class="aligncenter size-full wp-image-17763" /><br />↑たとえばテキストファイルをアップロードすると、PDFと元のテキストファイルが保存されます。（ここに保存されたPDFファイルは、日本語が文字化けしてしまう様子。）</p>
<p>試してみたいかたは<a class='web-site-link' href="http://www.jotform.com/dropbox/" target="_blank">Dropbox Forms</a>へどうぞ。</p>

<h4 class='tips'>フォームの作成、設置方法</h4>
<p>※この手順をGoogle Chromeでおこなうと、ポップアップブロックによって先に進めないことがあります。そのためFirefoxなどのブラウザで手順を踏むことをオススメします。</p>
<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form4.png" alt="Dropboxにログイン" title="dropbox-form4" width="500" height="376" class="aligncenter size-full wp-image-17762" /><br />↑まず、<a class='web-site-link' href="http://www.jotform.com/dropbox/" target="_blank">Dropbox Forms</a>のページを開き、「Create a Dropbox Form」ボタンを押し、その場にポップアップする画面の「Login to Dropbox」ボタンを押します。</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form5.png" alt="Dropboxとの連携１" title="dropbox-form5" width="500" height="276" class="aligncenter size-full wp-image-17761" /><br />↑Dropboxのログイン画面がポップアップ表示されるので、ログインします。</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form6.png" alt="Dropboxとの連携２" title="dropbox-form6" width="500" height="336" class="aligncenter size-full wp-image-17760" /><br />↑次にJotForm（今回利用するサービス）との連携を求められるので、「Allow」ボタンを押します。</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form7.png" alt="連携作業中" title="dropbox-form7" width="500" height="300" class="aligncenter size-full wp-image-17759" /><br />↑すると、Dropboxとの連携作業が自動的に始まるので、しばし待ちます。</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form8.png" alt="連携作業終了" title="dropbox-form8" width="500" height="438" class="aligncenter size-full wp-image-17758" /><br />↑しばらく待つと、Dropboxと連携されたフォームのタグが発行されるので、このタグをどこかにコピペしておきます。（※このタグはあとからでも取得可能です。）</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form9.png" alt="フォーム編集画面へ" title="dropbox-form9" width="500" height="548" class="aligncenter size-full wp-image-17757" /><br />↑連携作業が完了したら、「Launch Form Builder」を押して、フォームの作成、管理画面を開きます。</p>

<p><img src="http://web-marketing.zako.org/images/2011/04/dropbox-form10.png" alt="フォームの編集" title="dropbox-form10" width="500" height="368" class="aligncenter size-full wp-image-17756" /><br />↑フォームの編集画面が開いたら、分かりやすく編集して保存します。あとはタグを、フォームを表示させたい場所へ貼りつければOKです。</p>
<p>上場企業ではこういった組み合わせを使うのはコンプライアンス的にも難しそうですが、スモールビジネスであれば、このようなものでも十分に効率化を図ることができそうですね。</p>
<p>Via:<a class='web-site-link' href="http://www.delicious.com/url/e114e870c9ccd741638c96a90b67955d" target="_blank">delicious</a></p>