<p class="thumb"><img src="http://cdn.zako.org/images/2015/02/yoozon.png" alt="Yoozon" width="592" height="310" class="alignnone size-full wp-image-29429" /></p>
<p>クライアントへステージング段階にあるサイトを共有するようなケースで、わざわざサーバーをセットアップするのはなかなか面倒なもの。ならば既存の環境を使えば良いとはいえ、既存環境の下位ディレクトリで無理やりパスを合わせたりなんてことも手間がかかりますし、ミスを誘うことにもなりかねないものです。</p>
<p>今回は、そういった手間を省き、Dropboxを使ってうまいこと組んでみたサイトを共有できるサービスをご紹介します。</p>
<!--more-->

<h3 class="header-label">Dropboxを使ってサーバーセットアップなしでテストサイトを共有できる「Yoozon」</h3>
<iframe width="100%" height="366" src="https://www.youtube.com/embed/Li3hhL1SZl4" frameborder="0" allowfullscreen></iframe>
<p>「<a target="_blank" href="http://www.yoozon.com/">Yoozon</a>」は、Dropboxを使うことで、<strong>サーバーを用意することなくウェブサイトやサービスを構築、共有できるサービス。</strong>月間300Visitまでは無料で使うことができ、フロントエンジニアがクライアントに対して、組み上げたサイトを手軽に共有することにも向いています。</p>

<h4 class="tips">複数のサイトを構築・管理可能</h4>
[caption id="attachment_29427" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/02/yoozon-projects.png" alt="Yoozenのダッシュボード" width="592" height="346" class="size-full wp-image-29427" /> Yoozenのダッシュボード[/caption]
<p>Yoozenでは、複数のサイトを作成、管理することができます。Dropboxは、これら複数のサイトをYoozenで構築するなかでのFTPツールのような役割を担っています。</p>

<h4 class="tips">サブドメインを割り当てられる</h4>
[caption id="attachment_29426" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/02/yoozon-domain.png" alt="プロジェクト毎にサブドメインを設定できます。" width="592" height="219" class="size-full wp-image-29426" /> プロジェクト毎にサブドメインを設定できます。[/caption]
<p>無料版では、</p>

<p class="desc"><任意の文字列>.yoozon.com</p>
<p>の<任意の文字列>の部分を指定することができます。とはいえ他のユーザーと被ることも多いでしょうから、</p>
<p class="desc"><任意の文字列>.<組織名など>.yoozon.com</p>
<p>などとしたほうが良さそうですね。今回私は、</p>
<p class="desc"><本番ドメイン>.webm.yoozon.com</p>
<p>といったように命名してみました。</p>

<h4 class="tips">サブドメインごとにDropbox内にディレクトリが切られる</h4>
[caption id="attachment_29428" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/02/yoozon-dir.png" alt="Yoozonフォルダに生成されたサブドメイン毎のディレクトリ" width="592" height="125" class="size-full wp-image-29428" /> Yoozonフォルダに生成されたサブドメイン毎のディレクトリ[/caption]
<p>サブドメインを指定すると、自動的にDropboxのYoozonフォルダ配下にサブドメイン毎のディレクトリが作成されます。</p>


<h4 class="tips">データベースも無制限で使用可能</h4>
[caption id="attachment_29425" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/02/yoozon-database.png" alt="作成したデータベースの情報。作成できるデータベースの数は無制限です。" width="592" height="129" class="size-full wp-image-29425" /> 作成したデータベースの情報。作成できるデータベースの数は無制限です。[/caption]
<p>ボタンひとつでphpmyadminがセットアップされます。なんて便利なんでしょうｗ</p>
[caption id="attachment_29424" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/02/yoozon-wordpress.png" alt="YoozenにインストールしたWordpress" width="592" height="461" class="size-full wp-image-29424" /> YoozenにインストールしたWordpress[/caption]
<p>今回はデータベースの動きを見る意味でWordpressをインストールしてみましたが、問題なく動いています。</p>

<p>興味があるかたは<a target="_blank" href="http://www.yoozon.com/">Yoozon</a>へどうぞ。Dropboxアカウントと連携させることで利用開始可能です。</p>