<p class="thumb"><img src="http://cdn.zako.org/images/2016/04/wix-toppage.png" alt="WIX" width="592" height="310" class="size-full wp-image-30287" /></p>
<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>

<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>

<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>
<!--more-->

<h3 class="header-label">さっそくWIXというツールで無料のホームページを作ることに</h3>
<p>「<a href="http://ja.wix.com/" target="_blank">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>
<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>

<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>

<h4 class="tips">業種別、目的別にデザインのテンプレートで選んで作れる</h4>
[caption id="attachment_30292" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-templates.png" alt="デザインテンプレートの選択画面。" width="592" height="463" class="size-full wp-image-30292" /> デザインテンプレートの選択画面。[/caption]
<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>

<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>

[caption id="attachment_30284" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-design.jpg" alt="フレンチレストランのデザインを選択。" width="592" height="567" class="size-full wp-image-30284" /> フレンチレストランのデザインを選択。[/caption]
<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>

<h4 class="tips">直感的すぎて初見で困る！？ページの作成</h4>
[caption id="attachment_30291" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-edit.png" alt="ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。" width="592" height="282" class="size-full wp-image-30291" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]
<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>

[caption id="attachment_30289" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-edit-img.png" alt="画像の編集メニュー。" width="592" height="348" class="size-full wp-image-30289" /> 画像の編集メニュー。[/caption]
<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>

[caption id="attachment_30288" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-images.png" alt="WIXの画像アップロード画面。" width="592" height="306" class="size-full wp-image-30288" /> WIXの画像アップロード画面。[/caption]
<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>
<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>
<p>というもの。これはぜひ実現して欲しいですね。</p>

<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>

<p>お次はトップページの文字編集です。</p>

[caption id="attachment_30285" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-edit-text2.png" alt="デザインを見ながらできる、テキストの編集画面。" width="592" height="450" class="size-full wp-image-30285" /> デザインを見ながらできる、テキストの編集画面。[/caption]
<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>
<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>
<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>

<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>

[caption id="attachment_30287" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-toppage.png" alt="作成したホームページのトップページ。" width="592" height="310" class="size-full wp-image-30287" /> 作成したホームページのトップページ。[/caption]
<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>
[caption id="attachment_30286" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-responsive.png" alt="特に意識していなくても、勝手にスマホにも対応してくれます。" width="592" height="403" class="size-full wp-image-30286" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]

<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>
[caption id="attachment_30295" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/wix-edit-help.png" alt="編集メニューに必ず出てくる「？」のボタンは救世主！？" width="592" height="469" class="size-full wp-image-30295" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]

<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>

<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>

<h4 class="tips">WIXを使っての感想まとめ</h4>
<h5 class="tips">最大の感想</h5>
<p>「無料でここまで作れたら大したもの！」</p>
<h5 class="tips">良い感想：</h5>
<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>
<h5 class="tips">ちょっと残念なところ：</h5>
<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>